Руководства/Создание контента/Блоки/Добавление кнопок на сайт

Добавление кнопок на сайт

На веб-сайте можно размещать кнопки со ссылками на страницы, товары или любые другие веб-адреса. Кнопки помогают посетителям совершать действия, например: регистрироваться, покупать товары и запрашивать информацию. В этом руководстве будет показано, как добавлять кнопки на сайт.

Как добавить кнопку

Чтобы разместить кнопку на странице, в записи или в шаблоне, выполните следующие действия.

  1. Откройте консоль сайта.
  2. В зависимости от того, куда именно вы хотите добавить кнопку, перейдите на страницу, в запись или в шаблон и отредактируйте этот элемент или создайте новый.
    • Страница. Перейдите в раздел меню Страницы.
    • Запись. Перейдите в раздел меню Записи.
    • Шаблон. Перейдите в раздел Внешний вид → Редактор и выберите шаблон.
  3. Нажмите значок «+» инструмента вставки блоков и выполните поиск по запросу button.
    • Или наберите /button там, где есть надпись «Наберите /, чтобы выбрать блок».
Инструмент вставки блоков со словом button в поиске и выделенным блоком «Кнопки».
  1. Щёлкните по значку кнопок, чтобы вставить блок «Кнопки».
  2. Введите текст кнопки там, где находится надпись «Добавить текст…». Например, можно ввести «Подробнее», «Нажмите здесь» или что-нибудь другое.
Новая кнопка с заполнителем «Добавить текст...»

Как привязать ссылку к кнопке

После того как вы разместили первую кнопку на своём сайте, нужно будет привязать к ней ссылку. Ссылка может вести на другую страницу или запись на вашем или внешнем сайте. Чтобы привязать ссылку к кнопке, выполните следующие действия.

  1. В представлении в виде списка выберите отдельную кнопку в блоке «Кнопки».
  2. На панели инструментов, которая появится после выбора кнопки, нажмите значок «Ссылка».
Выбранная кнопка в блоке «Кнопки» со стрелкой, указывающей на значок «Ссылка» на панели инструментов кнопки.
  1. Найдите опубликованную страницу/запись по имени или введите URL-адрес в поле «Найдите или введите URL-адрес».
Выделено поле ввода «Найдите или введите URL-адрес».
  1. Нажмите значок «Отправить» (обратная стрелка) или нажмите Ввод или Назад на клавиатуре.

Вы также можете добавить значок, эмодзи или изображение на кнопку.

Как добавить больше кнопок


Можно добавлять новые кнопки в имеющемся блоке «Кнопки» или создать новый. Чтобы добавить новую кнопку в имеющемся блоке «Кнопки», выполните следующие действия.

  1. Щёлкните по блоку «Кнопки».
  2. Нажмите кнопку «+» инструмента вставки блоков , чтобы вставить новую кнопку.
Выбран блок «Кнопки», стрелка указывает на значок инструмента вставки блоков «+».
  1. Пользуйтесь стрелками влево или вправо на панели инструментов, чтобы изменить порядок расположения кнопок.
  2. Выполните описанные выше действия, чтобы добавить ссылку.

По умолчанию кнопки будут располагаться рядом друг с другом. Вы можете настроить выравнивание кнопок, а также их расположение (в ряд или столбик), выполнив действия, описанные в руководстве по выравниванию кнопок на сайте.

Другие типы кнопок

Если вы хотите разместить на сайте более сложные кнопки, рассмотрите следующие варианты.

Copied to clipboard!