Поиски идеального меню ...
Это часть 1 учебник
Часть 2 данного руководства учит, как строить вертикальные меню + темная цветовая палитра для горизонтальной
Я решил получить тема диссертации , потому что один из моих клиентов сообщил мне о проблемах совместимости между диссертации и мой WordPress членство на сайте плагина MemberWing. Я установил его, а затем решил взять более близкий взгляд на диссертацию и на самом деле надоело смотреть видео на титульной странице основного сайта Тема диссертации - Diythemes.com .
Что поразило меня больше всего, внимание к деталям, удобство для пользователя и самое главное - SEO функции, которые так хорошо думать.
Плагин MemberWing членства был разработан с нуля для членства сайтов, которые нужно тянуть столько SEO сока насколько это возможно. Так что я заплатил много внимания на множество SEO улучшения и совершенства в MemberWing. Многие из моих собственных клиентов просят о различных темах в использовании и с темой, которая была так хорошо SEO оптимизированных из глубины было бы отлично подходит для предпринимателей членство портал.
Объединяя SEO полномочия MemberWing полномочиями по SEO тема диссертации даст лучшее ранжирование возможностей моих клиентов. Таким образом я получил диссертации и играл с ним в течение дня.
Это отличная тема во всех отношениях. Часть навигации, хотя он немного ограничены в функцию. Начиная с диссертация 1.5 + это один уровень меню только. Мое обычное желание, чтобы иметь возможность настроить навигации столько, сколько необходимо. Некоторые сайты имеют только несколько страниц, многие другие тонн статических страниц + бесчисленное количество статей / сообщений + много категорий.
Так что в идеальном мире, имеющих возможность создать приятные глазу иерархически организованной удобной навигации по меню является обязательным. Диссертации с места в карьер имеет красивый навигации, но я заметил, что все диссертации основе веб-сайтов глядя, как близнецы. Настройка меню навигации диссертации на самом деле не легко, так что большинство людей просто оставить все как есть. Существует нет способа изменить порядок категорий в меню или разместить их между страницами. И опять же, возможность создавать вложенные структуры меню отсутствует. Так что я решил посмотреть, что можно было бы сделать по этому поводу.
После попытки около полдюжины меню / навигации связанных плагинов я установил свой выбор на Wordpress Навигация NAVT списке плагинов .
NAVT плагин существенно неупорядоченный список генератор с супер фантазия и немного трудно, чтобы фигура нетрадиционный интерфейс администратора. Что заблуждение о нем, что он не создает фантазии меню ищет сам по себе. Это самая сложная часть работы, хотя - дает вам возможность визуально сближают, а также генерировать неупорядоченный список - скелет вашего меню, чтобы быть. И вы можете создавать множество меню тоже. Вы можете вывести все такие вещи Wordpress в навигационном меню: страницы, сообщения, статьи, категории, пользователей, блоки кода, внешние ссылки, разделители, сепараторы и смешивать и сочетать и гнездятся и организовать и настроить их в любой древовидной структурой вы хотите.
NAVT генерирует для вас привело HTML неупорядоченный список. Второй красоту NAVT является то, что он помогает вам вставить ваше новое меню в Вашу тему с помощью известного JQuery основанные логики, но без необходимости изменять любой код! NAVT позволяет указать: "заменить этот элемент # с моим новым меню NAVT". # Элемент может быть идентификатор или класс путь существующее меню или метки дел элемент, который в настоящее время за счет вашей текущей темы. Так NAVT это замена для вас, не заставляя вас пойти в теме код и сделать его более грязный, чем она уже есть. Если это все звучит как бред - не беспокойтесь - я буду вести вас шаг за шагом в ближайшее время. Сложной частью NAVT для всех является то, что вы будете иметь, чтобы придумать фактического CSS + изображения + JavaScript код для вашего меню самостоятельно. И это до вас, чтобы выяснить, где и как интегрировать эти файлы и сделать этот материал должным образом получить соединены вместе.
С уважением, не зная, JQuery + некоторые PHP + CSS +, имеющие приличный опыт работы с Wordpress - это вещь трудно тянуть.
Охотно я знаю, этот материал немного, так что я решил стиснуть зубы и направить человечество на свободу в построении лучшего из лучших навигационных меню для Wordpress. Мне просто нужно выяснить источники для некоторых приятные глазу горизонтального меню CSS. Я выбрал динамический сайт диске для их лучших выборов, демонстраций и источников.
Я посвятил день для изучения диссертации и играть с NAVT плагин. В конце концов, я с гордостью создали обычай, гибкий, SEO оптимизирован, многоуровневые, вложенные структуры nagivation для моего Wordpress + диссертации основаны сайта.
Список особенностей многоуровневые, вложенные меню навигации для Wordpress тема диссертации
(Вы должны любить этот материал):
- Профессиональный, чистый внешний вид.
- Поддержка всех современных браузеров, в том числе 6,7 MSIE, Opera, Safari, Firefox 3.x, Google Chrome и в JavaScript и не JavaScript режимах.
- Изящно downgradable для не-JavaScript браузеров. Вы меню можно будет использовать, визуально похожих и работы даже для JavaScript отключены браузеров (хотя и только верхний уровень навигации будут видны и не Всплывающие меню будет происходить, конечно, как они сделаны на JavaScript).
- SEO дружественных функций - неупорядоченный список кодов меню генерируется в формате HTML. Google и другие пауки поисковых машин смогут индексировать структуру переходов и найти ссылки на внутренние страницы.
- Поддержка неограниченного уровня вложенности и подуровней.
- Поддержка любой заказ или страницы, сообщения (через пользовательский URI), категории, пользователей, пользовательские блоки кода и внешние ссылки в меню.
- Поддержка текстовых, а также на основе образа элементы меню. (У меня есть еще попробовать эти, хотя).
- Структура меню и контент визуально Регулировка через площадь администратора NAVT.
- Компактность: JQuery основанные Всплывающие меню для вложенных уровней.
- Быстро: JQuery для меню загружается из Google серверах (я бы с удовольствием сама диссертация сделать то же самое, а не тянуть его на месте). Это позволило бы ускорить процесс, немного.
- Масштабируемость - Этот тип меню для редактирования и настраиваемые в любое время через настройки плагина NAVT без необходимости кодирования в любом месте.
Я использовал эту прекрасную меню из динамических дисков портала в качестве базы. Я должен был настроить JavaScript кода бит, а также включить кусок PHP в custom_functions.php чтобы заставить его работать с тезисом. Кроме того, количество уже существующих страниц, категорий и должностей с моего сайта были использованы для сборки структуру меню. Ваш специфики сайта будет отличаться - но понятия будут одинаковыми.
Так что давайте продолжать, не так ли?
Шаг за шагом инструкции для установки NAVT основе вложенных, настраиваемые, многоуровневые, SEO дружественных
и просто холодный смотреть навигационное меню для Wordpress и диссертации тему
- Переход к панели администратора Wordpress. Плагины-> Новый поиск по слову «navt". Плагин будет показано. Нажмите кнопку [Install], [Установить сейчас], "Активировать плагин".
- Сервис-> Списки NAVT, Inside "Навигация Группа" области найти "имя группы" и введите: "menu1" в поле, нажмите [Создать] кнопку. "Menu1" прямоугольник области получили создан.
Это "menu1" область будет основной площадкой для меню строительства. Вы будете перетащить сюда ваши элементы меню. - В "активы" области найти «другие» списка и нажмите на кнопку "Home" выбор. "Главная" штучка появится внутри "неназначенным" области. Странно, да? Не беспокойтесь, до тех пор, как она работает - и это будет для нас.
- Перетащите этот "дом" штучка от "активы" в области "menu1" прямоугольной области. Он станет "Home" пункт в меню.
- Повторите шаги 3-4 для некоторых страниц из "страницы" области, а также для категории "категории" области. Перетащите любые другие элементы, которые вы хотите быть на вашем меню внутри "menu1" прямоугольник. Вы можете нажать на страницы, категории пользователей и некоторые пользовательские элементы, такие как "список делитель» и «блок кода". Блок кода прохладно способ добавления пользовательских фрагментов внутри меню.
- Вы можете перетащить пункты меню внутри "menu1" области, чтобы изменять их порядок.
- Вы можете настроить иерархическое положение каждого пункта меню с "<" и ">" стрелы.
- Нажав на название текста каждого пункта меню - открывает невероятна дополнительных диалог настройки для данного элемента. Я в основном используется по умолчанию, но технически вы можете сойти с ума и начать зарабатывать на основе образа выбор меню и добавить куски HTML-кода в него. С осторожностью, хотя.
- Для linkless unclikable подменю, который будет служить "родителей" для других "к югу от детей" я использовал "Блок кода" типа. Например, при настройке такой пункт блок кода я вошел в "Пункт меню псевдоним" = "MemberWing" и "Код блока:" = "<a href='#'> MemberWing </>". Имея HREF = "#" сделает это не активен, но действуя в качестве действительного "родителя" в меню выбора.
- Вот, как построить структуру моего NAVT "menu1 'похож практически завершена:
- Готово первоначальное здание, а затем нажмите на кнопку "передача" значок, чтобы настроить меню структуру:
- Это будет открытый диалог с 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 конечно.
