Отправляет email-рассылки с помощью сервиса Sendsay

Практика создания сайта Wordpress

  Все выпуски  

Выпуск : Как создать меню WordPress, простое и выпадающее меню WP



 Выпуск:No 6;Рассылки:Практика создания сайта Wordpress  

Практика создания сайта Wordpress.Как создать меню WordPress, простое и выпадающее меню WP 


Как создать меню WordPress, простое и выпадающее меню WP

С помощью движка  Wordpress можно сделать очень хорошую навигацию по своему сайту. Одним из элементов навигации по сайту WP является специально созданные меню сайтаМеню на WordPress можно создавать как внутренними инструментами администрирования WP ,так и при помощи плагинов. В этой статье я расскажу, как сделать простое меню из консоли  Wordpress и как сделать выпадающее меню при помощи плагина Dropdown Menu widget.

Сначала сделаем меню на сайте WordPress при помощи встроенных инструментов администрирования

Как всегда, для администрирования сайта WordPress авторизовываемся  и входим в административную панель сайта. В консоли нас интересует пункт: Внешний вид>>>Меню.

Немного о принципах организации и структуре меню WordPress

Основной код WordPress позволяет создавать меню из трех состовляющих. Страницы интернет по их URL,Рубрики сайта и Страницы сайта.

Количество меню, которые можно сделать неограничено. Ограничены места для размещения меню на самом сайте. Места для меню зависят от вашего шаблона. Обычно это одно или два места.

В окне «Меню»,  места для размещения меню определяются в левой верхней части, заголовок «Область темы».

Разберем создание меню WordPress на примерах создания главной страницы сайт и разветвленного меню из рубрик и страниц.

Меню с главной  страницей

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

Главная страница WordPress это страница, открывающаяся по основному домену сайта. Для создания пункта меню «Главная страница» в части «Произвольные ссылки» вписываем URL сайта. В  пункте «Текст» вписываем название, например «Главная». Нажимаем «Добавить в меню».

После добавления в меню появляется новый пункт с названием «Главная». Здесь при нажатии на «Произвольно» можно редактировать этот пункт, дополнить его атрибутами title,сохранить или удалить. Удалять нам ничего не нужно, поэтому сохраняем меню.

Меню создано остается поместить его на сайте. Это можно сделать в части «Область темы». Из выпадающих меню Navigation (это могут быть Main и Top Navigation)  выбираем созданное меню «Главная» и нажимаем сохранить.

Все. Меню «Главная» с одним пунктом меню «Главная страница» создан и размещен на сайте Worpress.

Примечание. Таким же образом можно дополнить любое меню дополнительными пунктами со сторонними страницами и страницами своего сайта  по их URL адресам.

Создадим еще одно меню с рубриками и страницами сайта

Создаем меню с названием «Рубрики». Для этого нажимаем [+] ,вписываем название меню и нажимаем «Создать меню». Меню создано, наполняем его нужными пунктами.

В окнах  «Страницы» и «Рубрики» выбираем  нужные рубрики и/или страницы для добавления в меню. Нажимаем «Добавить в меню».

В правой части отражаются все выбранные   «Страницы» и/или  «Рубрики». Здесь можно менять порядковое расположение пунктов простым перетаскиванием левой кнопкой мыши.

Не забывайте «Сохранять меню»

Внешний вид созданных при помощи внутреннего администрирования WordPress меню полностью определяется дизайном темы сайта. Иногда это не самый привлекательный вид. Для создания меню индивидуального дизайна, в том числе с эффектом выпадения подпунктов можно использовать   неплохой плагин Dropdown Menu widget

Оригинальное выпадающее меню WordPress плагином Dropdown Menu widget

Для начала устанавливаем плагин на свой сайт. Сделать это можно любым из способов установки плагинов, в том числе  скачать плагин с официальной страницы плагина на WordPress.org. и залить его в папку wp-content/plugins.

После активации Палагина  в меню Параметры появляется новый пункт  Dropdown Menu.Открываем его для настройки.

Основные настройки плагина делаем по своему усмотрению. Остановлюсь на нескольких из них.

  • В пункте «Темы» выбираем одну из 10 тем нового меню.

  • В пункте «Эффекты» ставим галочку «Использовать эффект выпадения»;

  • В  пункте «Template Tag» (Шаблон тегов) выбираем из выпадающего списка, меню, которое нужно отображать. Здесь же копируем код, который нужно вставить в шаблон своего сайта, чтобы появилось новое меню на сайте.

Вставляем код меню Dropdown Menu в шаблон сайта

Чтобы вставить код(ниже) меню в шаблон, открываем в консоли Внешний вид >>> Редактор.


<!--?php shailan_dropdown_menu(); ?-->

Вставляем код, например, в шаблон header.php,перед старым меню шаблона. Не забываем сохранятся.

Перед проверкой нового меню нужно удалить старое меню. Если созданное меню имеет пункты и подпункты, то подпункты будут выпадать.

После  установки  плагина Dropdown Menu widget в списках виджетов появляется новый виджет Dropdown Menu.С его помощью также можно сделать выпадающее меню в боковой части сайта.


Оригинал выпуска статья :

Как создать меню WordPress, простое и выпадающее меню WP

 

 

 Источник: www.wordpress-abc.ru


В избранное