WordPress меню аккордеон: Iks Menu — Аккордеон Меню для WordPress Рубрик — Плагин для WordPress

Iks Menu — Аккордеон Меню для WordPress Рубрик — Плагин для WordPress

• Детали
• Отзывы
• Установка
• Поддержка
• Разработка

Iks Menu is a WordPress plugin that provides powerful customizable system and has loads of settings for creating WordPress accordion menus.

All previews|WooCommerce sidebar menu|User-friendly documentation with screenshots

Iks Menu — это лучший выбор меню для боковой панели. Этот плагин позволяет выбрать в качестве источника данных произвольные WordPress-меню или любые рубрики/таксономии (категории, теги записей, категории товаров WooCommerce и т.д.).
Он также предоставляет возможность добавлять изображения, как для произвольных меню, так и для рубрик (и поддерживает изображения категорий товаров WooCommerce).
Вы можете отобразить ваши меню на сайте с помощью виджетов WordPress, а также шорткода или PHP-кода.

And you do not need to learn coding to use Iks Menu! Just set all the settings using a specially designed super fast live editor with instant changes and no pages reloading! It will speed up your developing process.

Iks Menu has more than 15 starter skins (6 FREE) — so it’s super easy to use for beginners and very customizable for advanced users.

Plans

Iks Menu has 2 plans: FREE and PRO (Pricing and Features).

FREE Version Features

• Supports Taxonomies (Categories, Tags, WooCommerce products, any other)
• Supports Custom WordPress Menus (created in «Appearance» > «Menus»)
• Supports images for all taxonomies and for custom WordPress menus
• Supports showing posts for a taxonomy source
• Fast and usable menu editor with instant preview!
• Customize appearance for any part of menu (colors, fonts, margins, paddings, heights and widths without any coding)
• Customize appearance for multiple states (like Hover, Current and Children)
• Supports exporting and importing settings to reuse it again (all settings or just for appearance)
• Provides various unique settings for your menus
• Provides 6 free awesome looking skins out of the box: start using skins with clean design right now with just one click.
• Supports keyboard accessibility: «Tab» & «Enter» navigation + «Focus» state for all elements in menu
• … Just take a look at screenshots to see all features!

PRO Version Features

• All features from the FREE plan
• Settings «Initial Expansion» to expand some items, when page loads
• Expand and collapse animations for submenus
• Ability to display Posts count
• «Custom styles» setting
• Setting to use parents as sub-menu toggles
• Toggle: 50+ icons and 5+ animations for expanding
• 20+ skins
• … Take a look at pricing

Settings

Using taxonomy menu you can configure the next settings:

• Hide empty terms — Whether to hide terms not assigned to any posts.
• Order by — Field to order terms by.
• Order — Whether to order terms in ascending or descending order.
• Hierarchical — Whether to include terms that have non-empty descendants (even if ‘hide_empty’ is set to true)
• Include terms — Comma/space-separated string of term ids to include.
• Exclude terms — Comma/space-separated string of term ids to exclude.
• Search — Search criteria to match terms. Will be SQL-formatted with wildcards before and after.
• Child of — Term ID to retrieve child terms of.
• Parent — Parent term ID to retrieve direct-child terms of.
• Childless — True to limit results to terms that have no children. This parameter has no effect on non-hierarchical taxonomies.

Usage

3 variants of how to use plugin. You’ll see menu publishing guide inside the plugin.

• Widget – Use it directly in widget area
• Shortcode – Use it anywhere with shortcode
• PHP code injection – Use it anywhere in your theme with PHP code

Help

• Get help anytime 24/7 — Ask your question and we will help you anyway
• See documentation for plugin — Super detailed docs for better understanding of how plugin works
• Does not suit for you? — Suggest a new features for plugin and we will provide it soon

• Plugin’s admin page
• «Data» tab — settings for managing data of your accordion menu
• «Display» tab — settings for customizing your accordion menu’s appearance
• «Toggle» tab — for customizing appearance of toggle
• «Menu» > «Common» — settings for controlling the behavior of the menu
• «Menu» > «Initial Expansion» (PRO only) — is for managing menu items, that need to be expanded when the page is loaded.
• «Menu» > «Animations» — to control the animations of expansion and collapsing submenus
• «Manage» tab — for exporting and importing settings for reuse
• «Skins» tab — for applying ready designs to your menu
• «Publish» modal — for copying shortcode, PHP code or go to widgets
• Super detailed documentation (Just take a look 🙂)

Check installation process with screenshots in official documentation.

Automatic installation

Automatic installation is the easiest option — WordPress will handles the file transfer, and you won’t need to leave your web browser. To do an automatic install of Iks Menu, log in to your WordPress dashboard, navigate to the Plugins menu, and click “Add New.”

In the search field type “Iks Menu” then click “Search Plugins.” Once you’ve found us, you can view details about it such as the point release, rating, and description. Most importantly of course, you can install it by! Click “Install Now” and WordPress will take it from there.

Manual installation

Manual installation method requires downloading the Iks Menu plugin and uploading it to your web server via your favorite FTP application. The WordPress codex contains instructions on how to do this here.

This is one of the better plugins out there for menus. The free version covers 95% of everything that someone might need, but the extra 5% pushes this plugin over the top. Initially expanded Child Menus for store categories is well worth the extra fee! Keep up the great work!

Thank you very much!

My go-to choice for the accordion menu. Highly customizable.

behaves very well especially for mobile applications

Works like a charm and super customizable!

Menü çok kullanışlı ve harika görünüyor. Ayarlamak çok basit, her kes rahatlıkla kurabilir. Teşekkürler

Посмотреть все 24 отзыва

«Iks Menu — Аккордеон Меню для WordPress Рубрик» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

• Iks Studio
• Freemius

Перевести «Iks Menu — Аккордеон Меню для WordPress Рубрик» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

SCHEDULED

• Ability to sort custom WP menus
• Ability to order content (link, image, toggle, etc.)
• Ability to add badges for menu items
• Search for terms
• Customizing widget area (header, content, etc.)
• Shortcode attributes
• Loading menus by AJAX
• Group skins by tags (like flat, white, colored, etc.)
• Translate plugin into other languages

1.9.8 — 2022-07-19

• Added: New setting «Posts Count: Calculation type»

1.9.7 — 2022-06-01

• Fixed: PHP sprintf error in Freemius (languages updated)

1.

9.6 — 2022-05-31

• Fixed: PHP 8.1 error

1.9.5 — 2022-03-15

• Fixed: Custom Menu images weren’t displayed

1.9.4 — 2022-03-13

• Fixed: Posts images weren’t displayed

1.9.3 — 2022-03-12

• Fixed: Crash when installing FREE version of plugin
• Fixed: Revert Freemius Pricing page

1.9.2 — 2022-03-11

• Added: Freemius SDK was updated to the latest version
• Fixed: Rare bug of incorrect displaying menu items when some posts and terms have the same IDs
• Fixed: Remove duplication of style tags on page

1.9.1 — 2021-12-30

• Added: New settings to set posts «orderby» and «order» parameters
• Added: New setting to hide zero «Posts count»
• Fixed: Iks Menu didn’t work inside Elementor’s popups
• Fixed: Sometimes skins were loaded with an error

1.9.0 — 2021-02-20

• Added: New setting «Icon Tag» for Toggle
• Added: Freemius SDK was updated to the latest version

1.

8.9 — 2021-01-03

• Fixed: Keyboard accessibility «freeze» bug
• Fixed: https for loading Skins
• Fixed: DELETE method was changed to POST due to problems of some users

1.8.8 — 2020-11-13

• Added: Keyboard accessibility: «Tab» & «Enter» navigation + «Focus» state for all elements in menu
• Added: Some optimizations for loading posts when terms are specified in the «Include terms» setting

1.8.7 — 2020-11-05

• Fixed: Some problems with detecting current term
• Added: Freemius SDK was updated to the latest version

1.8.6 — 2020-10-16

• Added: Ability to use hooks for adding custom content (PRO only)
• Fixed: Current taxonomy’s term did not work for Custom WP menus

1.8.5 — 2020-10-14

• Added: Taxonomy’s terms at Custom WP menu can be marked as current (automatically)
• Fixed: Some problems with menu items’ alignment with shifts
• Fixed: Some problems with Freemius Pricing page

1.

8.4 — 2020-09-18

• Fixed: Plugin crash when using incorrect menu in widget
• Added: Reduced the size of Freemius Pricing page

1.8.3 — 2020-09-02

• Fixed: Some problems with WP menus custom fields (WordPress 5.4+)
• Added: Freemius SDK was updated to the latest version

1.8.2 — 2020-05-20

• Fixed: Internet Explorer compatibility
• Fixed: Some problems with detecting item as current

1.8.1 — 2020-05-20

• Fixed: Image-picker duplicates for Custom WP menus (WordPress 5.4+)
• Fixed: Current item not worked at not first page of taxonomy archives
• Added: «target» attribute for links of Custom WP menus

1.8.0 — 2020-02-28

• Added: Now terms, that includes current post will be also marked as «Current» (for «taxonomy» source only)
• Added: New setting «Expand pages, that includes current page» inside «Initial expansion» settings
• Added: New setting «Exclude terms (without children)»
• Added: Special CSS class added for posts items
• Fixed: Titles’ and descriptions’ improvements of some settings

1.

7.9 — 2020-02-22

• Fixed: Some users had problems with saving settings

1.7.8 — 2020-02-17

• Fixed: Cache plugins compatibility (i.e. Swift Performance)

1.7.7 — 2020-02-11

• Fixed: Toggle’s icon by default is «Chevron-1» again, not «Custom text»
• Fixed: The «Include» setting did not work properly
• Fixed: Opacity for color input did not change when changing through a picker
• Fixed: Empty input values were sometimes treated as zeros
• Mass code refactoring (core separation)

1.7.6 — 2020-01-04

• Added: New option «Menu order» for «Order by» setting
• Added: New setting «Icon — custom text» for toggle icon
• Added: New 4 animations: Fade Up, Fade Right, Fade Left, Zoom Fade

1.7.5 — 2020-01-02

• Fixed: WPML Compatibility regarding to posts
• Fixed: Checkbox displaying for latest WordPress
• Added: Freemius SDK was updated to the latest version

1.

7.4 — 2019-11-06

• Added: Button to tie quad-values for Padding, Margin and Border-radius settings
• Fixed: Minor errors
• Changed: Admin Page design improvements

1.7.3 — 2019-10-21

• Fixed: Not all Toggle icons were enabled for the PRO plan

1.7.2 — 2019-10-20

• Fixed: Sometimes menu items were not ordered correctly
• Fixed: «Level shift» setting did not work correctly

1.7.1 — 2019-10-18

• Added: Freemius SDK was updated to the latest version
• Fixed: Some problems with caching plugins

1.7.0 — 2019-10-16

• Added: Ability to show posts for a taxonomy source
• Fixed: Flickering of editor width and modals
• Fixed: «Current» term expansion was not working sometimes
• Fixed: PHP 5.4 compatibility
• Changed: ul and li were replaced by div to avoid bad themes styles

1.6.2 — 2019-10-09

• Fixed: Removed basic browser’s margin and padding for UL element
• Fixed: Sometimes the display of the admin page was incorrect
• Fixed: Sometimes the «Initial expansion» settings did not work

1.

6.1 — 2019-09-26

• Fixed: Custom styles did not worked for skins

1.6.0 — 2019-09-25

• Added: Freemius
• Fixed: Sometimes menu items were not displayed as current
• Fixed: Sometimes preview was crushing with invalid «Initial expansion» setting

1.5.1 — 2019-09-17

• Changed: «Hide empty terms» is now false by default
• Fixed: Not smooth expanding for submenus with multiline items texts
• Fixed: Appearance of skin #14 without image

1.5.0 — 2019-09-12

• Added: Ability to set images for all taxonomies and custom WordPress menus
• Added: New setting «Placeholder» for images

1.4.0 — 2019-09-05

• Added: Ability to display posts count for terms
• Added: Ability to set custom «class name» for Toogle Icon to use any other icons pack included in your theme
• Added: Containers of each menu now have unique IDs
• Added: New design for modal window of menus creation
• Fixed: Setting «Initial expansion — Disable» works better
• Fixed: Now some settings like «Animation», «Transition», «Image type / position» and some others are not «Appearance settings» and it won\’t be imported with skins

1.

3.0 — 2019-07-24

• Added: Settings «Initial Expansion» (allows you to expand certain terms when the page loads)
• Fixed: Menu collapsing bug

1.2.0 — 2019-07-18

• Added: Setting «border-radius» for all menu elements
• Fixed: Sub-menus are now expanded immediately after the page loads
• Fixed: Errors with verifying license
• Fixed: Added check for the widget\’s empty title
• Improvements inside the «Skins» tab
• Editor now loads a little faster
• Other minor improvements

1.1.0 — 2019-07-10

• Added: Now you can press CTRL+SHIFT+S or CTRL+ALT+S to save currently editing menu
• Added: Setting for changing editor\’s preview type (hide or show underlay background)
• Added: Settings «width» and «max-width» for Container
• Added: Inputs of type «Size» now can be set with percentage value
• Added: Better design for inputs in admin editor (focus added)
• Added: Better design editor tabs
• Fixed: Removed unnecessary div container for widget

1.

0.0 — 2019-07-04

• First release

Оценки

Посмотреть все

• 5 звёзд 24
• 4 звезды 0
• 3 звезды 0
• 2 звезды 0
• 1 звезда 0

Войдите, чтобы оставить отзыв.

Участники

• Iks Studio
• Freemius

Поддержка

Решено проблем за последние 2 месяца:

1 из 5

Перейти в форум поддержки

Меню аккордеон для WordPress. Плагин JQuery Accordion Menu Widget — @vp-webdev

В данной статье я хотел бы рассказать о прекрасном плагине, позволяющем сделать удобное и стильное меню для категорий сайта. Поговорим о плагине JQuery Accordion Menu Widget. Все началось с того, что мне не понравилось меню в моей теме блога. Оно выглядело неудобно, некрасиво, не эстетично, и решил я сделать что-то этакое, чтобы двигалось и имело жесткую структуру. Почему жесткую, потому что я по опыту знаю жесткая структура – значит порядок, порядок значит – удобство, удобство – значит хорошо.
Ну да ладно, вернусь к меню и к плагину. Выбор для моего меню пал именно на этот плагин, так как мне уже приходилось использовать технологию Jquery Accordion Menu, правда не в wordpress, но все же. И я уже было думал, скачать библиотеку Jquery Accordion Menu, и допиливать напильником вывод рубрик, но на ум мне пришла умная мысль – не изобретать велосипед и поискать плагин, позволяющий реализовать данную возможность, без напильника. И что вы думаете, не успел я набрать в поисковике фразу: «wordpress jquery accordion menu», как мне тут же поисковик выдал десятки результатов, с готовыми решениями, осталось только выбрать лучшее. И я выбрал плагин JQuery Accordion Menu Widget. Ну а теперь о плагине по подробнее.

JQuery Accordion Menu Widget

Установить плагин можно с официального сайта WordPress – https://ru.wordpress.org/plugins/jquery-vertical-accordion-menu/

Плагин JQuery Accordion Menu Widget. (Установка, настройка и использование. Панель виджетов).

Скачиваем архив с плагином: https://downloads.wordpress.org/plugin/jquery-vertical-accordion-menu.3.1.2.zip

Заходим в консоли нашего сайта в раздел «Плагины», жмем «Добавить новый», нажимаем «Загрузить», выбираем наш архив с плагином и жмем «Установить».

После успешной установки не забываем активировать плагин.

На странице виджетов появился новый виджет JQuery Accordion Menu Widget, перетаскиваем его в блок Sidebar (или Боковая колонка). Осталось заполнить поля нового виджета.

Настройка JQuery Accordion Menu Widget

Так выглядит «Панель настроек»:

Заголовок — Заголовок виджета.

Выберите меню — необходимо выбрать меню которое будет отображаться. Соответственно для того чтобы, было из чего выбирать, необходимо создать меню.

Click или Hover – эффект раскрытия панели меню, будет реагировать на нажатие левой клавиши мыши или просто на наведение мыши на заголовок (т.е. меню будет раскрываться и закрываться, тогда когда пользователь навел курсор на меню, нажатие клавиши мыши не требуется).

Auto Close Open Menus – опция определяет будет ли меню автоматически закрываться, в том случае когда с ним не работают.

Save Menu State (uses cookies) – сохранять позицию меню в памяти браузера.

Auto Expand Based on Current Page/Item – если опция активна, в подменю будут автоматически добавляться новые элементы.

Disable Parent Links – выключить родительские ссылки меню, т.е. если включена данная опция родительские пункты меню работать в качестве ссылок не будут. Данную опцию удобно использовать в случае, если в качестве эффекта раскрытия меню используется клик мыши.

Close Menu (hover only) – если опция активна меню будет не только раскрываться, но и закрываться. Опция работает только при использовании эффекта раскрытия панели меню – при наведении мыши.

Show Count – показывать количество дочерних элементов.

Menu Class – задать произвольный css класс меню.

Disable Class – задать произвольный css класс который будет использован при закрытии меню.

Hover Delay – опция задает интервал задержки в десятой доли секунды, до реакции на действие наведения мыши, т.е. если у вас в качестве эффекта раскрытия меню установлен эффект наведения курсора мыши, тогда через заданный промежуток после наведения на меню, оно раскроется.

Animation Speed – скорость анимации раскрытия и закрытия меню. Skin – необходимо выбрать дизайн меню, в случае необходимости можете расширить стиль своим вариантом.

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

После этого меню выглядит таким образом в закрытом и открытом виде:

---

Рабочий пример:

Посмотреть можно тут

---

Ну а данная статья подошла к концу, всем спасибо за внимание, до встречи.

Заглавное фото с сайта wordpress.org

Материал подготовил: @maximus00

Accordion Menu — Лунная База

Accordion Menu — Лунная База

Горячий старт на просторы интернета

Лунная База в соц.сетях:

Выберите язык

• Joomla
• Nextend
• Nextend Accordion Menu

Официальный сайт: accordionmenu.nextendweb.com (только на английском)

Nextend Accordion Menu — расширение для CMS: WordPress и Joomla, разрабатываемое и поддерживаемое студией Nextend.

Nextend Accordion Menu имеет гибкий и настраиваемый дизайн. Испытайте полный контроль над настройками и дизайном меню. Надежный, гибкий и интуитивно понятный бэкенд, настраиваемый в админке Joomla. Вам не нужно думать о каких-либо технических деталях, интерфейс поможет вам. Вы не поверите, как это просто использовать новое многофункциональное меню сайта.

Nextend Accordion Menu имеет настройки стиля шрифтов, хранящиеся в Менеджере шрифтов и стилей. Менять все детали, которые действительно важны в типографике и стилях отображения шрифтов. Вы можете выбрать шрифты и стили для слоев, навигации и других элементов меню сайта.

Конструктор тем меню Nextend Accordion Menu позволяет легко создавать красивые меню за считанные минуты. Каждая тема поставляется с собственными настройками и с собственными скинами. Всё это переключается в пару кликов и потом доводится до совершенства гибкими настройками в админке Accordion Menu.

Nextend Accordion Menu поддерживает подключение навигации от сторонних разработчиков таких популярных систем, как VirtueMart, WooComerce, redSHOP, HikaShop, Tienda. Это позволяет быстро создать качественную и понятную навигацию по сайту, нацеленному на получение коммерческой прибыли от он-лайн продаж.

---

Материалы по работе с Nextend Accordion Menu

• «Установка и первичные настройки Accordion Menu Nextend на Joomla 3»
  • «Апгрейд Nextend Accordion Menu Pro v.9.3.8 до v.9.3.9 для Joomla v.3.7.x и выше»
• «Создание нового модуля меню Nextend Accordion Menu»
• «Редактирование модуля меню Nextend Accordion Menu»
  • «Вкладка «Модуль» модуля меню Nextend Accordion Menu»
    • «Конфигурация модуля меню Nextend Accordion Menu. Кнопка «CONFIGURE»»
      • «Основные параметры конфигурации модуля меню Nextend Accordion Menu»
        • «Поле «Type» (Тип) Основных параметров конфигурации модуля меню Nextend Accordion Menu»
          • «Joomla menu properties. Настройки меню Joomla в Основных параметрах конфигурации модуля меню Nextend Accordion Menu»
          • «Joomla categories and articles menu properties. Настройки меню категорий и материалов Joomla в Основных параметрах конфигурации модуля меню Nextend Accordion Menu»
            • «Поле «Display number of articles» (Показать количество статей в категории) в настройках свойств меню категорий и материалов Joomla в Nextend Accordion Menu»
        • «Поле «Theme» (Тема) Основных параметров конфигурации модуля меню Nextend Accordion Menu»
          • «Выбор дизайна меню сайта в Поле «Theme» (Тема) Основных параметров конфигурации модуля меню Nextend Accordion Menu»
            • «Настройки темы Bold Theme в конфигурации модуля меню Nextend Accordion Menu»
            • «Настройки темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu»
              • «Раздел «Clean Theme parameters» в Настройках темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu»
                • «Поля «Skin loader» Раздела «Clean Theme parameters» в конфигурации модуля меню Nextend Accordion Menu»
                  • «Готовые цветовые схемы Темы «Clean Theme» модуля меню Nextend Accordion Menu»
                  • «Настройка прозрачности активных пунктов меню Темы «Clean Theme» модуля меню Nextend Accordion Menu»
                  • «Выбор предустановленного шрифта для меню Темы «Clean Theme» модуля меню Nextend Accordion Menu»
            • «Настройки темы Default Theme в конфигурации модуля меню Nextend Accordion Menu»
            • «Настройки темы Elegant Theme в конфигурации модуля меню Nextend Accordion Menu»
        • «Поле «Title theme» (Заголовок темы) Основных параметров конфигурации модуля меню Nextend Accordion Menu»
        • «Поле «Parent items as link» (Родительские пункты как ссылки) Основных параметров конфигурации модуля меню Nextend Accordion Menu»
      • «Режим AJAX в конфигурации модуля меню Nextend Accordion Menu»
      • «Расширенные параметры конфигурации модуля меню Nextend Accordion Menu»
      • «Параметры анимации в конфигурации модуля меню Nextend Accordion Menu»
      • «Прочие параметры конфигурации модуля меню Nextend Accordion Menu»
    • Поле «Позиция» читать статью про настройку модуля в админке Joomla
    • Поле «Состояние» читать статью про настройку модуля в админке Joomla
    • Поле «Язык» читать статью про настройку модуля в админке Joomla
  • Вкладка «Привязка к пунктам меню» читать статью про настройку модуля в админке Joomla
  • «Вкладка «Дополнительные параметры» модуля меню Nextend Accordion Menu»

---

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2765

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим выбор шрифта для отображения меню Темы «Clean Theme» модуля меню Nextend Accordion Menu в первом поле «Skin loader» Раздела «Clean Theme parameters» Настроек темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu. Этот параметр называется «Font» (Шрифт). Этот параметр позволяет выбрать шрифт для отображения заголовка и пунктов меню из предустановленных, а также задать ориентацию текста (слева направо или справа налево).

Подробнее: Выбор предустановленного шрифта для меню Темы «Clean Theme» модуля меню Nextend Accordion Menu

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2469

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим Поле «Title theme» (Заголовок темы) Основных параметров конфигурации модуля меню Nextend Accordion Menu в Базовых настройках конфигурации модуля меню. Это третий параметр, который позволяет выводить заголовок модуля непосредственно в самом модуле меню, что придаёт меню сайта законченный и аккуратный вид. О том, как это всё выглядит будет показано ниже.

Подробнее: Поле «Title theme» (Заголовок темы) Основных параметров конфигурации модуля меню Nextend Accordion…

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2444

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим настройку прозрачности активных пунктов меню Темы «Clean Theme» модуля меню Nextend Accordion Menu в первом поле «Skin loader» Раздела «Clean Theme parameters» Настроек темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu и называется «Opacity» (Прозрачность). Это поле позволяет выбрать два режима наложения прозрачности на пункты меню для их выделения в качестве активных на данной странице.

Подробнее: Настройка прозрачности активных пунктов меню Темы «Clean Theme» модуля меню Nextend Accordion Menu

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2747

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим дюжину готовых цветовых схем Темы «Clean Theme», предлагаемых разработчиками модуля меню Nextend Accordion Menu. Эти цветовые схемы можно настроить в пару кликов, выбрав наиболее подходящую под дизайн сайта. Список шаблонов находится в первом поле «Skin loader» Раздела «Clean Theme parameters» Настроек темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu и называется «Theme» (Тема).

Подробнее: Готовые цветовые схемы Темы «Clean Theme» модуля меню Nextend Accordion Menu

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 3206

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье остановимся на содержимом параметров «Skin loader» (Загрузчик готовых шаблонов), которые находятся в Разделе «Clean Theme parameters» Настроек темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu. В этих параметрах можно загрузить уже настроенные разные цветовые схемы, задать радиус скругления, подключить или отключить отображение иконок в меню, выбрать шрифт для пунктов меню.

Подробнее: Поля «Skin loader» Раздела «Clean Theme parameters» в конфигурации модуля меню Nextend Accordion. ..

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2695

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье подробно рассмотрим Раздел «Clean Theme parameters», который содержится в Настройках темы Clean Theme в конфигурации модуля меню Nextend Accordion Menu. Параметров в этом окне много, но этот раздел первые (находится выше остальных), поэтому его довольно легко сразу заметить. В этом разделе содержатся параметры, позволяющие выбрать готовые настройки внешнего вида меню и произвести другие тонкие настройки отображения меню с помощью модуля Nextend Accordion Menu на сайте.

Подробнее: Раздел «Clean Theme parameters» в Настройках темы Clean Theme в конфигурации модуля меню Nextend. ..

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2318

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим, как выглядят настройки темы Elegant Theme в конфигурации модуля меню Nextend Accordion Menu. Для того, чтобы их отрыть, нужно выбрать Elegant в поле «Theme» и кликнуть по кнопке «CONFIGURE» левой кнопкой мышки в Поле «Theme» (Тема) Основных параметров конфигурации модуля меню. Эта кнопка «CONFIGURE» вторая на странице с параметрами так, что нужно быть внимательными, чтобы не промахнуться.

Подробнее: Настройки темы Elegant Theme в конфигурации модуля меню Nextend Accordion Menu

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2559

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим, как выглядят настройки темы Default Theme в конфигурации модуля меню Nextend Accordion Menu. Для того, чтобы их отрыть, нужно выбрать Default в поле «Theme» и кликнуть по кнопке «CONFIGURE» левой кнопкой мышки в Поле «Theme» (Тема) Основных параметров конфигурации модуля меню. Эта кнопка «CONFIGURE» вторая на странице с параметрами так, что нужно быть внимательными, чтобы не промахнуться.

Подробнее: Настройки темы Default Theme в конфигурации модуля меню Nextend Accordion Menu

Информация о материале

Родительская категория: Nextend

Категория: Accordion Menu

Просмотров: 2348

• Joomla
• Nextend
• Nextend Accordion Menu

В этой статье рассмотрим, как выглядят настройки темы Bold Theme в конфигурации модуля меню Nextend Accordion Menu. Для того, чтобы их отрыть, нужно кликнуть по кнопке «CONFIGURE» левой кнопкой мышки в Поле «Theme» (Тема) Основных параметров конфигурации модуля меню. Эта кнопка «CONFIGURE» вторая на странице с параметрами так, что нужно быть внимательными, чтобы не промахнуться.

Подробнее: Настройки темы Bold Theme в конфигурации модуля меню Nextend Accordion Menu

Страница 1 из 4

Пожалуйста оцените статью:

в один клик!

5 звёзд 4 звёзды 3 звёзды 2 звёзды 1 звезда

Спасибо за оценку!

Напишите нам:

Отправить

Спасибо за обратную связь!

x

?

    Здесь Вы можете написать мысли и свои впечатления автору.
    Если оставите свой e-mail, мы постараемся вам ответить.
    Отправленная информация останется конфиденциальной и будет использована для улудшения нашего сайта и, если это потребуется, для работы с вами, согласно вашим пожеланиям. Ясно!

Bellows Accordion Menu — Плагин для WordPress

• Детали
• отзывов
• Монтаж
• Поддерживать
• Развитие

Bellows — отличное меню-аккордеон для WordPress. Он работает с системой меню WordPress, позволяя вам создавать красивые аккордеонные меню для вашего сайта.

Упрощенная демонстрация мехов
Полная демонстрация мехов

Начало работы: Краткое руководство по началу работы с мехами

Обзор функций

• Полнофункциональное меню аккордеона
• Несколько уровней подменю
• 3 встроенных пресета скинов
• Много- или одностворчатая
• Автоматически расширять текущее подменю опция
• Интеграция с коротким кодом — добавьте меню аккодиона на свой сайт везде, где вы можете добавить короткие коды
• Интеграция с виджетами — добавьте аккордеонное меню в тематические области виджетов

1. Загрузите файлы плагина в /wp-content/plugins/bellows-accordion-menu или установите плагин напрямую через экран плагинов WordPress.
2. Активируйте плагин через экран «Плагины» в WordPress
3. Используйте экран «Внешний вид» > «Меню мехов», чтобы настроить плагин и сгенерировать шорткод для добавления меню на ваш сайт (или использовать виджет или код PHP)

Где документация?

Полная документация доступна в Интернете: База знаний по мехам

С чего начать?

Ознакомьтесь с кратким руководством по началу работы с мехами, чтобы быстро приступить к работе.

В чем разница между версиями Lite и Pro?

См. сравнительную таблицу функций

Плагин отлично работает, без ошибок, отличная поддержка с быстрыми ответами. +!

Agradeço aos desenvolvedores. Плагин может помочь вам, если вы не нуждаетесь в важном проекте.

Большое спасибо.

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

Наконец-то бесплатное аккордеонное меню, которое легко стилизовать — Спасибо!

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

Прочитать все 20 отзывов

«Bellows Accordion Menu» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

Авторы

• семь искр

1.4

• Функция: [Pro] Функциональность раздела меню (отображение только раздела меню на основе корня, который можно определить динамически)
• Функция: добавить метку aria к кнопкам переключения подменю
• Функция: добавление фильтров для значков переключения подменю и содержимого
• Исправлено: выравнивание переключателя радио в настройках Customizer
• Исправление: Настройки флажка в Customizer
• Исправлено: [Pro] Содержимое вкладки «Адаптивный и мобильный» не отображалось в версии pro
.
• Исправлено: [Pro] Передать атрибут counts в шорткод bellows_terms
• Исправление: правильное эхо-переключение, когда меню также отображается, а не возвращается

1.3

• Функция: Подсветка текущего связанного термина (выделение текущих терминов в меню, связанном с текущей страницей)
• Функция: Свернуть на мобильном устройстве (переключить, чтобы открыть мобильное меню)
• Функция: [Pro] Режим дерева (переключается по левому краю, выравнивается по тексту), включая скин дерева
• Функция: [Pro] Вертикальные и горизонтальные настройки отступов для элементов верхнего уровня и подменю
• Функция: [Pro] Настраиваемый параметр отступа подменю
• Функция: [Pro] Настройка скорости слайдов в подменю
• Функция: [Pro] Включить родительский параметр для автоматически заполняемых меню сообщений
• Функция: [Pro] Исключить сообщения для меню автоматически заполняемых сообщений
• Функция: [Pro] опция «Исключить термины» для меню автоматически заполняемых терминов
• Функция: Функция приоритета текущего элемента — определяет, какой элемент следует открыть, если в данный момент несколько элементов.
• Улучшение: улучшена доступность клавиатуры
• Улучшение: поддержка стилей при использовании значков замены SVG
• Улучшение: настраиваемая константа возможностей администратора
• Улучшение: улучшения RTL
• Обновление: совместимость с jQuery 3 (замена устаревших функций)
• Обновление: совместимость с PHP 7.4
• Исправление: Заставьте терминовую совокупность работать с произвольными корнями при использовании child_of
.
• Исправлено: проверка Walker UberMenu для правильного извлечения идентификатора

1.2.1

Lite:

• Улучшение: Улучшенная поддержка RTL
• Исправление: активное состояние добавлялось к элементам без подменю, когда для подменю по умолчанию установлено открытое состояние

Pro:

• Функция: Добавлен фильтр bellows_auto_terms_query_args
• Функция: добавлен фильтр bellows_auto_posts_query_args
• Функция: добавлен фильтр bellows_auto_post_title
• Функция: добавлен фильтр bellows_auto_term_title

1.

2

Lite:

• Функция: Добавлен параметр Force Override Filters для борьбы с темами и плагинами, которые пытаются фильтровать вывод меню
• Улучшение: Добавлен фильтр bellows_menu_item_data
• Улучшение: если скин отключен, а разделители подменю включены, принудительно установите границу разделителя
• Улучшение: Добавлен фильтр bellows_link_attributes

Pro:

• Функция: добавлена ​​настройка ограничения глубины/уровня для автозаполнения терминов
• Функция: добавлена ​​возможность установить глобальное состояние подменю по умолчанию для открытого или закрытого
• Функция: добавлена ​​возможность установить состояние подменю по умолчанию для открытия или закрытия отдельных пунктов меню

1.1

Lite:

• Открытие и закрытие функций подменю для внешнего API
• Принудительно открывать родительские подменю текущего элемента, даже если отсутствуют текущие классы

Pro:

• Заполнение пункта подменю Настройки настройщика
• Размер шрифта подменю Параметр Customizer
• Когда ссылка отключена, она будет действовать как переключатель для подменю
• Добавить текущие классы пунктов меню правильно к терминам в автоматических элементах таксономии терминов

1.

0

• Первый выпуск

Поддержка

Проблемы, решенные за последние два месяца:

0 из 3

Посмотреть форум поддержки

Пожертвовать

Хотите поддержать продвижение этого плагина?

Пожертвовать этому плагину

7 лучших аккордеонных плагинов WordPress (2022)

Вы ищете лучшие аккордеонные плагины WordPress?

Аккордеон — это изящная техника веб-дизайна, позволяющая отображать содержимое в виде сворачиваемой вкладки.

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

Зачем вам нужно добавлять аккордеоны в WordPress?

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

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

Аккордеоны чаще всего используются для добавления раздела часто задаваемых вопросов (FAQ) путем отображения вопросов в виде вкладок. Однако вы можете использовать их для добавления любого контента, где вы хотите избавить пользователей от прокрутки.

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

1. Аккордеон

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

Он имеет адаптивный дизайн и прекрасно отображает ваш контент на всех устройствах.

Аккордеон имеет поддержку шрифтов Font Awesome, что позволяет вам использовать красивые значки на вкладках аккордеона.

С помощью этого плагина вы можете добавлять неограниченное количество аккордеонов на свой сайт. Он позволяет изменять стили для открытого и закрытого аккордеона, скрывать аккордеон без удаления, выравнивание текста для содержимого и многое другое.

2. SeedProd

SeedProd — лучший на рынке конструктор страниц WordPress с функцией перетаскивания, используемый более чем 1 миллионом веб-сайтов. Это позволяет создавать любые целевые страницы без необходимости кодирования.

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

Все, что вам нужно сделать, это перетащить блок аккордеона на свою страницу и начать настройку.

Вы имеете полный контроль над количеством текстовых разделов и можете добавить уникальный раскрывающийся значок.

Вы даже можете настроить типографику, цвет, интервал между текстом и многое другое, чтобы полностью соответствовать дизайну вашего веб-сайта.

Подробнее см. в нашем руководстве о том, как создать целевую страницу с помощью WordPress.

3. Часто задаваемые вопросы об аккордеоне

FAQ об аккордеоне — еще один плагин аккордеона для сайтов WordPress. Он имеет конструктор перетаскивания, который помогает вам легко добавлять аккордеоны в любом месте вашего блога WordPress.

Вы можете сортировать аккордеоны и управлять их размещением, перетаскивая их вверх или вниз в бэкенде.

Он имеет несколько шаблонов, неограниченные варианты цвета, поддержку значков Font Awesome, загрузочную среду для адаптивного дизайна и многое другое. Accordion FAQ загружается быстро, что отлично подходит для ранжирования вашего сайта в поисковых системах.

4. Tab — Accordion, FAQ

Tab, Accordion and FAQ — это плагин WordPress, который позволяет добавлять красивые анимированные вкладки и аккордеоны в WordPress.

Вы можете легко добавлять адаптивные горизонтальные, вертикальные, анимированные и другие аккордеоны к записям WordPress, страницам и областям виджетов боковой панели.

Он имеет несколько эффектов перехода, различные макеты, функцию перетаскивания для сортировки вкладок и многое другое.

5. Сокращенные коды Arconix

Arconix Shortcodes — это многоцелевой плагин WordPress, который имеет различные шорткоды для добавления вкладок и аккордеонов на ваш сайт. Он отображает ваш контент аккордеонами и аккуратно отображается на всех мобильных устройствах.

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

6. Easy Accordion

Easy Accordion — еще один аккордеонный плагин WordPress, который позволяет вам настраивать неограниченное количество аккордеонов и добавлять их на свои страницы, сообщения, области виджетов и файлы шаблонов.

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

7. Shortcodes Ultimate

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

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

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Адаптивное меню

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

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

Что такое аккордеонное меню?

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

Теоретически это полезный способ представления контента, позволяющий людям контролировать контент, расширяя и откладывая его, информация кажется менее подавляющей. Использование аккордеонов на настольных компьютерах может быть спорным, однако этот элемент дизайна отлично подходит для мобильных устройств. Как и на мобильных устройствах, распространенная проблема, с которой сталкиваются пользователи, — это отображение слишком большого количества контента на маленьком пространстве экрана. Аккордеоны приносят пользу, они предоставляют пользователям прогрессивный контент. Если щелкнуть новую панель, другие пункты меню свернутся.

Демонстрация аккордеонного меню

Преимущества применения аккордеонного меню

Каждый элемент в веб-дизайне имеет как свои плюсы, так и минусы, однако это не должно мешать вам его использовать. Давайте рассмотрим несколько преимуществ использования аккордеонного меню на вашем сайте.

1. Одним из самых больших преимуществ аккордеонного меню является то, что оно часто позволяет пользователям получить общую картину, прежде чем сосредоточиться на деталях.
2. Они эффективно решают распространенную проблему слишком длинных страниц.
3. Занимает наименьшее количество места, поскольку дублирует заголовки разделов. Таким образом, есть потенциал удержания пользователей на веб-сайте.
4. Заголовки выполняют функцию Mini-IA (информационная архитектура) страницы. Это позволяет пользователям получить ментальную модель информации, доступной на странице.
5. Аккордеоны помогают избежать ссылок на странице, чем больше ссылок приходится нажимать пользователям и переходить туда и обратно, тем больше шансов потерять посетителей.

Есть и несколько недостатков аккордеонов, один из которых заключается в том, что заставлять людей щелкать заголовки по одному становится утомительным для многих пользователей. Это может сделать ваш контент менее доступным.

Когда использовать аккордеонное меню в веб-дизайне?

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

1. Используйте аккордеонное меню, если вы хотите воспользоваться преимуществами обычной боковой панели, но у вас нет места для нее.
2. Это подходит, когда вы храните только несколько ключевых фрагментов контента на одной странице. Это помогает пользователям сосредоточиться на важных темах.
3. Это полезно, когда содержимое ограничено небольшим пространством, например, на мобильных экранах. Если ваша аудитория состоит в основном из мобильных посетителей, то лучше всего подойдет меню-аккордеон.
4. Лучше всего использовать для сложных процессов, когда вы не хотите перегружать посетителей, особенно в процессе оформления заказа.

Как создать аккордеонное меню WordPress?

Вы можете создать аккордеонное меню как вручную, так и с помощью плагинов в WordPress. Я собираюсь сначала рассказать о том, как вы можете создать меню-гармошку CSS с помощью лучшего плагина меню-гармошки WordPress.

Использование плагина адаптивного меню 

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

1. Во-первых, купите профессиональный плагин , после покупки будет создана ваша учетная запись. Затем войдите в систему, вы увидите детали покупки, включая лицензионный ключ, счета и ссылку для скачивания. Щелкните файл responsive-menu-pro.zip в разделе «Продукты». Затем будет загружен zip-файл, распакуйте его в папку на рабочем столе.

2. Установите плагин в WordPress , для этого войдите в свой WordPress. Перейдите на левую боковую панель панели инструментов к Плагины и нажмите Добавить новый. Перейдите к Загрузить плагин и выберите zip-файл (если вы еще не распаковали его ранее), затем нажмите Установить сейчас . Затем он должен успешно установить все соответствующие файлы плагина.

Пункт меню

3. Теперь, чтобы Добавить аккордеон , вам сначала нужно выбрать меню (если вы создали меню ранее). Перейдите к Responsive Menu > Menus, выберите из меню и нажмите Настроить кнопку . Откроется окно адаптивного меню, затем перейдите к Menu Styling .

Стиль меню

4. Затем щелкните раздел Behavior , вы увидите параметр Use Accordion. Включите параметр и нажмите кнопку Обновить . Ваши изменения будут сохранены.

Включить опцию «Использовать аккордеон»

5. Если у вас нет готовых меню, создайте новое меню, перейдя к Адаптивное меню > Меню и нажав кнопку Создать Новое Меню .   Выберите Настройки темы и меню и сохраните. Ваше меню создано.

6. Затем создавать разные пункты меню и подпункты, переходить на страницы, добавлять новые страницы для каждой категории. После этого перейдите в Appearances > Menu и выберите созданное меню для редактирования. В разделе «Добавить элементы меню» выберите все необходимые элементы из страниц, сообщений и разделов категорий.

Чтобы добавить подкатегории/подменю в категории, вы можете сделать это в «Структура меню». Перетащите нужное меню в виде подкатегорий вправо. Он будет называться подпунктом соответствующего меню.

(Примечание: чтобы узнать подробнее, как добавлять категории и создавать меню, прочитайте Простое руководство по навигации по мегаменю , статья . ) 

Другие плагины 

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

• Аккордеон
• Accordion FAQ
• Вкладки — Адаптивные вкладки с аккордеонами
• Menu Accordion
• Easy Accordion
• Шорткоды Ultimate

Trapping Up

В конце

. создать аккордеонное меню WordPress».