Руководства/Макет сайта/Настройка стиля заголовка сайта

Настройка стиля заголовка сайта

Заголовок размещается в верхней части каждой страницы вашего сайта, и именно он производит первое впечатление на посетителей. Из этого руководства вы узнаете, как применять фон заголовка, как закрепить заголовок и настроить его шрифты.

Требования

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

Перейдите к нужной части шаблона «Заголовок». Если вы не делали этого раньше, следуйте инструкциям в руководстве Как настроить заголовок.

Как изменить фон заголовка

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

  1. В процессе редактирования части шаблона «Заголовок» откройте представление в виде списка, нажав его значок (три горизонтальные линии) в верхнем левом углу редактора.
  2. Перейдите в блок «Группа» внутри части шаблона «Заголовок».
Стрелка от представления в виде списка к блоку «Группа» внутри части шаблона «Заголовок».
  1. На боковой панели настроек блока щёлкните по значку Стили. Он выглядит как чёрно-белый круг.
  2. Примените цвет фона или добавьте фоновое изображение.

Подробнее о цветах и фоновых изображениях.

Как создать закреплённый заголовок

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

  1. На консоли перейдите в раздел Внешний вид → Редактор.
  2. Нажмите на миниатюру главной страницы справа или выберите вкладку Шаблоны, чтобы настроить нужный шаблон.
  3. Щёлкните по значку Представление в виде списка в верхнем левом углу.
  4. Выберите верхний элемент заголовка, нажмите на три точки () и выберите опцию Группа, чтобы поместить заголовок внутрь блока «Группа».
  5. На боковой панели настроек блока выберите значение Закреплённый параметра «Позиция».
  6. Нажмите кнопку Сохранить.

Научитесь стилизовать блок «Группа», в котором имеются закреплённые элементы. Или узнайте, как настраивать макет блока «Группа».

Подробнее о создании закреплённых элементов.

Как изменять стили шрифта заголовка

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

  1. В процессе редактирования части шаблона «Заголовок» щёлкните по элементу текста, который нужно настроить (это может быть название сайта, меню и т. д.).
  2. На боковой панели настроек блока щёлкните по значку Стили. Значок «Стили» выглядит как чёрно-белый круг.
  3. Найдите настройки шрифтов, чтобы выбрать семейство, размер, начертание и другие параметры шрифта.
  4. Нажмите кнопку Сохранить.

Подробнее о пользовательских шрифтах.

Copied to clipboard!