Навигация
В тренде

Как создать мега меню в WordPress теме Jannah?

Иногда на сайтах встречаются огромные красочные и сочные меню. Хотели ли бы вы такие делать? Сейчас вы получите ответ на вопрос: «Как создать мега меню в WordPress теме Jannah?» Итак поехали и начнем мы с:

ПРИМЕЧАНИЯ. эту функцию, Мега меню, поддерживает только главное меню.

В теме Jannah есть встроенное мега меню, которое можно включить в каждом пункте меню первого уровня на вкладке Appearance > Menus. Пожалуйста, смотрите ниже информацию о том, как настроить мега меню. Если вам нужна информация о том, как создать обычное меню, пожалуйста, прочитайте статью «Создание меню».

Многоуровневое Мега меню


  • Перейдите в раздел Appearance > Menus на боковой панели администратора и выберите ссылку «Create A New Menu», чтобы создать новое меню или изменить текущее.
  • Только на элементах первого уровня можно сделать мега меню. Кликните на стрелку вниз, чтобы раскрыть параметры элементов первого уровня меню.
  • Выберите колончатое Mega Menu Columns из вкладки Enable The Mega Menu?.
  • В меню Number of Mega Menu Columns выберите нужное количество столбцов.
  • мега меню в WordPress

  • Теперь вам нужно добавить дочерние пункты меню, которые будут представлять столбцы в мега меню. Первый уровень дочерних элементов будет представлять заголовки в каждом из 3 столбцов. Добавьте 3 дочерних пункта меню, как на картинке ниже.
  • настройка мега меню в WordPress

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

  • Теперь выпадающее меню должно выглядеть примерно так:

настройка мега меню в WordPress
Если вы захотите удалить заголовки (первый столбец, второй столбец, третий столбец) Перейдите к настройке мега меню и установите флажок Hide Mega Menu headings? как вариант.

настройка мега меню в WordPress

Теперь ваше выпадающее меню должно выглядеть так:

настройка мега меню в WordPress

Посты — подсветка 1-го поста в Мега меню


мега меню в WordPress подсветка поста

  • Перейдите в Appearance > Menu
  • Добавьте Категорию из панели слева Categories.
  • мега меню в WordPress подсветка поста

  • В настройках пункта меню выберите Posts — 1st Post Highlighted из Enable The Mega Menu?

Мега меню с вертикальными подкатегориями


Мега меню с вертикальными подкатегориями

  • Зайдите в Appearance > Menu
  • Добавьте категорию из левой панели категорий. Вы должны использовать родительскую категорию, если вы хотите иметь фильтр подкатегорий.
  • Мега меню с вертикальными подкатегориями

  • В настройках пункта меню выберите Posts — Vertical Sub-Categories Filter из выбранного Enable The Mega Menu?

Мега меню с горизонтальными подкатегориями


Мега меню с горизонтальными подкатегориями

  • Зайдите в Appearance > Menu
  • Добавьте категорию из левой панели категорий. Вы должны использовать родительскую категорию, если вы хотите иметь фильтр подкатегорий.
  • Мега меню с горизонтальными подкатегориями

  • В настройках пункта меню выберите Posts — Horizontal Sub-Categories Filter из выбранного Enable The Mega Menu?

Как добавить фоновую картинку в Мега меню


добавить фоновую картинку в Мега меню

Вы можете легко добавить фон в мега меню:

добавить фоновую картинку в Мега меню

  • Выберите элемент, для которого вы хотите добавить фон, и щелкните значок стрелки в правом верхнем углу, чтобы развернуть поле «Параметры».
  • Вставьте URL-адрес изображения в поле Mega Menu Background Image.
  • Установите положение фонового изображения и другие настройки, как вы хотите.

Как добавить иконку на сайт WordPress в главное меню?

Общий рейтинг поста

Общий дизайн - 93%
Качество контента - 100%
Картинки - 74%
Дружелюбность - 79%

87%

Итоговая оценка

Поставьте и Вы свою оценку ниже 🙂

Как увеличить значение ‘PHP Max Input Vars’
User Rating: 4.5 ( 1 votes)
Тэги
Показать больше

Похожие статьи

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

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

Close
Close