Вывод меню wordpress. Это просто как 1-2-3 03.06.2013

Здравствуйте! Изучая wordpress все глубже и глубже, хочется узнать все возможности гибкости этого движка. На мой взгляд, самое идеальное когда все задачи и функционал реализованный на сайте, управляется через админку.

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

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

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

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

Вывод меню wordpress. Элементарные шаги.

Когда мы сверстали меню для сайта, то этот код выглядит примерно так (картинка кликабельна):

Так выглядело меню моего блога после того как я сверстал его.  После чего необходимо сделать несколько простых действий. Как видите, вместо первой странички у меня вставлена картинка, домик. Я ее загрузил в папку images которая находится в любой установленной теме вашего wp блога.

Вместо ссылки прописал комбинацию <?php bloginfo ('template_url');  ?>. Эта функция автоматически прописывает путь до нашей картинки. Это инфа для тех кто тоже как и я захочет вставить картинку вместо «Главной».

Далее идем в админку wp и создаем меню с одноименными разделами. Естественно, предварительно надо создать одноименные страницы. Идем во Внешний вид/Меню:

Жмем на «плюсик» добавить меню:

Даем название нашему новому меню, жмем кнопку «создать меню» и отмечаем галочками те страницы и рубрики которые мы бы хотели видеть в своем меню, жмем «добавить в меню» и они появляются у нас в меню:

После чего сохраняем меню. У меня выглядит это вот так:

Причем вместо первого пункта я вставил произвольное поле и вместо анкора (текста) ссылки прописал абсолютный путь к моей картинке (домику):

Сохраняем меню. И смотрим его id, его можно увидеть, нажав еще раз на крестик, как будто добавляем новое меню, затем навести курсор мыши на наше созданное меню и посмотреть в нижний левый угол, всем отобразиться ссылка с нашим id меню:

У меня id=13. У вас будет другое значение.

Далее возвращаемся в наш код и делаем следующее (кликните на картинку и она увеличится):

 Мы закомментировали наш код вставки. И перед этим всем вставили функцию вывода меню: <?php wp_nav_menu ('menu=13'); ?> Готово.

Вот такая небольшая интересная, на мой взгляд, статью. Жду ваших комментарием. У кого что получилось? Подписывайтесь на обновления чтоб получать статьи на e-mail.

До встречи на Sayt-Stroy.com

Метки: ,

Оставь свой первый комментарий и получи книгу в подарок!

Данная книга расскажет о всех секретах правильного и полноценного продвижения интернет проектов.

Именно с нее следует начать изучение SEO.

WordPress

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

ВКонтакте