Одним из важных и основных виджетов конструктора uKit является виджет «Заголовок». Он используется для обозначения заголовков сайта, оглавления отдельных разделов, блоков.
Как мы говорили выше, «Заголовок» нужен для тематического группирования информации на сайте. Важно использовать тег <span> для заголовка при таком использовании. Его можно выбрать через тонкие настройки виджета.
Потому что, если вы будете использовать тег <H1> для этого виджета, то при множественном размещении на странице появятся несколько SEO-заголовков H1. Это не хорошо с точки зрения SEO-оптимизации страницы. На странице должен быть только один заголовок с таким тегом.
Как видно из скриншота выше, у заголовка есть четыре базовых настроек:
- Настройка цвета. К сожалению, можно выбрать только из набора трёх цветов. Цвета для этого набора задаются через цветовую схему сайта.
- Выравнивание. Вы можете выравнивать содержимое виджета по левому, по правому краю и по центру.
- Тонкие настройки. О них я уже рассказал выше. Важно правильно это использовать.
- Настройка класса для CSS. Такая настройка появляется только при наличии тарифа ПРО. Больше предназначен для продвинутых пользователей. Позволяет задать значение CSS класса для заголовка, чтобы можно было привязать к нему код, что позволит его кастомизировать и увеличить возможности использования.
В редакторе виджет «Заголовок» выглядит так:
То есть, к нему можно прикрепить якорь, продублировать этот виджет или удалить его. Всё делается касанием курсора и кликом на нужную кнопку.
Кстати, возможность прикрепления якоря к виджетам появилась совсем недавно. Раньше, именно виджет «Заголовок» использовался для создания якорей на странице. Его можно было вставить на разные части страницы, затем выбрать в настройках пунктах меню нужный вам заголовок и настроить скролл до него.
Также, для содержимого виджета (текста) заголовка можно задать настройки внешнего отображения. То есть, можно установить жирное начертание, курсив, подчеркнуть, зачеркнуть. Ещё вы можете прикрепить ссылку к заголовку. Ссылка может быть как внешней, так и внутренней.
Чтобы такие настройки отобразились, достаточно выделить содержимое заголовка и настройки появятся над виджетом:
Минусы
Один из важных минусов этого виджета в том, что обычный пользователь не сможет изменить его размер просто так. Можно глобально менять размеры всех заголовков на сайте (начиная от H1, заканчивая H6), но точечно изменить размер текста в виджете не получится. Это возможно только с помощью CSS стилей.
Такой минус создает препятствия при мобильной адаптации. Если размер текста внутри заголовка слишком большой, он будет таким же огромным на мобильных устройствах. Правильный перенос на следующую строку тоже просто так не настроить.
Надеюсь, информация была полезной для вас. Если у вас есть вопросы по работе с конструктором uKit или с этим виджетом, то вэлкам в комментарии.