Joomla добавить позицию модуля

Из этого туториала Вы узнаете, как добавить позицию модуля в шаблоне Joomla 3.x.

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

Войдите в вашу админ панель Joomla. Перейдите на вкладку Расширения (Extensions) > Менеджер шаблонов (Template Manager) > Шаблоны (Templates) > Параметры Theme#### (Theme#### Details and Files) (где #### — это номер шаблона):

Или подсоединитесь к вашему серверу используя FTP , или контрольную панель хостинга. Откройте папку /templates/theme####.

Редактируйте файл index.php. Откройте его в админ панели, или любом текстовом редакторе на компьютере.

Найдите код, используемый для позиции, после которой Вы хотите добавить позицию.

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

Замените your_new_position_title названием Вашей новой позиции модуля.

Теперь найдите файл templateDetails. xml и добавьте позицию модуля в него. Местонахождение файла аналогично: Расширения (Extensions) > Менеджер шаблонов (Template Manager) > Шаблоны (Templates) > Параметры Theme#### (Theme#### Details and Files) (где #### — это номер шаблона) в вашей админ панели (или папка /templates/theme#### на вашем сервере).

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

где your_new_position_title — это ваша новая позиция модуля.

Теперь войдите в админ панель Joomla, перейдите на вкладку Расширения (Extensions) > Менеджер модулей ( Module Manager) для того, чтобы добавить модуль в вашу новую позицию. Нажмите на кнопку Новый (New):

Выберите тип модуля. Введите содержимое модуля и выберите новую позицию из выпадающего списка Позиция (Position). Убедитесь, что модуль Опубликован (Published). Сохраните изменения и обновите ваш сайт:

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Вступление

Часто CMS Joomla называют сложной системой со сложным кодом и сложным построением шаблонов. Это на самом деле так и Joomla несколько сложнее WordPress, но значительно проще Drupal. Главное понять, какой файл за что «отвечает» и как их безопасно редактировать.

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

Постановка задачи

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

Вместо предисловия

  • Напомню, в Joomla 3 редактировать файлы шаблона можно на вкладке Расширения→Менеджер шаблонов→Шаблоны.
  • Для безопасного редактирования, редактируемый файл шаблона копируется, переносится в текстовой редактор и там редактируется. При этом оставляется первоначальная копия файла на случай неудачного редактирования.
  • И на всякий случай, любое редактирование кода нужно начинать, имея под рукой полную копию сайта.

Решение задачи, добавить свою позицию модуля в шаблон Joomla 3

Для редактирования нам нужны два файла рабочего шаблона: index.php и templateDetails.xml.

Идем в Расширения→Менеджер шаблонов. В столбце «Шаблоны» выбираем рабочий шаблон и жмем для редактирования.

На странице редактора ищем файл index.php– основной файл шаблона.

Выбираем место, куда хотим вставить пользовательский модуль, и вставляем строку:

Примечание: Как видите в строке не указано значение атрибута style. Это значит, что при создании модуля в меню «дополнительные параметры» вы можете указать любой стиль модуля из рабочего шаблона или из стилей system.

На фото вы видите, что я задал единственный стиль для этой позиции sidebar. Поэтому при создании модуля в дополнительных настройках указываем «унаследовано» или «sidebar» рабочего шаблона.

Далее открываем файл: templateDetails.xml.

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

Опять не забываем сохраняться.

В принципе все. Чистим кеш сайта, идем в менеджер модулей и создаем любой модуль в пользовательской позиции. Пользовательская позиция Custom-position появляется в списке позиций.

Добавляем две новые позиции для модулей

Для примера я создал еще одну позицию для модулей. Делаем все тоже самое, только позиции даем другое название, например custom-positionA. Эту позицию я вынес за формы добавления модулей и разместил ее сразу после закрывающего тега , чтобы позиция появилась сразу после заголовка сайта.

Теперь вы знаете, как добавить свою позицию модуля в шаблон Joomla 3

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

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

Добавление новой позиции для модулей

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

Редактирование index.php

Прежде всего, вам необходимо найти файл index.php, принадлежащий тому шаблону, в котором нужно добавить отдельное место для слайд-шоу. Если вы используете FTP доступ к каталогу сайта, то сможете найти его по адресу: yoursite/templates/yourtemplate/index.php.

Также, можно найти этот файл непосредственно в административной панели Joomla, выбрав его на странице редактора, находящегося по адресу: Расширения -> Менеджер шаблонов -> Шаблоны –> Параметры вашего шаблона.

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

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

Сохраните файл и перейдите на страницу предварительного просмотра, чтобы проверить, появилась ли новая позиция.

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

Откроется страница, на которой нужно включить опцию «Просмотр позиций модулей».

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

Редактирование templateDetails.xml

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

В файле templateDetails.xml вам нужно найти блок кода со строчками

и добавить туда следующее:

Теперь, когда вы будете публиковать любой модуль в панели администратора Joomla, вам будет доступна новая позиция «slideshow» для его размещения.

Добавление стилей

Еще одна вещь, которую вы можете сделать, добавить собственные стили для «slideshow». Найдите файл styles.css или template.css, находящийся по пути: yoursite/templates/yourtemplate/css/

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

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

Вывод

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


[an error occurred while processing the directive]
Карта сайта