Урок 8. Создаём меню

Верхнее меню

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

colormag настройка

В открывшейся вкладке нажмите Добавить меню

colormag настройка

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

colormag настройка

Поставьте галочку в Основное меню и нажмите Добавить элементы

colormag настройка

Откроется дополнительное окно справа где вам надо нажать Рубрики

colormag настройка

Откроется список рубрик. Выберите рубрики которые вы хотите добавить в меню

colormag настройка

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

Нажмите Сохранить и опубликовать

colormag настройка

В итоге у нас получится вот такое верхнее меню

colormag настройка

Настройка верхнего меню закончена.

Нижнее меню

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

Чтобы использовать существующее меню перейдите в админ панели Внешний вид — Настроить — Меню. Кликните на Меню 1, которое мы уже создали ранее.

colormag настройка

Установите галочку в Нижнее Меню

colormag настройка

Теперь копия верхнего меню отображается в футере сайта.

Было так

colormag настройка

Стало так

colormag настройка

 

Создаём отельное меню в футере

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

Для этого в админ панели выберите Страницы — Добавить новую

colormag настройка

В открывшемся окне заполните заголовок и нажмите Опубликовать

colormag настройка

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

Теперь перейдите Внешний вид -Настроить — Меню — Добавить меню

colormag настройка

Укажите название нового меню (Меню 2) и нажмите Добавить меню

colormag настройка

Установите галочку Нижнее меню

colormag настройка

Нажмите Добавить элементы

colormag настройка

Выберите страницы

colormag настройка

Выберите элементы, которые вы хотите добавить в нижнее меню. В моём случае это те 3 страницы, что я создал ранее.

colormag настройка

Нажмите Сохранить и опубликовать. Нижнее меню создано.

colormag настройка

На этом установка меню закончена. Вы можете в любой момент вашей работы добавить или удалить любые элементы вашего меню.

 

5 thoughts on “Урок 8. Создаём меню

  • Ноябрь 22, 2018 в 19:56
    Permalink

    Добрый день! Хочу спросить — а как изменить цвет меню в теме Colormag? Не кнопки, а самой панели навигации.

    Ответ
  • Ноябрь 23, 2018 в 18:49
    Permalink

    Добрый!
    Внешний вид — Настроить — Дополнительные стили добавить код
    #site-navigation {
    background-color: #232323; /* цвет меню*/
    border-top: 4px solid #289dcc; /* цвет верхней полоски и её толщина */
    }

    Ответ
  • Февраль 6, 2020 в 18:12
    Permalink

    Здравствуйте. Скажите пожалуйста, как сделать плавающее меню, как у Вас на сайте, чтобы так же «спускалось» вниз? Как добавить значок «ВКонтакте» для соц сетей?

    Ответ
  • Февраль 8, 2020 в 13:41
    Permalink

    Внешний вид — Настроить — Настройки верхнего блока — Прилипающее меню

    Ответ
  • Февраль 8, 2020 в 13:43
    Permalink

    Значок вк смотря где вам нужен. Можно в код добавить, чтобы отображался в начале или конце каждой статьи, можно в футер… по разному можно. Как нужно?

    Ответ

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

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