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

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

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

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

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

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

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

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

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

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

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

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

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

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

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