Как в joomla сделать свою позицию

Как в joomla сделать свою позицию
Как в joomla сделать свою позицию
Как в joomla сделать свою позицию

Понравилось:
16
.
Не понравилось: 1

Недоступен ни один перевод.

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

Итак, что нам нужно:

Открыть сайт в браузере и определить место в текущем шаблоне сайта, куда мы хотим добавлять модули. Определить с помощью специальных инструментов разработчика - "ближайшее окружение" нашей будущей позиции, т.е. какие-нибудь элементы HTML-разметки, которые расположены близко к месту предполагаемого добавления новой позиции. Это поможет нам найти нужное место в коде шаблона, куда добавить код для новой позиции. Изменить индексный файл шаблона - обычно это файл index.php в корневом каталоге шаблона Изменить специальный файл с названием templateDetails.xml, который содержит описание всех доступных позиций в шаблоне Joomla

Итак, поехали. Открываем сайт в браузере и определяем визуально позицию, куда бы мы хотели добавить новый модуль. В моем примере, я хочу, чтобы в определенном месте сайта - вверху по центру - появился рекламный блок. Да простят меня мои читатели ;)

Определяем место будущей позиции

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

Устанавливаем плагин WebDeveloper в Chrome и определяем место в шаблоне, куда добавлять код позиции Joomla

Для решения этой задачи нам могут помочь специальные средства разработчика - плагины для популярных браузеров, предоставляющие различную информацию о странице сайта: структура дерева DOM, подключенные к сайту ресурсы, код JS-скриптов, и главное то, что нам понадобится - название элементов страницы, их классы и типы тегов. Лично я использую для цели исследования страницы браузер Chrome и установленный в него плагин WebDeveloper. Плагин содержит массу полезнейших функций. Его можно скачать и установить как любое другое расширение для Chrome в магазине расширений Chrome. После установки значок WebDeveloper появится в верхней панели справа от адресной строки в виде "шестеренки":

Нажимаем на значок и выбираем пункт "Display element information". Это позволит наводить курсор на элементы и области сайта и получать служебную информацию о коде, который их рисует. После этого действия курсор превращается в крестик и подсвечивает в виде красного прямоугольника каждую область страницы. Нас интересует центральная область сайта, наводим на неё и щелкаем левой кнопкой мыши. Тут же всплывает окно, в котором появится информация о данной области - на рисунке слева вверху:

Итак, по информации, полученной от WebDeveloper, мы узнали, что интересующая нас центральная область - это div#main_content. Это означет, что в коде нашего шаблона мы должны найти DIV-элемент с атрибутом id="main_content". Теперь дело за малым - найти этот блок и добавить нашу новую позицию в шаблон

Добавляем позицию в шаблон

После того, как мы поняли название интересующего HTML-элемента, нам будет довольно просто найти его во всей куче тегов в коде страницы шаблона. Что мы делаем дальше - это идем в тот каталог, куда установлен наш текущий шаблон Joomla. Кто не знает - это <каталог_установки_Joomla>/templates/<название_текущего_шаблона>. Открываем файл с названием index.php в редакторе или обычном Блокноте Windows.

Другой способ - для тех, кто работает с сайтом через хостинг и нет доступа к файловой системе - это зайти в панель администрирования сайта, выбрать пункт меню "Расширения" -> "Менеджер шаблонов". Далее выбрать текущий шаблон и в свойствах шаблона нажать кнопку "Редактировать HTML":

В любом из случаев откроется на редактирование индексный файл шаблона index.php. После этого мы находим тот самый DIV-блок, на который нам указал плагин WebDeveloper. У меня в коде заветный DIV-блок, перед которым я хочу вставить новую позицию шаблона, выглядит так:

Теперь добавляем перед блоком конструкцию следующего вида:

<div><jdoc:include type="modules" name="<желаемое_название_позиции_шаблона>" style="xmhtl" /></div>

В моем варианте я назвал новую позицию comp0 и вставил вот этот кусок:

<div><jdoc:include type="modules" name="comp0" style="xmhtl" /></div>

как показано на рисунке:

Вот и всё, позиция добавлена в шаблон, теперь осталось "рассказать" о ней Joomla. Для этого нужно добавить информацию о новой позиции в специальный файл templateDetails.xml. Он находится также в корневом каталоге шаблона. Нужно открыть его на редактирование (тут уже нужен будет доступ к файловой системе - если работаете через хостинг, то придется скачать файл по FTP, отредактировать и снова закачать на сервер). В файле находим элемент <positions> и внутрь него добавляем нашу новую позицию:

На этом всё! Теперь можем смело заходить в панель администрирования Joomla, выбирать любой модуль и устанавливать для него нашу, созданную своими руками, позицию! :)

 

А вот так теперь выглядит сайт с новой позицией и установленным в неё рекламным модулем:

 

 

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

 


Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию Как в joomla сделать свою позицию

Тоже читают:



Стенд в начальных классах своими руками

Женский журнал для вязания крючком

Прически на интимном месте мужчины

Вязание теплые шапочки для новорожденных крючком схемы

Вязание крючков с ушком рыболовных