Шапка сайта

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

Исходная позиция: меню навигации, логотип и слайдер на странице, которые мы добавили ранее:

Переходим в «Внешний вид > Настроить > Внешний вид». Здесь видим множество опций:

Выберем второй вид шапки, изменим шрифт меню, его цвет, размер и межбуквенное расстояние:

Можно настроить название сайта, если вы не используете логотип картинкой или svg-кодом.

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

 

Теперь давайте разберем, что такое картинка в шапке.

К любой странице, записи и серии можно установить картинку, которая будет отображаться вверху.

Устанавливается она вот так:

Выглядит это вот так:

В настройках можно изменить позицию и пропорции картинки:

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

Это позволит безбоязненно использовать заголовок серии поверх этой картинки:

Эти настройки будут применены ко всем картинкам во всех шапках.