Вертикальное меню для WordPress с плагином JQuery Accordion Menu Widget
Проблема возникающая при создании бокового вертикального меню всегда одна — стандартного виджета часто не хватает, да и выглядит он скромно, приходится тратить время на подгонку его внешнего вида под требования дизайна/клиента/заказчика. Решить эту задачу быстро и с приемлемым, для всех заинтересованных сторон, результатом можно при помощи плагинов. Плагин JQuery Accordion Menu Widget применяется для создания вертикального меню, которое может быть размещено в сайдбаре сайта и создаст дополнительное удобство для пользователей открыв им быстрый доступ к разделам сайта.
Плагин очень древний и не обновлялся с 2012 года, однако свои функции выполняет. Совместим с последними версиями WordPress.
Для чего используется плагин JQuery Accordion Menu Widget
Особенности установки JQuery Accordion Menu Widget
Их нет, ставится автоматически
Настройки JQuery Accordion Menu Widget
Все настройки меню сосредоточены в виджете, где можно установить варианты действий для родительского элемента, анимацию раскрытия пунктов меню и выбрать одну из пяти цветовых тем. Дополнительно может быть добавлен собственный класс css. Меню для виджета заранее формируются в разделе «Внешний вид»-«Меню».
Вывод
Не смотря на заброшенность плагин работает даже с последними версиями WordPress, так же еще и не капризен к другим плагинам и темам — не совместимости не обнаружено.
| Берем в репозитории WordPress JQuery Accordion Menu Widget | ссылка на JQuery Accordion Menu Widget |
| Оффсайт проекта JQuery Accordion Menu Widget | JQuery Accordion Menu Widget |
| Молодой и сильный конкурент | Nextend Accordion Menu |
Здравствуйте,
У меня вопрос, касающийся изменения цвета. В плагине JQuery Accordion Menu Widget меня не устраивают скины. Не гармонируют с цветовой гаммой моего сайта. http://rockerteatral.ru/
Пытаюсь через Исследование элемента изменить цвет и вставить, скажем ихмененный вот такой код в таблицы стилей моей темы и ничего не происходит.
#dc_jqaccordion_widget-3-item ul a.dcjq-parent { padding: 10px 15px; background: #660f0f url(skins/images/bg_clean.png) repeat-x top center; font-weight: bold; text-transform: uppercase; }
Возможно ли как-то решить этот вопрос?
Спасибо,
Добрый день.
Похоже, что вы сами неплохо справились. Еще стоит убрать маркер в меню:
.widget-area ul li::before {
display: none;
}
Или вырезать полностью код для .widget-area ul li::before