Вернуться на страницу поддержки Создание сайта Редактор сайта Настройка заголовка с помощью редактора сайта

Настройка заголовка с помощью редактора сайта

Типовой заголовок на веб-сайте включает в себя логотип, название сайта, меню навигации и во многих случаях некоторые другие элементы. Макетом этих элементов управляет ваша тема. Можно ли это настроить для себя?

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

Редактирование шаблона заголовка

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

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

Затем сделайте следующее.

Выберите шаблон — размещение элементов заголовка с помощью FSE — WordPress.com

В зависимости от темы вы можете найти различные элементы в своём предварительно определённом заголовке. В этом документе будет рассмотрен процесс добавления и настройки всех этих элементов.

Добавление элементов в заголовок

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

Элемент 1 — Логотип сайта

Чтобы добавить логотип в заголовок, выполните следующее.

  1. Нажмите кнопку инструмента вставки блоков +.
  2. Найдите блок «Логотип сайта».
  3. Щёлкните его, чтобы вставить.
  4. Загрузите изображение логотипа, используя этот блок.

После добавления блока можно использовать стрелки навигации «влево» и «вправо», чтобы изменить его положение относительно других элементов меню.

Наконец, можно изменить его размер, перемещая точки выделения.

Когда всё будет готово, нажмите кнопку Сохранить, а затем нажмите Сохранить ещё раз. Также убедитесь, что установлен флажок для части шаблона заголовка.

Скринкаст, где показано, как добавить логотип, а затем переместить его с помощью стрелок на панели инструментов.

Узнайте больше об использовании блока «Логотип сайта». Вы узнаете, как менять положение, изменять выравнивание, обрезать изображение, добавлять фильтр, заменять изображение, применять различные стили и проч.

Элемент 2 — Меню сайта

Чтобы добавить меню в заголовок, выполните следующее.

  1. Нажмите кнопку инструмента вставки блоков +.
  2. Найдите блок «Навигация».
  3. Щёлкните его, чтобы вставить.

После добавления блока «Навигация» в заголовок, у вас будет два варианта:

Когда меню будет готово, его можно переместить в нужное место с помощью стрелок «влево» и «вправо».

Когда всё будет готово, нажмите кнопку Сохранить, а затем нажмите Сохранить ещё раз. Убедитесь, что установлен флажок для части шаблона заголовка.

Узнайте больше об использовании блока «Навигация». Вы узнаете, как вставить блок навигации, добавить ссылки, создать подменю, изменить настройки ссылок и проч.

Элемент 3 — Панель поиска

Чтобы добавить панель поиска в заголовок, выполните следующее.

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

После добавления блока можно использовать стрелки навигации «влево» и «вправо», чтобы изменить его положение относительно других элементов меню.

Наконец, можно изменить его размер, перемещая точки выделения.

Когда всё будет готово, нажмите кнопку Сохранить, а затем нажмите Сохранить ещё раз. Убедитесь, что установлен флажок для части шаблона заголовка.

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

Узнайте больше об использовании блока «Поиск». Вы узнаете, как добавить блок, изменить текст кнопки, изменить шрифт и цвета, используемые на кнопке, изменить ширину блока, переключить кнопку или изменить её положение, изменить выравнивание блока и проч.

Элемент 4 — Значки социальных сетей

Чтобы добавить значки социальных сетей в заголовок, выполните следующее.

  1. Нажмите кнопку инструмента вставки блоков +.
  2. Найдите блок «Значки социальных сетей».
  3. Щёлкните его, чтобы вставить.

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

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

После добавления всех значков можно выбрать блок, нажав блок «Значки социальных сетей» в представлении В виде списка, а затем с помощью стрелок «влево» и «вправо» изменить положение блока относительно других элементов меню.

Когда всё будет готово, нажмите кнопку Сохранить, а затем нажмите Сохранить ещё раз. Убедитесь, что установлен флажок для части шаблона заголовка.

Добавление значков социальных сетей в заголовок с помощью FSE — WordPress.com

Узнайте больше об использовании блока «Значки социальных сетей». Вы узнаете, как можно вставить значки, добавить свои профили в социальных сетях, изменить тип значков, стиль, удалить значки и проч.

Copied to clipboard!