Навигация
Реклама
Реклама

Правильное подключение стилей и JS плагинов в Joomla

Опубликовано: 11.04.2018

видео Правильное подключение стилей и JS плагинов в Joomla

Как подключить и использовать шрифтовые иконки Font Awesome

Всем привет! В прошлой статье я рассказывал о jQuery плагине модальных окон для сайта Magnific Popup. В статье я затронул подключение плагина к сайту, но в данной статье хочу показать, как правильно подключать стили, jQuery плагины и скрипты на Joomla (в том числе и инициализация плагинов). В комментариях к статье как-то интересовались этим вопросом и конкретно интересовала Joomla. Ну что ж, думаю этот вопрос многих заинтересует. В качестве примера подключения плагина возьму опять таки Magnific Popup. Все остальные плагины подключаются примерно также.



Структура статьи

Подключение стилей

Давайте сначала подключим файл стилей, т.к. сначала всегда подключаются стили, а потом уже скрипты на JS. Обычно файл стилей обзывают — style.css. Он может быть общим, также могут быть и дополнительные — меню (menu.css), адаптивная сетка (gride.css), типографика (typography.css) и т.д.


Как добавить javascript в Wordpress

Итак, для подключения стилей открываем главный файл вашего шаблона — index.php . Расположен он по адресу — « /templates/папка вашего шаблона/index.php «. Открываем данный файл любым текстовым редактором, а еще лучше редактором кода — Sublime, Notepad++ и др. и в начале документа выше кода «defined(‘_JEXEC’) or die;» вставляем следующий код:

$doc = JFactory::getDocument(); $baseUrl = JUri::base(); $doc->addStyleSheet($baseUrl.'templates/'.$this->template.'/css/style.css');

У меня файл стилей style.css лежит в папке «CSS». Проследите за тем, чтобы был указан именно правильный адрес до файла стилей. Обратите внимание в адресе вместо названия папки шаблона подставлен код «$this->template«. Данный код автоматически выводит название папки шаблона, т.е. если вы вдруг переименуете папку, то новое название папки  выведется автоматически.

#
Пользовательское соглашение | © 2016 Все права защищены.
rss