В поисках идеального меню ...
Это часть 1 учебника
Часть 2 данного руководства учит, как строить вертикальные меню + темной цветовой палитры для горизонтальной 1
Я решил получить , тема диссертации , потому что один из моих клиентов, сообщил мне о проблемах совместимости между Диссертация и мое членство на сайте WordPress плагин MemberWing. Я установил ее, а затем решил поближе взглянуть на диссертации и действительно надоело смотреть видео на титульной странице основного сайта Диссертация - Diythemes.com .
Что меня поразило больше всего внимание к деталям, удобство для пользователя и, прежде всего - SEO функции, которые так думали.
MemberWing членства плагин был разработан "с нуля" на членство сайты, которые необходимо тянуть столько сока SEO насколько это возможно. Так я заплатил много внимания множество улучшений и SEO совершенства в MemberWing. Многие из моих собственных клиентов просят о различной тематики для использования и с тем, что было так хорошо SEO оптимизирован из глубины будет отлично подходит для членства портал предпринимателей.
Объединяя SEO полномочия MemberWing с SEO полномочия тема диссертации даст лучшее ранжирование возможностей своих клиентов. Так что я получил диссертацию, играл с ним в течение дня.
Это отличная тема во всех отношениях. Навигация ее часть, хотя немного ограничены в функцию. Начиная с Диссертация 1,5 + это один уровень меню только. Моя обычная желание, чтобы иметь возможность настроить навигацию столько, сколько необходимо. Некоторые сайты имеют лишь несколько страниц, многие другие тонн статических страниц + миллиард статей / сообщений + множество категорий.
Таким образом, в идеальном мире, имеющих возможность создать приятные глазу иерархически организованной удобной навигации по меню является обязательным. Диссертация с места в карьер имеет красивый навигации, но я заметил, что все Диссертация-сайты ищут, как близнецы. Настройка Диссертация навигации меню не очень легко, поэтому многие люди просто оставить все как есть. Существует никоим образом не изменить порядок категорий в меню или разместить их между страниц. И опять же, возможность создавать вложенные структуры меню отсутствует. Поэтому я решил посмотреть, что можно сделать о нем.
После попытки примерно полтора десятка меню / навигации связанных плагины могу установить свой выбор на Wordpress Навигация Список плагином .
NAVT плагин в основном неупорядоченный список генератор с супер фантазии и немного труднодоступных цифра нетрадиционных интерфейс администратора. Что вводить в заблуждение относительно его является то, что на самом деле не создавать модные перспективных меню самостоятельно. Это самая трудная часть работы, хотя - дает вам возможность визуально сблизить и создания маркированного списка - скелет меню-к-быть. И вы можете создавать множество меню тоже. Вы можете вытащить все же роде Wordpress в навигации меню страницы, сообщения, статьи, категории пользователей, код блоков, внешних ссылок, разделители, сепараторы и комбинировать и гнезда и организовать и настроить их в любой древовидной структуры вы хочу.
NAVT генерирует для вас привело HTML неупорядоченный список. Второй красоту NAVT том, что она поможет вам вставить новое меню, в вашей теме с помощью известных JQuery основанные логики, но без необходимости изменять любой код! NAVT позволяет указать: "заменить # элемент с моим новым меню NAVT". # Элемент может быть идентификатор или класс пути существующих меню или элемент Div тег, который в настоящее время за счет вашей текущей теме. Так NAVT это замена для вас, не заставляя вас идти в тему код и сделать его более грязный, чем она уже есть. Если это все звучит как бред - не беспокойтесь - я вас шаг за шагом в ближайшее время. Трудоемкой частью NAVT для всех является то, что вам придется выйти с фактической + CSS изображения + JavaScript код для вашего меню самостоятельно. И это до вас, чтобы выяснить, где и как интегрировать эти файлы и делать эти вещи должным образом получить соединены вместе.
С уважением, не зная, JQuery + некоторые PHP + CSS +, что достойный опыт работы с Wordpress - это вещь трудно тянуть.
С удовольствием я знаю, что это вещи немного и поэтому я решил стиснут зубы и руководство человечества на свободу в создании лучших из лучших навигационных меню для Wordpress. Я просто необходимо выяснить источники для некоторых приятные глазу горизонтального меню CSS. Я взял диск динамический сайт за лучший выбор, демонстрации и источников.
Я посвятил день исследования Диссертация и играть с плагином. В конце концов, я с гордостью созданы пользовательские, гибкий, SEO оптимизирован, многоуровневые, вложенные навигационной структуры для моей Wordpress + Диссертация основана сайта.
Список особенностей многоуровневые, вложенные навигации меню для Wordpress Тема диссертации
(У тебя очень люблю этот материал):
- Специалистов, чистый вид.
- Поддержка всех современных браузерах, включая MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome как JavaScript и не JavaScript режимах.
- Изящно downgradable, не являющихся JavaScript браузеров. Вы меню можно будет использовать, визуально похожих и работает даже для инвалидов JavaScript браузеров (хотя лишь верхний уровень навигации будут видны и не flyouts будет, конечно, как они сделаны на JavaScript).
- SEO дружественных функций - неупорядоченный список меню, код генерируется в HTML. Google и другие пауки поисковых машин смогут проиндексировать ваш структуре навигации и найти ссылки на внутренние страницы.
- Поддержка неограниченного уровней вложенности и подуровней.
- Поддержка любых целях или страницы, сообщения (через определенный пользователем, URI), категории пользователей, пользовательские блоки кода и внешних ссылок в меню.
- Поддержка текстовых, а также графические элементы меню. (Я еще попробовать эти, хотя).
- Меню структуры и содержания визуально Регулировка через служебный вход NAVT.
- Компактный: JQuery основанные flyouts вложенных уровней.
- Быстро: JQuery в меню загрузки с серверов Google (я бы с удовольствием Диссертация себе сделать то же самое, а не потянув ее на месте). Это позволит ускорить вещей немного.
- Масштабируемость - Этот тип меню редактируются и настраиваются на любое время через настройки плагина NAVT без необходимости кодирования в любом месте.
Я использовал это превосходное меню из динамических дисков портал в качестве базы. Я должен был настроить JavaScript код бит, а также включить кусок PHP в custom_functions.php, чтобы он работал с диссертация. Кроме того, количество уже существующих страниц, категорий и должностей с моего сайта были использованы для сборки структуру меню. Ваш сайт специфики будут отличаться - но концепций будет то же самое.
Так давайте действовать, мы должны?
Шаг за шагом инструкции для установки NAVT основе вложенных, настраиваемые, многоуровневые, SEO дружественных
и просто здорово перспективных меню навигации для Wordpress и Диссертация тема
- Перейти в панель администратора Wordpress. Плагины-> Добавить новый, поиск "NAVT". Плагин будет показано на рисунке. Нажмите кнопку [Install], [Установить], "Активировать плагин".
- Сервис-> Списки NAVT, Inside "Навигация группы" область поиска "название группы" и введите: "menu1" в поле, нажмите кнопку [Создать] кнопку. "Menu1" прямоугольник области получили создан.
Это "menu1" будут являться основным меню площадка для строительства. Вы будете перетащить сюда Вашу элементов меню. - В "активы", площадь найти "другие" выпадающего списка и нажмите на "Домашний" выбор. "Домашний" штучка появится внутри "неназначенный" области. Weird, а? Не беспокойтесь, если он работает - и это будет для нас.
- Перетащите этот "Дом" штучка от "активы" в области "menu1" прямоугольник области. Он станет "Дом" в меню пункт.
- Повторите шаги 3-4 для некоторых страниц из "страницы" области, а также для категорий "категории" области. Перетащите все другие вопросы, вы хотите быть на вашем меню внутри "menu1" прямоугольника. Вы можете нажать на страницы, категории пользователей, а некоторые пользовательские элементы, такие как "список разделитель" и "блок кода". Кодекс блок хороший способ, чтобы добавить пользовательские фрагменты внутри меню.
- Вы можете перетащить меня внутри "menu1" области, чтобы изменить порядок их заказа.
- Вы можете настроить иерархическое положение каждого пункта меню с помощью "<" и ">" стрелками.
- При нажатии на название текста каждого пункта меню - открывает невероятна дополнительных диалоговых настройки для данного элемента. Я в основном используется по умолчанию, но технически можно сойти с ума и начать зарабатывать на основе образа выбор меню и добавить куски кода HTML в нее. Приступить с осторожностью, однако.
- Для linkless unclikable подменю, который будет служить "родители" для других "к югу от детей" Я "Код блока" типа. Например, при настройке такой пункт блок кода, который я вступил в "Пункт меню псевдоним" = "MemberWing" и "Код блока:" = "<a href='#'> MemberWing </>". После HREF = "#" сделает его не активируется, но которые выступают в качестве действительного "родитель" в меню выбора.
- Вот как menu1 "мой NAVT 'построить структуру смотрел, как почти завершена:
- Готово первоначального здания, а затем нажмите на кнопку "передача" значок, чтобы настроить структуру меню:
- Это будет открытый диалог с 4 вкладки: Параметры дисплея, CSS, тема.
- Перейти к вкладке "Опции" и убедитесь, что все, снят, а "название группы" говорит: "menu1"
- Перейти на вкладку "Отображение" и убедитесь, что все на "группу навигации Показать на ..." области проверила [х]. Оставляйте остальные по умолчанию.
- Перейти на "CSS" на вкладке и выберите переключатель (х) "Не применять CSS классы".
- Перейдите в раздел "Тема" на вкладке и заполните ее так:
Включить в "Добавить теги прежде ..." области этот код:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Включить в "Добавить теги после ..." области этот код:
<br style='clear: left' /></div> - Нажмите кнопку [сохранить / закрыть] кнопку
- На данный момент здание меню в NAVT плагин вариантов завершения.
Теперь пришло время сделать немного заиграть на тему диссертации , чтобы получить его готовы. Для этого нам нужно добавить несколько пользовательских файлов - CSS и JavaScript, что относится к меню и обновления custom_functions.php Диссертация ' - Скачать полный набор файлов здесь .
- Распакуйте архив. Если вы обновили custom_functions.php с настройками - нужно объединить с мои вещи. Я оставлю это до вас.
Если вы еще не коснулся ее - не стесняйтесь, чтобы переписать его с моим. Обратите внимание: я предпочел позицию меню под заголовком сайта (по умолчанию выше) - так что мой перестройки включить этот параметр также. - Загрузить архив, включая все подкаталоги и файлы в вашей , тема диссертации "обычай" каталога, например:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Я не касался custom.css - я предпочитаю держать меню конкретных CSS под собственным местах, чтобы не создавать беспорядок внутри custom.css - В данный момент вы можете обновить ваш веб-сайт и увидеть новые красивые новые многоуровневые, вложенные, SEO оптимизирован меню.
- Вы всегда можете вернуться к NAVT параметры и настроить меню с большим выбором или изменить что-либо. Это будет отражено в прямом сайте автоматически.
Дорога впереди ...
Этот учебник включены творческие примере одного вида меню. Я играл с другой - просто чтобы увидеть, как темный меню будет выглядеть так:
Тема диссертации - многоуровневое меню CSS вложенных - темно-палитры
Я думаю, что это очень хорошо. Есть много других навигационных образцов, доступных на Dynamic Drive - все из них можно настроить для диссертации и другие темы Wordpress с некоторым усилием:
Dynamic Drive Горизонтальное меню
Я надеюсь, вы найдете этот учебник полезным и полезным. Как я уже сказал, можно настроить любой из этих меню для Диссертация - это определенное время и желание, чтобы это случилось.
Я мог бы делать эту работу за вас на контрактной основе. Просто выберите в меню хотите, свяжитесь со мной , и я буду работать над кодом и инструкции для вашего сайта.
$ 20
И, конечно, если вы готовы к созданию супер SEO оптимизирован состав Premium WordPress портал - лучшее решение для этого:
Тема диссертации + MemberWing состав плагина + самостоятельно принимала Wordpress конечно.
