Меню в Wordpress

Разное обычное и мобильное меню в WordPress, функция wp_is_mobile, плагин WP Responsive Menu

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

Одним из выходов из ситуации есть создание альтернативного мобильного меню в WordPress, которое бы имело упрощенный вид и содержало лишь ссылки на основные разделы.

Оцените статью:

(голосов - 2, средний балл: 7,00 из 7)

Загрузка...

Категории: Возможности; Плагины;

Как убрать пункты меню в WordPress админке

В блоге найдете много статей по оформлению меню сайта, которое служит навигацией для посетителей вашего веб-проекта, например, были заметки о специальной функции wp_nav_menu, использованию иконок в меню или про создание хлебных крошек. Но сегодняшний пост посвящен немного другой теме — я поделюсь приемами модификации элементов внутри админки, в частности обсудим как убрать меню в WordPress, избавиться от ненужных разделов, выборочно скрывать пункты и т.п.

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

Оцените статью:

(голосов - 3, средний балл: 6,67 из 7)

Загрузка...

Категории: Возможности; Хаки и секреты;

Иконки в меню WordPress — добавляем вручную и с плагином

Существует несколько причин для создания в WordPress меню с картинками (иконками). Во-первых, это отличный способ сэкономить место, заменив название главной страницы на «домик». Во-вторых, некоторые символы говорят намного больше нежели текстовые значения — кнопки Facebook, Twitter и т.п. И наконец, в-третьих, графические элементы могут сделать навигацию более наглядной за счет добавления изображений, например, в список категорий. Все три варианта вы можете видеть с превьюшке поста слева. А ниже я расскажу как их можно реализовать. 

Оцените статью:

(голосов - 4, средний балл: 7,00 из 7)

Загрузка...

Категории: Возможности; Начинающим;

Создаем хлебные крошки для WordPress сайта

Хлебные крошки в Вордпресс (Breadcrumbs) или в любой другой CMS — это дополнительная навигация по сайту, что отображает ваше положение относительно иерархии проекта. То есть, грубо говоря, данное меню показывает в каком разделе, странице или категории вы в текущий момент находитесь. Многие пользователи считают этот элемент именно «меню», т.к. он содержит активные ссылки с возможностью перехода. Не буду спорить о терминологии, а лучше расскажу обо всех сложностях и нюансах, возникающих при настройке хлебных крошек в WordPress.

Оцените статью:

(голосов - 19, средний балл: 4,74 из 7)

Загрузка...

Категории: Плагины;

Advanced Sidebar Menu — виджет зависимого бокового меню для wordpress

Давайте рассмотрим решение одной тривиальной задачи с wordpress меню которая время от времени встречается разработчикам. Бывает, что на сайтах нужно выводить сразу два меню, которые при этом между собой взаимосвязаны: одно верхнее горизонтальное 1-го уровня, а второе в сайдбаре 2-го уровня. Причем в боковом отображаются только те подпункты, для которых  выбран соответствующий родительский элемент в главном меню. Например, если у вас в шапке сайта есть перечень стран, то выбрав, допустим, Италию, в сайдбаре получите только лишь список итальянских городов.

Оцените статью:

(голосов - 5, средний балл: 5,80 из 7)

Загрузка...

Категории: Виджеты; Плагины;

Простое раскрывающееся вертикальное меню в WordPress

Для некоторых веб-проектов разработчики используют раскрывающееся вертикальное меню, где изначально все подразделы скрыты и отображаются только при клике на родительский элемент. Несколько раз я сталкивался с данной задачей, но, убеждал заказчиков отказаться от подобной реализации. Дело в том, что для небольшого числа страниц на сайте эффективность такого решения минимальна — намного лучше, когда посетитель сразу видит все доступные ссылки. Хотя в мобильном меню такой подход весьма оправдан.

Итак, если у вас в проекте имеется сложная структура меню со множеством подразделов и страниц в них, то в целях экономии места вполне можно использовать раскрывающийся эффект. Рассмотрим его реализацию для WordPress с помощью CSS и JavaScript.

Оцените статью:

(голосов - 3, средний балл: 5,00 из 7)

Загрузка...

Категории: Возможности;

Использование иконок шрифта Font Awesome в WordPress

Font Awesome — это один из тех шрифтов, где вместо букв содержатся разные иконки: начиная от каких-то системных изображений по типу галочек, звездочек, папок и заканчивая иконками смартфонов, автомобилей, техники и т.п. При подключении шрифта на сайт вы можете использовать и размещать их на страницах своего веб-проекта. Сегодня рассмотрю пару базовых примеров дабы вы поняли зачем это нужно, как выглядит и как реализуется. Использовать мы будем шрифт Font Awesome хотя подобных бесплатных шрифтов с иконками есть несколько.

Оцените статью:

(голосов - 7, средний балл: 5,14 из 7)

Загрузка...

Категории: Возможности; Хаки и секреты;

Page-list — продвинутый список страниц в WordPress с миниатюрами

Большинство корпоративных и классических сайтов, созданных на WordPress, для наполнения чаще используют страницы нежели посты. На статических страницах размещается информация о компании, сотрудниках, услугах фирмы и тому подобные вещи. При этом возможности отображения списка страниц ограничены лишь стандартным функционалом меню. Да, можно воспользоваться функцией wp_nav_menu с разными параметрами, но для новичков это не особо просто и не наглядно. В таких случаях на помощь вам придет плагин Page-list.

Оцените статью:

(голосов - 4, средний балл: 5,50 из 7)

Загрузка...

Категории: Плагины;

Добавление описания для пунктов меню в WordPress

В некоторых премиум шаблонах WordPress есть для навигационного меню одна интересная опция — под названием пункта меню располагается 2-3слова краткого описания (см. иллюстрацию слева). Недавно пришлось разбираться с данный вопросом и я нашел одну статью по теме, перевод которой вам и предлагаю. Публикация о том, как реализовать подобное улучшенное меню для  Wordpress.

Оцените статью:

(голосов - 10, средний балл: 6,20 из 7)

Загрузка...

Категории: Хаки и секреты;

Оформление меню в wordpress: при наведении, активный пункт

Сегодняшний пост будет, в принципе, достаточно простым, поэтому пригодится исключительно начинающим пользователям. Речь пойдет о том, как «подсвечивать» активные пункты меню в wordpress блоге. Если вы используете для сайта современные шаблоны, то там скорее всего данная проблема решена. При разработке собственной темы или менее профессиональных работ других дизайнеров данное руководство может вам помочь.

Оцените статью:

(голосов - 6, средний балл: 6,83 из 7)

Загрузка...

Категории: Начинающим; Хаки и секреты;

Как создать пункт меню без ссылки в wordpress

С появлением функциональности по управлению меню в wordpress 3.0 стало намного удобнее работать с этим важным атрибутом каждого сайта. Пользователь легко может создать новое меню, добавить, изменить или удалить пункты в нем и т.п. Кроме того, вы можете определять иерархию меню, просто перетаскивая его элементы в админке wordpress. Единственная проблема с выпадающим меню — добавление пукнта меню без ссылки.

Оцените статью:

(голосов - 15, средний балл: 6,13 из 7)

Загрузка...

Категории: Хаки и секреты;

Вывод меню с помощью функции wp_nav_menu

В позапрошлой статье блога я писал про интересное нововведения последней версии wordpress — специальный механизм создания и управления меню в wordpress 3.0.  Теперь стало намного удобнее и проще обычным пользователям создавать различные по сложности меню, которые могут состоять не только страницы или категории блога, но и иметь ссылки на любые URL. Для отображения меню в шаблоне используется специальная функция wp_nav_menu — про нее сегодня и расскажу.

Оцените статью:

(голосов - 10, средний балл: 5,00 из 7)

Загрузка...

Категории: Возможности;