Горизонтальное выпадающее меню для Wordpress с помощью простого буржуйского плагина
Мои сайты
18.09.2010 13:03

Когда я только начинала работать с Wordpress, я как-то сразу смирилась с тем, что некоторые вопросы для меня, далекой от верстки и php, фактически недостижимы. К числу таких моментов я сразу же отнесла создание горизонтального выпадающего меню, в которое бы входили не только рубрики, но и страницы.

 

Немного расслабилась я после начала работы с отличной программкой – Artisteer, но это оказалось несколько преждевременно. Красивое меню, которое получалось после создания тем для Wordpress, почему-то упрямо отказывалось показывать рубрики. Страницы, пожалуйста, а вот рубрики – нет. Единственное, чего мне все же удалось добиться в отношении этого меню, это убрать надпись Home, которая высвечивалась вместо слова «Главная». Удалось это, кстати, отредактировав файл функций в редакторе шаблона. Просто нашла это слово и заменила на русское название.

 

Однако вернемся к нашим баранам. А если быть точнее, к созданию горизонтального выпадающего меню. Сначала я сокрушалась, мучалась, а потом погуглила: горизонтальное выпадающее меню для Wordpress, а точнее, пояндексила. Ну, никак не могу у себя это привычку выкорчевать, уж, сколько работаю под этот поисковик, вижу, что творится в выдаче, и все равно иду искать информацию туда…

 

И тут я, как говорится, нашла всё. Ссылок было много, что-то отсеялось по причине замороченности, что-то потому, что не поставилось на мой древний движок WP 2.7. Да, живы еще такие монстры, живы… И все же, я нашла отличное решение своей задачи, которое и предлагаю вам.

 

Итак, горизонтальное выпадающее меню для Wordpress с помощью буржуйского плагина Multi-level Navigation Plugin. Почему я заострила внимание, что он буржуйский? Гмм… в этот раз я просто позавидовала западным специалистам. Только им предлагается задаром такой Клондайк. О чем это я? Узнаете ниже.

 

Итак, плагин, скачиваем его отсюда (позже залью себе, только найду как).

 

 

Установка простая, как веник. Заливаем или через админку (в формате zip) или идем на старый добрый ftp и копируем уже распакованную папку с плагином в каталог /wp-content/plugins/. Потом идем в админке в «Плагины», активируем Multi-level Navigation Plugin. Теперь дело за местом, где мы хотим показывать меню. Авторы приблуды рекомендуют выбрать его в «голове», т.е. в <head>. В принципе, это правильно, хотя возможны и варианты. Итак, место найдено. Теперь ставим в него следующий код: <?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>

И все, плагин начинает работать!

 

Хотя, по умолчанию на сайте показывается что-то странное. Home на английском, рубрики тоже, а дизайне и говорить не приходится, что-то нереально синее, огромное и странное. Как адаптировать под себя? Начнем с надписей. Во вкладке Параметры найдите строчку - Multi-level Navigation. Откройте настройки. Выберете вкладочку Menu contens. Третьей сверху будет вкладка – Modifications. Тут вы сможете задать названия пунктам меню так, как вам в голову взбредет.

 

Выше в этом же блоке можно будет найти настройки очередности пунктов. По-моему, это тоже удобно. Можно будет найти эргономичный вариант применительно к вашей теме. При необходимости добавить «левые» пункты, например, ссылку на форум, живущий на поддомене, или какой-то раздел сайта, либо вообще левый ресурс, можно воспользоваться полями Custom HTML code. Пишем код (мне лично очень помог всплывающий пример-подсказка), затем в самой верхней вкладке этого же блока выбираем в качестве пункта меню поле Custom1. И все, добавлен новый пункт. Его также можно «гонять» по меню, ставя в любую позицию.

 

 

И вот мы добрались, наконец,  до дизайна.

Вы не умеете менять сами CSS? Ну и не надо. Нам поможет в этом суперский буржуинский сервис, о котором я уже упоминала ранее, - pixopoint.com. Гибкая настройка позволяет нам сделать меню совершенно разного вида, подстраивая его под ваш сайт. Внимание! Верхнее меню сайта – это превью вашего генерированного дизайна.

 

 

Собственно - настройки

 

 

 

 

Куда ставить код? Тут все просто. Опять идем в ту же вкладку настроек, только выбираем на сей раз не Menu contens, а Appearance. Сюда вставляем код, нажимаем сохранить – и все. Новый дизайн меню уже на сайте.

 

 

 На моем угревом сайте получилось вот такое вот меню:

С помощью этого плагина можно создать не только горизонтальное выпадающее меню на Wordpress, но и дополнительное меню. Например, снизу. Или – сразу под первым, если надо много пунктов. Оно может полностью дублировать первое или, напротив, вместе с ним создавать полный перечень пунктов. Решать вам!

 

Комментарии  

 
0 #9 Игорь 07.10.2011 09:22
Спасибо вам огромное за подробное объяснение.
Скачал, установил, изменил, с удовольствием пользуюсь!
Удачи вам и процветания!
Цитировать
 
 
0 #8 Макс 27.06.2011 19:36
А в виджет слабо его засунуть? От мне меню Страниц сайта в виджете нужно...УЖе всень нет облазил НЕ рубрик не архивов а именно Страниц!
Цитировать
 
 
0 #7 Administrator 19.05.2011 20:53
Место выбирается индивидуально в каждом шаблоне.Вообще код будет работать в любом месте шаблона, но соответственно именно в этом месте будет наблюдаться и меню. Проводите эксперименты. Только плагин активируйте, иначе код работать не будет.
Цитировать
 
 
0 #6 16.05.2011 09:19
Я так и не понял- как прикрутить код в голове "рекомендуют выбрать его в «голове», т.е. в . В принципе, это правильно, хотя возможны и варианты. Итак, место найдено. Теперь ставим в него следующий код: "
Как это фактически сделать? Т.е. куда КОНКРЕТНО вставлять этот код?
Цитировать
 
 
0 #5 Administrator 24.03.2011 15:07
Цитирую Дмитрий:
А как сделать, так, как в этом посте на первом рисунке, чтобы дочернее меню, выпадало из подродительског о? А то у меня выпадает и дочернее меню и подродительское из главного.

Menu contents - посмотрите, возможно, у Вас задан не тот способ вывода, что у меня. Какой именно момент у вас настроен иначе указать не могу. Возможно, вы скажете, какие у Вас стоят настройки? Я скажу, так ли у меня.
Цитировать
 
 
0 #4 Administrator 24.03.2011 15:02
Цитирую Анна:
Генератор меню на pixopoint.com не изменяет никаких данных. Как я ни пыталась изменить размер букв с 18 на 16, например, ничего не вышло. Как не вышло и изменить фон всплывающих подменюшек. Похоже, там только самая первая функция работает: выбор дизайна.


Анна, работает много что, кроме настроек для превелигированн ых пользователей (как я понимаю, за них хотят тенге). Но ничто Вам не мешает поменять это уже вставив сгенерированный код. Просто немного поэксперементир уйте с CSS.
Цитировать
 
 
0 #3 03.03.2011 13:50
Спасибо большое! Очень пригодилась статья
Цитировать
 
 
0 #2 23.02.2011 19:03
А как сделать, так, как в этом посте на первом рисунке, чтобы дочернее меню, выпадало из подродительског о? А то у меня выпадает и дочернее меню и подродительское из главного.
Цитировать
 
 
0 #1 07.12.2010 21:33
Генератор меню на pixopoint.com не изменяет никаких данных. Как я ни пыталась изменить размер букв с 18 на 16, например, ничего не вышло. Как не вышло и изменить фон всплывающих подменюшек. Похоже, там только самая первая функция работает: выбор дизайна.
Цитировать
 

Добавить комментарий

Здравствуйте! Я очень рада вашим комментариям, в моем блоге. Но спам почему-то не жалую, поэтому удаляю без зазрения совести. :) Прошу принять, как должное!


Защитный код
Обновить

Веб рукоделие

Веселые вебмастерицы в Гогетлинкс и милы

Эта ситуация случилась у меня уже 1,5 месяца назад, но что-то все не доходили руки о ней рассказать. Решила я продвинуть главный сайт по ВЧ, соответственно, понадобилось много жирных ...

Разочаровалась в Ротапосте

Сегодня я разочаровалась в Ротапосте. Решила прикупить там постовых за копейки, посмотреть, будут ли такие ссылки влиять на позиции в выдаче. И если бы не случайность, отдала бы я эти ...

Массовый перенос сайтов - как я задолбал

News image

По некоторым причинам решила сменить хостинг. Новые хостеры услуг переноса не предоставляют, поэтому было решено делать это самой. Начиталась мануалов и начала.   Но оказалось, что не все так просто в тридевятом ...

Проводим конкурс в Интернете – подводные

News image

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

Мы хотим купить у вас домен или О школьн

News image

В последнее время меня просто преследуют желающие «купить» один из моих сайтов. Причем купить хотят даже не сайт, который, к слову, имеет более 250 страниц в индексе Яндекса и Гугла, ...

Запрет вывода рубрик на главную, похожие

News image

Я уже год как не делаю сайты на Вордпрессе. Честно говоря, это связано с моей повальной ленью. Ну не хочу я лазать в код, не люблю я решать эти бесконечные ...

Взяли в яндекс дерект…

News image

Мой любимый женский сайт-кормилец взяли таки в Яндекс Дерект. Впрочем, в его нынешнем достаточно чистом от рекламы виде (оставила только адсенс, ледикеш, шопгнездо – кандидат на вылет), он вполне вписался ...

Google Adsense радует издателей!

News image

Сегодня очень порадовал Гугл Адсенс. Как вы все помните, раньше в России было только 2 возможных варианта вывода заработанных средств – чек или перевод по системе Рапида. В первом случае ...

Как вставить google adsense в статьи на

News image

Гугл адсенс (google adsense), наверное, это самый главный лидер топа рекламного контекста, который когда-либо устанавливают на сайт вебмастеры. Причем хорошая работа такой рекламы во многом зависит от ее расположения....

Новые эксперименты

News image

Сделала несколько новых проектов. Решила осваивать новые ниши, причем приоритеты будут теперь такие:  ...

Как работать с Гугл Адсенс - google adse

News image

Гугл Адсенс (google adsense) – это, пожалуй, самая доступная для вебмастера «шабашка». Почему шабашка? Потому, что заработком эту контекстную рекламу сделать сложно. Приведу для наглядности несколько основных, на мой взгляд, ...

Горизонтальное выпадающее меню для Wordp

News image

Когда я только начинала работать с Wordpress, я как-то сразу смирилась с тем, что некоторые вопросы для меня, далекой от верстки и php, фактически недостижимы. К числу таких моментов я ...

Вместо предисловия

News image

Здравствуй, здравствуй, мой милый блог! Как же долго шла я окольным путем, прежде чем, наконец, решилась на твое рождение! Удивительно, но идея создания сайта для себя любимой пришла ко мне только се...

More in: Мои сайты, Партнерки, Гугл Адсенс, Продвижение

-
+
3

Вход на сайт



Copyright © 2010 Моя веб жизнь
Все права защищены. Перепечатка материалов ИСКЛЮЧИТЕЛЬНО с согласия администратора.