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

Из этого руководства вы узнаете, как расположить блоки в заголовке вашего сайта, чтобы создать нужный вам макет.

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

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

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

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

Чтобы разместить блоки заголовка в ряд по горизонтали (например, логотип рядом с названием сайта), их нужно сгруппировать в блок «Строка», выполнив следующие действия:

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

Подробнее о группировке блоков контента.

Чтобы разместить блоки заголовка в столбец по вертикали (например, поместить меню над меню значков соцсетей), их нужно сгруппировать в блок «Друг под другом».

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

Подробнее о группировке блоков контента.

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

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

Подробнее о том, как располагать контент по всей ширине.