Домой Joomla уроки Modules Anywhere – как создать модуль в любой части страницы сайта

Modules Anywhere – как создать модуль в любой части страницы сайта

45

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

module-html

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

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

module-html-options

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

Теперь нам нужен плагин, который вставляет модули в сами статьи. Для этой цели существует расширение под названием Modules Anywhere. Скачать его можно по ссылке, указанной в самом конце статьи.

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

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

Пишем следующий код: module-p-code

Давайте поподробнее рассмотрим, что обозначает данный код.

Сначала мы с вами указываем на позицию модуля <p style="position: fixed; top: 20px; left: 65px;

что означает фиксированную позицию на странице, отступ сверху 20 пикселей, слева 65 пикселей. background-image: url('/images/image.png'); opacity: 0.9; width: 175px; border: solid 3px white;"> – фон изображения и ссылка на него, непрозрачность модуля, ширина, обводка белого цвета в 3 пикселя. И, наконец, встраивание самого модуля – 

 module (мой модуль)

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

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

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

module-inner-options

module-inner-settings

плагин