Перейти к основному контенту

Как добавить и настроить кнопку на REG.Site

В статье мы расскажем, как добавить кнопку на сайт с помощью модуля REG.Site и как настроить её дизайн.

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

  1. 1.
  2. 2.
    Нажмите на серый плюс в строке, в которую хотите вставить кнопку.
  3. 3.

    Выберите модуль Кнопка:

    Список модулей в REG.Site

    Если вы хотите привязать всплывающее окно к этой кнопке, используйте инструкцию.

  4. 4.

    Введите текст (название кнопки):

    Название кнопки в REG.Site

  5. 5.

    Чтобы добавить ссылку на кнопку, выберите пункт Ссылка и введите адрес в поле «URL ссылки кнопки»:

    Назначить кнопке URL в REG.Site

  6. 6.

    В пункте «Как открывать ссылку» выберите параметр открытия ссылки:

    Параметр открытия ссылки в REG.Site

  7. 7.
    Нажмите на галочку, чтобы сохранить изменения.

Готово, кнопка добавлена на сайт. Далее рассмотрим, как изменить её дизайн.

Как настроить дизайн кнопки

Рассмотрим параметры, которые можно настроить во вкладке «Дизайн».

Выравнивание

В строке кнопку можно выравнивать по левому и правому краям, а также по центру:

Выравнивание кнопки в REG.Site

Быстрая настройка цвета текста

В зависимости от фона, можно выбрать тёмный или светлый цвет текста:

Цвет текста в REG.Site

Пользовательские стили

Чтобы получить доступ к расширенным настройкам вида кнопки, активируйте чек-бокс «Использовать пользовательские стили для элемента»:

Как включить пользовательские стили для кнопки в REG.Site

Размер текста

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

Как изменить размер текста в кнопке в REG.Site

Цвет текста

Цвет текста по умолчанию соответствует основному цвету вашей темы. Чтобы изменить цвет текста, настройте его при помощи палитры. Для этого нажмите на значок пипетки и выберите нужный оттенок:

Как изменить цвет текста кнопки в REG.Site

Фон кнопки

По умолчанию у кнопки прозрачный фон, который вы можете изменить. В качестве фона можно выбрать:

  • сплошной цвет,
  • градиент,
  • изображение.

Как изменить фон текста кнопки в REG.Site

Граница кнопки

Параметр «Кнопка Border Width» отвечает за толщину границы кнопки. Чтобы изменить толщину, отрегулируйте ползунок или введите значение вручную.

По умолчанию толщина границы составляет 2 пикселя. Чтобы удалить границу, установите значение 0 px.

Цвет границы по умолчанию соответствует вашей теме. Выберите нужный цвет из палитры цветов.

Как изменить цвет границы текста кнопки в REG.Site

Закругление кнопки

Параметр «Кнопка Border Radius» отвечает за скругление углов кнопки. Чем больше значение, тем больше скругление. Отрегулируйте ползунок или поменяйте значение вручную:

Как изменить закругление кнопки в REG.Site

Расстояние между буквами

Чтобы изменить расстояние между буквами, используйте ползунок или введите значение вручную:

Как изменить расстояние между буквами в REG.Site

Готово, вы настроили дизайн кнопки.

Как настроить дополнительные параметры

Теперь рассмотрим параметры, которые можно настроить во вкладке «Дополнительно».

Атрибуты

При помощи атрибутов можно настроить отношение между текущей страницей и страницей по ссылке. Для этого выберите пункт Атрибуты.

Из списка вы можете выбрать:

  • bookmark — задаёт постоянную ссылку;
  • external — ссылка с этим атрибутом будет открываться в новом окне браузера:
  • nofollow — указывает поисковым роботам не посещать страницу по этой ссылке;
  • noreferrer — скрывает информацию о том, откуда пришёл посетитель;
  • noopener — как и noreferrer, скрывает информацию о странице, с которой открыта ссылка.

Как настроить атрибуты кнопки в REG.Site

Видимость элемента на разных устройствах

В этом блоке вы можете скрыть модуль для определенных типов устройств: телефон, планшет и компьютер.

Для этого в блоке «Видимость» отметьте галочкой тот тип устройств, на которых вы хотите скрыть модуль, и сохраните изменения:

Как настроить видимость кнопки для разных устройств REG.Site

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

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0