🔷 Блок: Buttons / Кнопки

🔷 Блок: Buttons / Кнопки

📌 Что это

Buttons — это блок Gutenberg для добавления одной или нескольких кнопок на страницу или в запись.

Например:

кнопка “Связаться”;
кнопка “Купить”;
кнопка “Подробнее”;
кнопка “Записаться”;
кнопка “Скачать файл”;
кнопка “Перейти в каталог”;
кнопка “Оставить заявку”.

В WordPress сейчас основной блок называется именно Buttons, потому что он может содержать одну или несколько кнопок. Старый отдельный блок Button считается устаревшим с WordPress 5.4.

⚙️ Функции

Блок позволяет:

добавить одну кнопку;
добавить несколько кнопок рядом;
написать текст кнопки;
добавить ссылку на кнопку;
открывать ссылку в новой вкладке;
выравнивать кнопки слева, по центру или справа;
располагать кнопки горизонтально или вертикально;
настраивать расстояние между кнопками;
менять стиль кнопки, например заливка или контур;
менять цвет текста и фона;
настраивать типографику;
настраивать padding / внутренние отступы;
настраивать margin / внешние отступы;
добавлять border / рамку;
добавлять border radius / скругление углов;
добавлять shadow / тень, если настройка доступна;
добавлять CSS-класс в Advanced.

🎯 Зачем нужен

Чтобы дать пользователю понятное действие.

Например:

перейти на другую страницу;
отправить заявку;
скачать файл;
открыть товар;
перейти к форме;
позвонить;
написать в мессенджер;
записаться на услугу.

Кнопка — это элемент действия.
Она должна отвечать на вопрос: что пользователь должен сделать дальше?

📍 Где используется чаще всего

главная страница;
hero-блок;
лендинги;
страницы услуг;
страницы товаров;
CTA-секции;
формы заявок;
портфолио;
страницы “О нас”;
промо-блоки;
страницы с файлами для скачивания.

⚠️ Важно

Лучше писать на кнопке конкретное действие.

Плохо:

Кнопка
Подробнее
Нажмите здесь

Лучше:

Записаться на консультацию
Скачать прайс
Перейти в каталог
Оставить заявку
Посмотреть услуги

Пользователь должен сразу понимать, что произойдёт после клика.

⚠️ Buttons и Button

В редакторе ты чаще всего видишь блок Buttons.

Это контейнер для кнопок.

Внутри него может быть:

одна кнопка;
две кнопки;
три кнопки и больше.

Пример:

Buttons
 ├─ Button: Записаться
 └─ Button: Подробнее

То есть Buttons — это общий блок-контейнер, а каждая отдельная кнопка внутри — это индивидуальный элемент.

⚠️ Ссылка обязательна

Кнопка без ссылки обычно бесполезна.

Если пользователь нажимает на кнопку, он ожидает действие:

переход на страницу;
открытие формы;
скачивание файла;
звонок;
переход к секции на этой же странице.

Поэтому после создания кнопки важно добавить ей ссылку.

⚠️ Не делай слишком много кнопок

Если на экране слишком много кнопок, пользователь теряется.

Лучше:

одна главная кнопка;
одна дополнительная кнопка, если нужно.

Например:

[Записаться] [Подробнее]

Главная кнопка должна быть визуально сильнее.
Дополнительная может быть спокойнее, например в стиле outline / контур.

⚠️ Тема может влиять

Внешний вид Buttons может зависеть от темы.

Тема может влиять на:

цвета кнопок;
форму кнопок;
скругление;
размеры;
шрифты;
отступы;
тени;
доступные стили;
wide/full width.

Если у тебя нет какой-то настройки, это не всегда ошибка. Возможно, текущая тема её не поддерживает.

🧠 Простыми словами

Buttons — это блок для кнопок.

Кнопка нужна, чтобы пользователь сделал действие:
перешёл, скачал, записался, купил, отправил заявку или открыл нужную страницу.

Главное правило: текст кнопки должен быть понятным и конкретным.