Divi

Как сделать индивидуальный хедер в теме Divi

Индивидуальный хедер в теме Divi | WESPECLUB

[et_pb_section fb_built=»1″ _builder_version=»4.16″ global_colors_info=»{}» da_is_popup=»off» da_exit_intent=»off» da_has_close=»on» da_alt_close=»off» da_dark_close=»off» da_not_modal=»on» da_is_singular=»off» da_with_loader=»off» da_has_shadow=»on» da_disable_devices=»off|off|off»][et_pb_row _builder_version=»4.16″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» global_colors_info=»{}»][et_pb_column type=»4_4″ _builder_version=»4.16″ custom_padding=»|||» global_colors_info=»{}» custom_padding__hover=»|||»][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=»1″ theme_builder_area=»post_content» specialty=»on» _builder_version=»4.23.1″ _module_preset=»default» da_is_popup=»off» da_exit_intent=»off» da_has_close=»on» da_alt_close=»off» da_dark_close=»off» da_not_modal=»on» da_is_singular=»off» da_with_loader=»off» da_has_shadow=»on» da_disable_devices=»off|off|off»][et_pb_column type=»1_4″ theme_builder_area=»post_content»][dvmd_table_maker _builder_version=»4.23.1″ _module_preset=»default» theme_builder_area=»post_content» hover_enabled=»0″ sticky_enabled=»0″][/dvmd_table_maker][/et_pb_column][et_pb_column type=»3_4″ specialty_columns=»3″ theme_builder_area=»post_content»][et_pb_row_inner _builder_version=»4.23.1″ _module_preset=»default» theme_builder_area=»post_content»][et_pb_column_inner saved_specialty_column_type=»3_4″ _builder_version=»4.23.1″ _module_preset=»default» theme_builder_area=»post_content»][et_pb_text _builder_version=»4.16″ background_size=»initial» background_position=»top_left» background_repeat=»repeat» hover_enabled=»0″ global_colors_info=»{}» sticky_enabled=»0″ admin_label=»Текст» theme_builder_area=»post_content»][ad_1]

Это сложно?

Чтобы сделать индивидуальный хедер в теме Divi, как всегда, нужно совсем немного усилий. Это делается всего несколькими щелчками мыши. Итак, начнём!

Зачем делать индивидуальный хедер в теме Divi

Необходимость иметь разные хедеры в разных частях сайта определяется не WordPress темой, а индивидуальными потребностями. И да, такая необходимость встречается довольно часто.

Пройдём по шагам

Самым большим преимуществом Divi является то, что вы можете полностью настроить свой сайт практически любым способом, который только можете себе представить. Вы можете настроить единый дизайн для всего сайта, использовать определенные макеты и шаблоны для определенных типов постов. И, как вишенка на торте, возможность задать специальные правила отображения для таких элементов, как хедеры.
Для начала нужно пройти в раздел Редактор темы Divi (Theme Builder) на панели администратора WordPress. Если вы новичок в Дивисайтостроении, посмотрите на скрин, не потеряетесь.
расположение конструктора тем

Создать несколько шаблонов

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

Просто повторите этот процесс для такого количества шаблонов, сколько бы разных хедеров вы хотели использовать.

создавать шаблоны

Внутри каждого шаблона редактора тем вы можете создать и использовать собственный хедер, футер и body. Каждый из них может быть уникальным для редактируемого шаблона или быть частью общего дизайна сайта. Начните с нажатия кнопки Добавить хедер, а затем выберите Использовать глобальный хедер, Создать новый или Добавить из библиотеки. Если у вас есть импортированные или созданные макеты, вы также можете скопировать один из них.

создание заголовка

Независимо от того, какой способ создания заголовков вы выберете, вам необходимо убедиться, что они назначены страницам. Сделать это очень легко. Просто наведите указатель мыши на любой шаблон и нажмите кнопку Настройки (Значок шестерёнки). Так же можно щелкнуть на шаблон правой кнопкой мыши и выбрать Управление назначениями шаблонов.

назначать шаблоны

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

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

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

Только щелкните правой кнопкой мыши макет заголовка вы хотите отличаться, а затем выберите Отключить глобальный из контекстного меню.

отключить глобальный заголовок в разных шаблонах

При этом зеленое поле изменится на черное с надписью Пользовательский хедер который вы можете редактировать по своему усмотрению.

разные заголовки

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

После этого вы сможете войти в Divi Builder и создать заголовок так же, как и все остальное в Divi. Добавьте нужные разделы, строки, модули и т. д.

другой заголовок с использованием конструктора div

Сделайте это для каждого шаблона, в котором вы хотите использовать разные заголовки. Назначая шаблонам определенные страницы и сообщения, вы указываете Divi использовать этот шаблон вместо глобального шаблона веб-сайта. В Divi Theme Builder индивидуальные задания превосходят глобальные.

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

разные заголовки

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

Вы также можете импортировать несколько файлов заголовков, которые вы получили где-то еще. Разработчик публикует много новых дизайнов хедера и футера в блоге которые соответствуют пакетам макетов. Нажмите кнопку значок двойной стрелки использовать конструктор тем Divi Портативность варианты импорта файлов JSON, которые предоставляет разработчик (или которые вы могли экспортировать в качестве резервных копий или приобрести где-то еще).

варианты переносимости для разных заголовков

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

разные заголовки

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

разные заголовки для конструктора тем

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

Подведение итогов

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

Сколько разных заголовков вы используете на своем сайте?

Изображение в статье: Duet PandG / Shutterstock.com

[ad_2]

Оригинал статьи
[/et_pb_text][/et_pb_column_inner][/et_pb_row_inner][/et_pb_column][/et_pb_section]

author-avatar

Автор - Wespe Club

Клуб веб-разработчиков. Наша миссия - сделать вебразработку понятной и доступной широкому кругу людей.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *