Twenty Fifteen: добавляем меню в подвале сайта

Twenty Fifteen: добавляем меню в подвале сайта

Сегодня будем создавать меню в подвале сайта (футере, footer) в стандартной теме wordpress — Twenty Fifteen.

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

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

В результате у нас получиться следующее меню:

Twenty Fifteen: добавляем меню в подвале сайта

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

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

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

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

Twenty Fifteen: добавляем меню в подвале сайта

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

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

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

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

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

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

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

Поделиться статьёй в соц. сетях с друзьями:

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