Меню в WordPress теме Алмаз

С помощью элемента "Меню" вы можете добавить на свой сайт, меню с широкими возможностями настройки.

Давайте вместе создадим меню и добавим элемент меню на страницу. Откройте в консоли WordPress настройку меню, создайте новое меню. Добавьте в меню страницы вашего сайта. Сохраните меню.

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

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

Теперь наведите курсор мыши на элемент "Меню", появится серый кружок в правом верхнем углу элемента. Нажмите на серый кружок левой кнопкой мыши, откроется меню настроек элемента.

Для настройки основных параметров нажмите на первую иконку, откроется окошко с основными настройками. Здесь вы можете выбрать меню, при необходимости вы можете отображать меню в виде иконки с изображением значка меню. С помощью последней настройки "Расстояние" вы можете задать расстояния между элементами меню.

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

Теперь давайте перейдем к настройке элементов меню. Наведите курсор мыши на один из элементов меню, затем нажмите левой кнопкой мыши по элементу, появится меню настроек элемента.

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

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

В открывшемся окне выберите иконку, вы можете выбрать иконку в стиле Outline (Без заливки) и Glyph (с заливкой).

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

С помощью третьей настройки, можно настроить типографику. Подробный урок как настроить типографику смотри здесь.

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

Автор

Команда almazweb.company

Поделиться

Следующие уроки

Контактная форма отправка писем через WordPress

Контактная форма отправка писем через Gmail

Всплывающие окна по клику на ссылку PopUp в WordPress теме Алмаз

Статьи (Записи) в WordPress теме Алмаз

Наши премиум WordPress шаблоны

Наша команда almazweb.company разработала более 40+ шаблонных сайтов специально для Российского бизнеса. В каждый шаблон мы встроили инновационный конструктор страниц.