В Joomla есть две возможности размещать модули непосредственно в статьях:
- loadposition позволяет публиковать все модули в определенной позиции.
- loadmodule позволяет публиковать только один конкретный модуль.
В этой статье мы рассмотрим, как разместить модули непосредственно в вашей статье. Вот что мы собираемся сделать:
- Мы возьмем два стандартных модуля: "Авторизация" и "Кто онлайн".
- Мы разместим их в одной статье.
- Используя стили, мы оформим их так, чтобы они вписывались в дизайн страницы.
Шаг 1. Убедитесь, что плагин включен
- Перейдите в раздел Расширения > Менеджер плагинов
- Используйте фильтр для поиска плагина Content - Load Modules.
- Убедитесь, что в колонке Статус отображен зеленый флажок. Если там красный круг, щелкните по нему и он станет зеленым.
Шаг 2: Создание статьи
- Создайте статью.
- Загрузите модуль авторизации, напечатав . Вы можете использовать этот синтаксис для загрузки любого модуля по имени.
- Загрузите модуль "Кто онлайн" по позиции, напечатав { loadposition whoonline }
Если в вашем шаблоне нет модуля с позицией whoonline, вы можете использовать любую другую позицию для модуля.
Для демонстрации мы создадим статью, где будет предложено зарегистрироваться на сайте, а также будет информация о том, сколько человек находится на сайте в данный момент.
Шаг 3. Просмотр страницы
Теперь статья выглядит следующим образом. У нас пока не отображается модуль "Кто онлайн", так как он еще не создан у нас. Давайте узнаем, как его создать.
Шаг 4. Создание модуля Кто онлайн
- Переходим в меню Расширения> Менеджер модулей> Новый
- Выбераем тип модуля "Кто онлайн" и настраиваем его.
- Дайте ему имя.
- Задайте ему позицию. Здесь мы будем использовать ту позицию, который мы указали в статье - whoonline. Вы можете использовать любую другую позицию. Только обратите внимание, чтобы на этой позиции больше не было других модулей, иначе они также появятся в статье.
- Сохраните изменения.
- Просмотрите статью. Наш только что опубликованный модуль теперь показывается в статье.
Шаг 5: Определение стилей для модулей
- Оба наши модуля в статье, но они еще не очень хорошо выглядят... Давайте расположим два модуля рядом друг с другом.
- Для написания inline-стилей переключите ваш редактор в режим просмотра кода.
Один изнаиболее простых способов разместить оба модуля рядом - это использовать теги div. Создадим общий контейнер, а внутри него поместим два блока. Внутри каждого из блоков пропишем соответствующий код.
<div id="div2" style="float: right; width: 350px; background-color: #00ff00;">
{ loadmodule mod_login }
</div>
<div id="div2" style="float: right; width: 350px; background-color: #00ff00;">
{ loadposition whoonline }
</div>
</div>
Так статья выглядит в визуальном редакторе.
Но на сайте она выглядит определенно лучше:
Если вы хорошо знаете CSS, вы можете использовать встроенные стили или классы из таблицы стилей шаблона, чтобы создать красивые модули, органично вписанные в дизайн сайта
Перевод статьи с www.ostraining.com
ВКонтакте
Комментарии
"напечатав {loadpostition whoonline}"