Как создать мобильное меню

Уроки WordPress > Изумруд премиум сайты

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

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

Izumrud предоставляет специальную возможность для создания мобильного меню.

Вот подробное руководство по созданию мобильного меню с темой Izumrud, которое позволит посетителям вашего сайта легко перемещаться по вашему сайту на своих смартфонах.

Создание мобильного меню

Чтобы создать мобильное меню в Izumrud, вы можете выполнить следующие действия:

Войдите в свою панель управления WordPress и выберите «Внешний вид» > «Настройка» .

В Настройщике найдите раздел « Построитель заголовков» .

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

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

Нажмите на значок +, чтобы добавить мобильное меню.

Выберите параметр «Меню вне холста», чтобы добавить мобильное меню.

В боковом меню появится новая опция под названием Off Canvas Menu . Получите доступ к этой опции, чтобы настроить параметры мобильного меню.

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

Все варианты цвета и внешнего вида вы найдете на вкладке «Дизайн» .

Когда все будет готово, нажмите кнопку «Опубликовать» , чтобы изменения вступили в силу на вашем веб-сайте.

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

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