Стремление к идеальной вертикальные меню ...

Часть 1 этого руководства описано шаг за шагом процесс создания горизонтальной многоуровневых вложенных меню для Wordpress, тема диссертации . Часть 2 будет и впредь способствовать повышению эту функцию. Здесь мы будем добавлять "темных" версия горизонтальное меню навигации, и я буду учить вас, как переключаться между "светлых" и "темного" версии. Часть 2 расширенным Часть 1. Она включает в себя все от Часть 1 + добавляет полезные функции.

Главная мысль, что я хотел представить добавляет вертикальных меню , тема диссертации (и Wordpress в целом). Я искал очень гибкой, SEO дружественных и мульти-браузер, совместимый вертикальное меню, что позволит создать неограниченное уровней вложенности.

WEB имеет тонны страниц на эту тему, но когда я начал пробовать все эти образцы - они либо провалились, распались, поддерживается только ограниченное число уровней или неподобающим в junksplorer Гейтс + Баллмера 6. Наконец, я вернулся к проверенным Dynamic Drive меню в качестве вертикальных образцов оказался приятный случай, который подходит моим строгим требованиям. Мне пришлось существенно изменить их, хотя и убедитесь, что соответствует Диссертация модели.
Стремление к совершенству продолжается ...

Я провел около 16 часов поиска, монтаж, тестирование, крепления, полировка и настройка CSS вертикальное меню и. JS код и 3 / 4 часть времени была затрачена принятия его на работу в MSIE 6.
В любом случае, я был доволен конечным результатом. Приведенные вертикальное меню навигации имеет все те же преимущества , что горизонтальное меню.

Имея возможность добавлять в вертикальном меню очень важно около 70-80% порталы в Интернете. Горизонтальное меню имеют ограниченное "пространство" для размещения большой выбор меню, но вертикальные меню не имеют такого ограничения и будет сильно помочь. Поэтому здесь мы идем.

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

Вот она идет:

Строительство SEO дружественных, вертикальные, многоуровневой, иерархически вложенных меню для Wordpress и тема диссертации . Шаг за шагом
(... Что ты никогда не думал, возможно ...)

1. Установить плагин Exec PHP и активировать его. Нам нужно, потому что я буду использовать PHP в тексте виджет излучают вертикальные меню 'HTML-код.
2. У шаги 1 - 6 из части 1 учебника . В принципе вы должны установить и активировать плагин использовать NAVT + визуально строить вашего меню. Убедитесь, что меню название группы 'menu1. Это название в жестко custom_functions.php
3. Нажмите кнопку 'передач' значок 'группы menu1 ", чтобы изменить его свойства:
   
4. Следует шаги 7,1 -7,3 части 1 учебника для установки "Options", "Экран" и "CSS" вкладки настроек.
5. Теперь нажмите на "Тема" в закладке этого диалога. Мы будем переписывать количество настроек, там (если у вас был следующий шаг 1). Это нормально - вы ничего не потеряете, - но эти изменения необходимы, потому что я изменил код, с шагом 1.
   Вот как этот диалог необходимо заполнить:
   1. Внутри "XPath Тема:" площадь ввести этот код (это команды заменяет тег этих классов):
      .jquerycssmenu, .jqueryslidemenu
   2. Set "действий" к "заменить на"
   3. Внутри "Добавить теги до навигации группы" площадь ввести этот код:
      <div class='jquerycssmenu' style='margin-top:5px;'>
   4. Внутри "Добавить теги после перемещения группы" площадь ввести этот код:
      <br style='clear: left' /></div>
   5. Нажмите кнопку [сохранить / закрыть] кнопку.
6. Теперь перейдите к панели администратора Wordpress -> Вид -> Widgets.
7. Drag "Текст" виджетов (с большой "Доступные виджеты" области) в "боковой 1" области справа. Мы будем добавлять код в виджет Текст, который нам поможет материализовать вертикального меню.
   Примечание: Я полагаю, у вас есть "боковой 1" в жизни. Диссертация вариантов позволяет отключить его, - но ради этого учебника позволяет сделать и будет.
8. После того как вы вытащили и сбросили этот виджет - это открывается, как цветок (я чувствую теперь, что романтические MSIE борьба старше).
9. В "Название" ввести области "лучший вертикальное меню мира" ... Ну, не стесняйтесь использовать ваш творческий подход - что текст будет идти над новорожденного вертикальное меню.
10. В большой площади для текста - введите этот код PHP:
    <?php
if (function_exists('navt_getlist'))
$menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
else
$menu_html = "";
$menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
echo $menu_html;
?>
11. Нажмите кнопку [Сохранить] кнопку, нажмите кнопку "Закрыть" ссылку.
12. Загрузить обновленный набор файлов здесь .
    Этот архив включает в себя:

    
    

    • Обновленная версия "светлых" горизонтального меню код
    • "Dark" вариант горизонтального меню
    • Коды вертикальные меню
    • Обновленная версия custom_functions.php
13. Теперь вам необходимо распаковать этот архив и загрузите его в "обычай" директории вашего теме диссертации .
    Обратите внимание: если вы сделали все настройки внутри custom_functions.php - Вы должны были бы их объединить. Если нет - не стесняйтесь, чтобы переписать его с моей версии.
14. Voila! Теперь вы можете обновить ваш сайт и увидеть те же "светлых" горизонтальное меню + Neato вертикальное меню в левой боковой панели.
15. БОНУС задачи: Пусть изменения "светлых" горизонтальных меню на "темных" тонах.
    1. Внутри custom_functions.php файл:
       заменить этот код:
       echo "<div class=\"jquerycssmenu\">$menu_html</div>";    // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>";  // "Dark" menu
       с этим кодом:
       //echo "<div class=\"jquerycssmenu\">$menu_html</div>";    // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>";  // "Dark" menu
       В основном мы комментируя одну строку и раскомментировать другую.
    2. Теперь переходим к Wordpress админ-> Сервис-> Списки NAVT и нажмите на упомянутых выше "передач" значок, чтобы править свойства вашей группы "menu1.
    3. Нажмите кнопку "Тема" на вкладке.
    4. Внутри "Добавить теги до навигации группы" площадь ввести этот код:
       <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. Теперь - перезагрузить страницу - и основного горизонтального меню навигации "волшебным образом" стало темно, что-то вроде этого:
       

       Тема диссертации - многоуровневое меню CSS вложенных - темно-палитры

       Темная цветовая гамма может быть более подходящим для определенных сайтов, чем свет одного цвета. Теперь у вас есть свобода выбора в вашей жизни!

    6. Чтобы вернуться к "светлым" цветовая схема - просто отменить выше "Бонус" шаги.
16. Заключение:
    Я люблю Тема диссертации , я люблю Wordpress, и я люблю то, что мы способы добавить достойного меню навигации на наших порталах.

$ 20

Наслаждайтесь!

Глеб Есман

Тегами, как: иерархические меню для WordPress , как построить WordPress навигации , многоуровневых меню для WordPress , меню навигации для WordPress , тема диссертации , тема диссертации меню , тема диссертации учебник , WordPress меню , навигация WordPress , WordPress вложенных меню