Cоздание шаблона wordpress — Урок 6 Создание меню, активация и вывод в шаблоне

Автор Maksim Inshakov
Cоздание шаблона wordpress — Урок 6 Создание меню, активация и вывод в шаблоне

приветствоваться в следующем видео уроки курса по создание темы для WordPress и в этом видео мы будем регистрировать создавать выводить меню в нашей заранее я создал уже несколько страниц для нашего меню которые были здесь написаны в HTML теме вот мы можем и здесь посмотреть.

А если кто-то знакомый уже с WordPress и как создаётся меню. Вы наверняка знаете, что вы первенца в пункте здесь есть пункт меню выпадающий на данный момент мы его здесь не можем наблюдать так как мы ещё не включили поддержку в нашей теме использование меню чтобы включить поддержку темы для использовать меню мы можем воспользоваться функцией z700 туда параметры. Минни Маус.

Давайте зарегистрирован поддержку я продемонстрирую появление пункта меню в админке минус.

Так давайте перейдем админку обновим страница и видим, что пункт. Меню появился всё отлично, но включать в поддержку с помощью этим саппорта минус мы не будем так как мы будем использовать другую функцию которая называется на в меню эта функция регистрирует локацию для меню в теме с помощью неё мы можем зарегистрировать одну или несколько примеры. У нас есть в теме меню в хедере и меню в футере чтобы зарегистрировать место под этим меню мы будем использовать именно эту функцию следующим образом листа Nav Menu когда мы из функций register Nav Menu функцию s700 нам нет необходимости писать так как она вызывается внутри данной функции функция принимает 2 параметра — это ключ или — это меню которое мы регистрируем достяги локации. Давайте назовём праймеры главное текст который будет выводиться в админке. Саюри меню для регистрации меню мы можем перейти в админку и уже создать меню для нашей темы, а также хочу отметить, что эта функция. Обязательно должно вызываться на событие автор считает психом. Давайте перейдём в административную часть обновим страницу меню наша заработала без вызова авто совсем и WordPress по умолчанию предлагает создать меню из данных страниц. Давайте Мы удалим ненужные страница посмотрим общение. Здесь Simple page у нас нет в меню в хедере возьмём ремув. И всё да так данные все страницы у нас в меню по умолчанию есть и мы можем также имя меню напишем Main Menu нажимаем Create Menu и после того как наше меню создалась и сохранилось нам нужно выбрать для этого меню локацию здесь стоит галочка напротив. Праймари меню — это локация которую мы только, что создал пару секунд назад также мы можем управлять меню с помощью вкладки менеджер окон выбрать здесь будет если у нас несколько локации будет здесь появляться локации для каждой локации. Мы выбираем меню для primary Menu. Мы выбираем меню нажимаем так всё отлично меню у нас создан и работает следующий шаг который нам необходимо сделать — это вывести наше меню в теме в хадере если мы перейдём сейчас на сайт там увидим, что меню. У нас есть, но она html-верстка то есть выводятся на данный момент вот эти пункты если мы за комментируем — это всё то естественно здесь в админке мы ничего не увидим. Так давайте исправим одну вещь. Это то, что toolbars административной панелью залазит на нашу верстку и мы не можем здесь видеть логотип нормально соответственно меню. Для этого нам нужно добавить пару штук в наш кот здесь в баде пишем и должны мы здесь вызвать функцию которая называется Body Class PHP эта функция выводят все стандартные классы WordPress, а также мы можем параметрам сюда передать нужный нам класс если у нас. У бати были какие-то верстка. Тома сюда. Передаем просто в кавычках класс. Давайте посмотрим применились 3 класса к нашему Buddy так функция уже автоматически добавляла класс поэтому я убрал атрибут Class Body посмотрим увидим вывелись у нас классы то есть в баню добавилась класс home — это означает, что главное на страница, что здесь выводится блок. А также есть класс logged in есть класс Admin Bar. Ну и дальше какие классы там выводят WordPress. Говорите класс logged in означает, что мы момент авторизированный вордпрессе с помощью этого класса мы можем сделать отступ для боди чтобы админка, тогда так Metal Bar не наезжал на нашу верстку. Давайте перейдем style.css и в начале здесь в стиле робот и поставим margin Top 30 Pixel так ничего не поменялось. Давайте посмотрим станция. СЭС, а то есть страница у нас закончилась очистить кэш каша спешно очищен. Давайте обновим страницу ещё раз так надо добавить класс набор fixed-top у нас получается фиксированный топ-0 значит ставим Buddy я забыл, что у нас фиксированный header to, тогда поставим 30 пикселей так всё отлично заработала хедер наш опустился. И теперь мы можем продолжать работать перейдём файл header.php иначе вывод меню которое. Мы создали чтобы. Вывести меню мы воспользуемся функцией которая называется. ВВП, но в меню. Давайте откроем пешки здесь и пропишем данную функцию меню данная функция выводит меню которое мы здесь сейчас укажем она принимает несколько параметров около 10 может даже и больше мы все разбирать не будем, а мы выберем самое основные которые нам будут необходимо для. Давайте напишем здесь. Рей так. И начнём перечислять параметры. Первый параметр который мы покажем — это simulation Test локация которую мы хотим вывести мы регистрировались дислокацию. Праймари поэтому напишем.

0 комментариев
0

Читайте также