Кнопки, ссылки и наведение

Кнопки и ссылки

1. 1Продвинутый режим
2. 2Выделите кнопку
3. 3Кнопка / Ссылка / Наведение

Изменить подпись и размер кнопки

1. В продвинутом режиме выделите кнопку целиком. В панели справа раскройте «Кнопка». Если выделилась только надпись, выберите родительскую кнопку в дереве слоёв.
2. В поле «Текст» введите «Связаться с нами» и щёлкните вне поля.
3. В «Отступы внутри» задайте, например, 24 px слева и справа и 12 px сверху и снизу. Проверьте, что надпись помещается на телефоне.
4. Фон и рамку настройте в разделах «Заливка» и «Обводка». Скругление находится в «Вид».

Назначить переход

1. Подготовьте страницу контактов и проверьте её адрес. Например, для адреса /contacts откройте у кнопки раздел «Ссылка» и впишите /contacts в URL.
2. В «Переход» выберите «В том же окне». «В новом окне» подходит, когда посетитель должен открыть отдельную вкладку.
3. Опубликуйте кнопку и страницу назначения. Откройте публичный сайт и нажмите кнопку: должна открыться нужная страница.

• Для перехода внутри страницы используйте #имя, например #contacts. Сначала задайте тот же якорь целевому блоку в его настройках.
• Полный адрес https://example.com ведёт на другой сайт; tel:+79991234567 запускает звонок, mailto:hello@example.com — почтовое приложение, если они настроены у посетителя.
• #popup открывает предусмотренное на странице всплывающее окно. Сам адрес не создаёт окно: сначала добавьте соответствующий блок.
• Пустой URL убирает назначенную здесь ссылку. Переключатель «Nofollow для поисковиков» добавляет rel=nofollow; для обычного перехода внутри своего сайта он обычно не нужен.

Добавить цвета при наведении

1. Выберите кнопку и раскройте «Наведение». Задайте «Фон при наведении» и цвет надписи. Цвет обводки будет виден, если у кнопки уже есть обводка.
2. В «Длительность перехода, сек» задайте 0.2 для короткого плавного перехода.
3. На холсте удерживайте Alt и наведите курсор на кнопку. В текущем редакторе это включает просмотр hover-стилей. Отпустите Alt, чтобы вернуться к обычному редактированию.
4. Проверьте опубликованную страницу: там наведение работает без Alt. Крестик возле цвета удаляет именно это hover-значение.

У обычного текста наведение красит буквы; у кнопки и фигуры — фон. У корневого блока этот раздел недоступен: выбирайте элемент внутри. На сенсорном экране наведение не заменяет понятную подпись и заметную кнопку. Кнопку отправки внутри формы проверяйте через отправку формы, а не назначением перехода вместо отправки.