Как настроить заголовок веб-сайта WordPress

Как настроить заголовок веб-сайта WordPress

Заголовок WordPress является самым верхним и, безусловно, самым важным визуальным элементом веб-сайта. Поскольку это первое, что посетители видят после загрузки Вашего сайта, очень важно уделить особое внимание настройке заголовка.

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

Хотя этот элемент является стандартным модулем, который можно найти на каждом сайте, функции заголовка WordPress зависят исключительно от используемой темы. Большинство бесплатных и коммерческих тем позволяют использовать в заголовке изображения и видео, которые можно детально редактировать, однако некоторые темы не позволят Вам настроить заголовок вообще. Надеемся, Вы выбрали хорошую тему из тех, что используют заголовок, и теперь Вас интересует, как его настроить. Если нет, то придется редактировать файлы тем. Но сейчас не об этом.

Как добавить изображения и видео в заголовок WordPress

Чтобы попасть в редактор, перейдите к Внешний вид (Appearance) -> Заголовок (Header) в меню инструментальной панели WordPress в левой части экрана.

Вы также можете найти редактор заголовка в Внешний вид (Appearance) -> Настроить (Customize) -> Медиафайл заголовка (Header Media). Поскольку параметры зависят от конкретной темы, обратите внимание, что термин «Медиафайл заголовка» может иметь другое имя или вообще может не отображаться в списке. Для целей этого урока мы остановимся на замечательной теме Twenty Seventeen.

Настройка медиафайла заголовка WordPress

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

Видео заголовка

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

Загрузка видео в формате .mp4

Чтобы использовать видео из медиа-библиотеки или загрузить новое, нужно будет использовать формат .mp4. Это единственный формат, который на данный момент принимает WordPress, поэтому Вам придется приспособиться к этому. Поскольку эти типы видеороликов могут быть довольно большими, важно как можно сильнее уменьшить размер файла. Видео MP4 легко может быть размером в несколько сотен мегабайт, и это просто не приемлемо для блога.

Рекомендуемый размер видео в пикселях будет зависеть от Вашей темы. С Twenty Seventeen рекомендуется, чтобы видео было 2000 × 1200 пикселей.

Если у Вас есть такое видео, нажмите кнопку «Выбрать видео (Select Video)». Затем выберите файл из своей медиа-библиотеки или загрузите новое видео. Вы сразу увидите результаты на этой странице.

Использование видео с Youtube:

Видео заголовка с youtube

Использование видео с Youtube намного проще. Когда Вы найдете понравившийся ролик, просто скопируйте и вставьте его URL в форму. Как только вы вставите ссылку, WordPress загрузит видео и предоставит Вам предварительный просмотр сайта.

Если Вы используете видео, WordPress будет использовать изображение заголовка в качестве резервного варианта.

Что такое резервный вариант (fallback)? Пока видео грузится, Ваши пользователи в общем случае могли бы видеть пустое поле в его местоположении. Чтобы избежать этого, резервный вариант позволяет им вместо этого видеть изображение. Кроме того, поскольку не все браузеры могут воспроизводить видео, изображение будет использоваться и в тех случаях, когда посетители не могут видеть выбранное Вами видео. Из-за этого, даже если Вы используете видео, очень важно для этих случаев выбрать изображение заголовка.

Изображение заголовка

По умолчанию WordPress автоматически показывает изображение заголовка, которое Вы можете найти в редакторе Внешний вид (Appearance) -> Заголовок (Header). Здесь можно увидеть текущее изображение заголовка, загруженные ранее (если Вы не добавляли изображения заголовков, то не увидите эту опцию) и предлагаемую фотографию.

Если Вы не хотите иметь изображение заголовка, просто нажмите кнопку «Скрыть (Hide Image)».

Чтобы сменить изображение, нажмите кнопку «Добавить (Add new image)», которая откроет медиа-библиотеку. Здесь Вы сможете выбрать картинки, добавленные на сайт ранее, или загрузить новые.

Добавить новое изображение заголовка 1

 

Добавить новое изображение заголовка 2

 

Добавить новое изображение заголовка 3

 

Добавить новое изображение заголовка 4

 

Добавить новое изображение заголовка 5

Выбрав изображение, Вы сможете обрезать его до рекомендуемых размеров. Если хотите, чтобы изображение идеально соответствовало Вашей теме, мы предлагаем обрезать его. Кроме того, рекомендуется, чтобы Ваше изображение имело те же размеры, что и видео (если оно, конечно, используется).

Если имеется несколько загруженных или предлагаемых (стандартных) изображений, Вы можете нажать кнопки «В случайном порядке (Randomize uploaded/suggested headers)». Затем WordPress произвольно выбирает одно изображение для Вашего заголовка. Это хороший вариант для тех из вас, кто хочет менять изображения каждые несколько дней.

Не пренебрегайте заголовком WordPress

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

Оставьте комментарий