Создание меню Joomla с помощью модуля ARI Ext Menu

Автор: Илья Остапенко /

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

Создание меню Joomla с помощью модуля ARI Ext Menu

С помощью модуля ARI Ext Menu вы сможете легко и быстро сделать красивое меню. Для этого не надо знать никаких языковых стилей, не надо прописывать кучу строчек кода, достаточно всего лишь сделать несколько кликов мышкой и все!

ARI Ext Menu – это модуль меню Joomla, который можно настроить, как имея знания языковых стилей, так и без них. Все в нем настраивается на уровне «обезьяны», то есть достаточно просто кликать мышкой, выбирая нужные настройки. Если Вы хотите создать более красочное и современное меню, тогда придется добавить отдельные CSS настройки.

Перед тем как написать данную статью, был рассмотрен и изучен не один модуль меню Joomla. Рассматривались все возможные настройки всех модулей, простота и удобство, возможность настраивать меню так, как угодно пользователю и в итоге был выбран именно ARI Ext Menu. Возможно, не всем он понравиться, но я советую именно его.

 

Настройка ARI Ext Menu

Скачать модуль, вы сможете во вложении к этому посту, оно находится в конце поста. С установкой модуля проблем возникнуть не должно, поэтому сразу переходим к его настройке. Сразу после установки отправляйтесь в менеджер модулей и откройте уже созданный модуль «ARI Ext Menu». Перед тем, как приступить к его настройкам, не забудьте его опубликовать и отобразить на всех страницах, ну и естественно установить нужную позицию.

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

параметры модуля

Menu name – Здесь выбираем созданное меню которое будет отображаться с помощью этого модуля.

Menu direction – Выбираем его направление, то есть можно сделать вертикальное или горизонтальное меню Joomla

Start level – начальный уровень.

End level – конечный уровень.

Для тех, кто не знает, что это такое? У пунктов меню Joomla, могут быть подпункты, а у них так же могут быть подпункты. Так вот каждый такой подпункт, это уровень, естественно первый уровень – это родительский пункт.

Show only active sub-menus - отображение, только активных подменю. То есть при переходе на страничку подпункт, вместо всего меню, будет отображаться, только родительский пункт с подпунктами.

Hightlight current menu item – подсветка активных пунктов меню.

системные параметры

Module Class Suffix – Добавить к классу меню специальный суффикс. Необходимо если вы будите отдельно добавлять, какие-то CSS настройки.

Load ExtJS library – Обязательно установите ДА. Включает необходимые JavaScript для нормальной работы модуля.

Load method – Выбор метода загрузки, тут все на ваше усмотрение.

Generate unique ID – Генерация уникально ID, на мой взгляд бесполезна, лучше отключить.

настройка виджета

 

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

Animate – включение красивого появления подменю.

Delay – задержка появления подменю.

Transition type – эффект появления подменю.

Transition duration – продолжительность эффекта в секундах.

настройки стиля модуля

z-index –  для функции CSS. Если вы не знаете, как она работает, то лучше не трогать это поле.

основное меню стилевые настройки

Background color – фоновый цвет основных пунктов меню.

Text color – цвет текста

Hover background color – фоновый цвет выделенных пунктов меню

Hover text color – цвет текста выделенных пунктов меню

Current background color – фоновый цвет активного пункта меню

Current text color -  цвет текста, активного пункта меню

Font size – размер шрифта

Font weight – насыщенность шрифта

Text align – выравнивание текста

Text transform – изменение текста

Настройка выпадающего меню

Use main styles – использовать настройки основных пунктов меню.

Background color – фоновый цвет подпунктов меню.

Text color – цвет текста

Hover background color – фоновый цвет выделенных пунктов меню

Hover text color – цвет текста выделенных пунктов меню

Current background color – фоновый цвет активного пункта меню

Current text color -  цвет текста, активного пункта меню

Font size – размер шрифта

Font weight – насыщенность шрифта

Text align – выравнивание текста

Text transform – изменение текста

Как выглядит готовый модуль ARI Ext Menu

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

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

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

Скачать модуль ARI Ext Menu можно по ссылке ниже:
mod_ariextmenu

Комментарии к записи


    Наталья

Оставить комментарий

Это не спам.