Оцените статью: 5 1 1 1 1 1 Рейтинг 5.00 (1 Оценка)

Как изменить оформление конкретного модуля на сайте Joomla? Для этого существуют Суффикс класса CSS (Module Class Suffix). Если Вы используете шаблон, то у Вас уже есть готовые настроенные оформления модулей. Посмотрим на примере. Если открыть demo-версию любого шаблона, то мы там обязательно найдем в меню вкладку Module Variations (или что-то подобное).

Как в Joomla изменить модуль?

На этой странице мы увидим все уже созданные стили оформления. Как их можно использовать? Просто. Заходим в админку, потом в менеджер модулей и открываем конкретный модуль, который хотим изменить. 

изменить модуль joomla

Слева в дополнительных параметрах видим поле Module Class Suffix в которое нужно вписать название класса.

как редактировать модуль joomla

Название создатели шаблонов пишут на демонстрационной странице.

редактировать модуль joomla

Копируем его и вставляем в наше поле.

модуль joomla

Теперь стиль нашего модуля преобразуется в соответствии с вышеуказанным примером.

Но что делать, если Вы хотите создать свой стиль или чуть-чуть преобразовать встроенный?

Для этого для начала находим файл со стилями модулей нашего шаблона.

joomla

Как правило, все модули берут общее оформление из класса table.moduletable:

  1. Оформление заголовка модуля - table.moduletable th.
  2. Оформление «тела»модуля - класс table.moduletable td.
  3. Оформление списков в модулях - table.moduletable ul.

Хотя в новых шаблонах уже не так.

В этом файле вы увидите что каждый стиль выделен комментариями в отдельные блоки (как правило совпадают с названием стиля на демо-странице). Выглядит очень наглядно, и разобраться несложно.

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

На этом все. Удачной реализации! 


Похожие статьи

Интересные статьи

Самые читаемые статьи



Рекомендуем хостинг

BeGet

 30 дней бесплатно!

Домены на .ru в подарок