В поисках идеального меню ...
Это часть 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". # элемент может быть идентификатор или класс пути существующего меню или Div тега элемента, который в настоящее время за счет вашей текущей теме. Таким 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 для Non-JavaScript-браузеров. Вы меня будет практичным, визуально похожих и работать даже на JavaScript отключены браузеров (хотя и только в верхней части окна уровня будут видны и не flyouts произойдет, конечно, как они сделаны JavaScript).
- SEO возможности - неупорядоченный список меню Код генерируется в HTML. Google и других поисковых пауков сможет индексировать структуру и навигацию найти ссылки на внутренние страницы.
- Поддержка неограниченная вложенность уровней и подуровней.
- Поддержка любых тем или страницы, должности (с помощью определенных пользователем, URI), категории пользователей, пользовательский код блоков и внешних ссылок в меню.
- Поддержка текстовых, а также графическое меню элементов. (Я до сих пор, чтобы попытаться хотя эти).
- Структура и содержание меню визуально Регулировка через административный раздел сайта NAVT.
- Компактность: JQuery основанные flyouts для вложенных уровней.
- Fast: JQuery для меня загружается с сервера Google (я сама люблю диссертация сделать то же самое вместо потянув ее на месте). Это позволит ускорить процесс, немного.
- Масштабируемость - Этот тип меню можно редактировать и настраивается в любое время через настройки плагина NAVT без необходимости кодирования в любом месте.
Я использовал это превосходное меню из динамических портал диске в качестве базы. Я должен был настроить JavaScript кода немного, а также включить кусок PHP в custom_functions.php, чтобы она работала с тезисом. Кроме того, число уже существующих страниц, категорий и должностей с моего сайта были использованы для сборки структуре меню. Настройки вашего сайта будет по-другому - но концепция будет такой же.
Так давайте продолжим, что ли?
Шаг за шагом инструкции для установки NAVT основе вложенных, настраиваемый многоуровневый, SEO дружественный
и просто холодный смотреть меню навигации для Wordpress и диссертации тема
- Перейти к админ-панели WordPress. Plugins-> Добавить новое, для поиска "navt". Плагин будет показан. Нажмите кнопку [Установить], [Установить], "Включить плагин".
- Сервис-> NAVT Списки Inside "зональной навигации группа" найти "название группы" и введите: "Menu1" в поле, нажмите кнопку [Создать] кнопку. Получили создал "Menu1" прямоугольник области.
Это "Menu1" область будет основная площадка для меня строительства. Вы будете перетащить сюда ваши элементы меню. - В "Площадь активов" найти "другой" Список "и нажмите кнопку" Home "выбора. "Штучка Дом" появится внутри "Площадь неназначенный". Weird, да? Не беспокойтесь, пока она работает - и это будет для нас.
- Перетащите это "штука дом" от "Площадь активы" в "Menu1" прямоугольник области. Он станет "Home" в меню пункт.
- Повторите шаги 3-4 несколько страниц из "Страницы" области, а также в категориях "Площадь категорий". Перетащить любые другие элементы, которые хотят быть на меня изнутри "Menu1" прямоугольник. Вы можете нажать на страницах, категории пользователей и некоторые пользовательские элементы, такие как список "делитель" и "Код блок". Блок кода является прохладный способ добавлять пользовательские фрагменты внутри меня.
- Вы можете перетащить меня внутри "Menu1" области, чтобы изменить порядок их заказа.
- Вы можете настроить иерархическая позиция каждого пункта меню с "<" и ">" стрелами.
- Нажав на название текста каждого пункта меню - открывает невероятна дополнительных диалоговых настройка для данного элемента. Я в основном используется по умолчанию, но технически можно сойти с ума и начать зарабатывать графического меню выбора и добавить куски кода HTML в нее. Приступить хотя и с осторожностью.
- Для linkless unclikable подменю, которые будут служить "родителей" для других "суб-детям" я использовал "тип блока кода". Например, при настройке такого пункта блок кода я вступил в "Alias Пункт меню" = "MemberWing" и за "Код блока:" = "<a href='#'> MemberWing </ A>". Имея HREF = "#" сделает его интерактивным, но не выступает в качестве действительных "родителя" меню выбора.
- Вот как мой NAVT 'menu1' построить структуру смотрели, как почти завершена:
- Готово первоначального потенциала и нажмите на иконку "Gear", чтобы настроить вашу структуру меню:
- Это будет открытый диалог с 4 вкладки: Настройки, Дисплей, CSS, Тема.
- В меню "Настройки" вкладку и убедитесь, что все это непроверенная и "Название группы", говорит: "Menu1"
- В меню "Дисплей" вкладку и убедитесь, что все на "группу навигации Показать на ..." Площадь проверяется [X]. Остальное на значения по умолчанию.
- Перейти на "CSS" и выберите вкладку переключатель (X) "Не применять CSS классы".
- Перейти на "Тема" вкладку и заполнить ее так:
Включить в "Добавить теги раньше ..." Площадь этот код:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Включить в "Добавить теги после ..." Площадь этот код:
<br style='clear: left' /></div> - Нажмите [Save / Close] кнопка
- В этом здании пункт меню изнутри ссылок NAVT плагина завершена.
Теперь пришло время, чтобы сделать немного заиграть на тему диссертации чтобы было готово. Для этого нам необходимо добавить несколько файлов, пользовательские - CSS и JavaScript, который принадлежит к меню и обновления custom_functions.php диссертация ' - Скачать полный набор файлов здесь.
- Распакуйте архив. Если вы обновили custom_functions.php с вашими настройками - вам необходимо объединить их с моими вещами. Я оставлю это до вас.
Если вы еще не коснулся ее - не стесняйтесь, перезаписать его с моим. Обратите внимание: я предпочитал позицию меню сайта под заголовком (по умолчанию выше) - так что мое перестройки включить этот параметр также. - Загрузить архив, включая все подкаталоги и файлы в вашей, тема диссертации 'Директория Custom ", как это:
.../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
И, конечно, если вы до потенциала Super Premium оптимизирована SEO WordPress членстве портала - лучшее решение для этого:
Тема диссертации + MemberWing членстве плагина + Самостоятельное размещение Wordpress конечно.
