Как сделать кнопку joomla

Добавил пользователь Евгений Кузнецов
Обновлено: 05.10.2024

Из каких файлов состоит мамбот-кнопка для визуального редактора?

Для создания такого мамбота требуется всего на всего три файла:

название_кнопки.php
название_кнопки.xml
название_кнопки.jpg (или другой файл картинки)

Так уж повелось, что перед расширением каждого из этих файлов ставят еще три буквы btn(от button), что показывает, что этот мамбот является кнопкой. Но это не принципиально, просто таков этикет.

Типовой код для мамбота-кнопки hello_world

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

Вы можете заменить hello_world.jpg на имя файла с картинкой кнопки, а на текст вашего тега.

Типовой xml-файл для мамбота-кнопки hello_world

Между тегами name, author, creationDate, copyright, authorEmail, authorUrl, version необходимо прописать информацию об имени автора, дате создания, авторских правах и т.д.

Ну, вот и все! Теперь, запускайте свой архиватор, сжимайте все три файла в один, чтобы на выходе получился архив с подобным названием bot_hello_world_btn.zip, и устанавливайте как настоящий мамбот.

Joomla!® CMS — пожалуй, лучшая система управления контентом с открытым исходным кодом

Joomla! — это больше, чем просто программное обеспечение, это люди, включающие разработчиков, дизайнеров, системных администраторов, переводчиков, копирайтеров, и, что самое главное — простых пользователей.

Простой способ

Легче всего такую кнопку создать при помощи этого кода:

Вставляем в любую часть шаблона и всё.

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

Более сложный способ

Нам понадобится:

Картинка PNG
Код для вставки в шаблон
Java скрипт для анимации

Далее, необходимо скачать на компьютер файл index.php и открыть его через Notepad++.

В самом низу находим стандартную кнопку этого шаблона:

Меняем её полностью на следующий код:

Должно получиться так:

Итак, установка и удаление плагина осуществляется стандартным способом.

Установка

Расширения - Установить\Удалить - Файл пакета - Browse, выбираем пакет, устанавливаем

Удаление

Расширения - Установить\Удалить - Плагины - Отметить CustomEditorButton - Удалить

После установки, плагин необходимо включить в панели управления плагинами:

Расширения - Менеджер плагинов - CustomEditorButton
Включить - да

Параметры плагина

Вставляемый текст - Указываем нужный нам текст в моем случае код от Codecitation
Имя кнопки - Указываем имя кнопки

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

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

Создание меню в Joomla

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

Ранее мы создавали категории на транспортную тематику, перейдем в Материалы Менеджер категорий и посмотрим на названия наших категорий: Автомобили, Мотоциклы и Велосипеды.

Я продемонстрирую три способа как сделать меню в joomla.

Способ первый - блог категорий

Создадим первый пункт меню - Автомобили, в типе пункта меню выбираем Блог категории, выбор категории - Автомобили, целевое окно - Родитель, это значит, что открытие произойдет в той же вкладке, меню - Main Menu оставим как есть, родительский элемент - Корневой пункт меню, так как это первый элемент, он всегда будет на странице. Состояние - опубликовано, чтоб пункт меню отображался на сайте.

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

Повторим все действия как с Автомобилями для Мотоциклов и Велосипедов, и у нас созданы пункты меню по всем категориям.

Далее перейдем Расширения -> Менеджер модулей,

в списке модулей нажмем на название модуля Main Menu(главное меню) для внесения изменений,

а именно: позиция модуля Menu[menu], показывать подпункты меню - да,

состояние - опубликовано, сохранить и закрыть.

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

Поскольку мы создавали тип меню - блог категорий то при клике на пункт меню на странице будут отображаться все статьи из соответствующей категории: мотоциклы,

Способ второй - отдельный материал

Изменим пункт меню Мотоциклы, название исправим на Ява, очистим алиас "mototsikly" иначе это может привести к ошибке,

тип пункта меню установим материал, а сам материал выберем Ява.

Проделаем эту же процедуру для остальных пунктов меню,

перейдем на сайт и увидим,

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

Способ третий - выпадающее меню

Снова создадим пункт меню Мотоциклы, тип меню - системные ссылки - заголовок,

очищаем алиас (псевдоним) пункта меню,

сохраняем. Откроем материал Ява и в выпадающем блоке родительский элемент выбираем -Мотоциклы.

Теперь пункт меню Ява дочерний по отношению к родительскому пункту Мотоциклы.

Проделаем то же самое с Харлеем, указав родительским пунктом Мотоциклы, а к пунктам велосипеды и автомобили привяжем подобным образом соответствующие статьи.

Перейдём на сайт и увидим,

что наше меню стало похоже на меню из первого способа, но если навести курсор к названию меню,

то станут видны выпадающие - дочерние пункты, ведущие к статьям.

Конкретно на этом шаблоне раскрытие меню происходит при наведении курсора на заголовок меню,

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

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

В этом видео подробно показано как сделать меню в Joomla:

Рекомендуем смотреть видео в полноэкранном режиме, в настойках качества выбирайте 1080 HD, не забывайте подписываться на канал в YouTube, там Вы найдете много интересного видео, которое выходит достаточно часто. Приятного просмотра!

Читайте также: