Twenty Fifteen: Добавляем верхнее горизонтальное меню

Twenty Fifteen: Добавляем верхнее горизонтальное меню

Сегодня будем создавать горизонтальное верхнее меню в стандартной теме wordpress — Twenty Fifteen.

В теме Twenty Fifteen уже есть 2 области меню: «Основное меню» и «Меню социальных ссылок» — однако, располагаются они в боковой колонке (сайдбаре).

В данной же статье мы будем создавать горизонтальное меню в верхней части сайта, вот 3 этапа, которые необходимо выполнить:

1. Регистрируем новое меню в файле functions.php.
2. Размещаем HTML код меню в файле header.php.
3. Прописываем CSS стили для создаваемого нами верхнего горизонтального меню в файле стилей — style.css.

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

Приступим же к созданию верхнего горизонтального меню в теме Twenty Fifteen.

1. Регистрируем новое меню в файле functions.php.

Заходим в админку wordpress, в левом меню выбираем пункт «Внешний вид» и его подпункт «Редактор», справа в списке шаблонов выбираем файл functions.php, переходим в конец его кода и вставляем:

Теперь если вы перейдете в пункт «Внешний вид» и его подпункт «Меню», а после создадите новое меню, то wordpress предложит вам указать его расположение уже из 3 областей темы:

Twenty Fifteen: Добавляем верхнее горизонтальное меню

2. Размещаем HTML код меню в файле header.php.

Заходим в админку wordpress, в левом меню выбираем пункт «Внешний вид» и его подпункт «Редактор», справа в списке шаблонов выбираем файл header.php ищем в нем следующую строчку:

и перед ней вставляем следующий код:

3. Прописываем CSS стили для создаваемого нами верхнего горизонтального меню в файле стилей — style.css.

Заходим в админку wordpress, в левом меню выбираем пункт «Внешний вид» и его подпункт «Редактор», справа в списке шаблонов выбираем файл style.css и в конце его кода вставляем:

PS: Можно создать дочернюю тему и производить все вышеуказанные действия по созданию горизонтального меню в ней.
О том как создать дочернюю тему в wordpress читайте здесь — «codex.wordpress.org/Дочерние_темы»

Статья взята из открытых источников: http://mnogoblog.ru/twenty-fifteen-dobavlyaem-verxnee-gorizontalnoe-menyu

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