Створення нового стилю модуля
Створення нового стилю модуля. 4.0 з 5 заснований на 3 голосах.
Стилі модуля визначають його форму і зовнішній вигляд. Наприклад, ви можете створювати різні стилі модуля, такі як червоний модуль, синій, з тінню, без without, і т.д. Стилі модуля визначені в файлі /layouts/module.php.
Якщо ви хочете додати нові стилі для модуля, ви можете перевизначити файл за умовчанням module.php. Просто скопіюйте файл /layouts/module.php в /styles/YOUR_STYLE/layouts/module.php.
Тепер давайте подивимося, як працює файл modules.php. Відкрийте його і подивіться на рядки приблизно від 50 до 75. Ось приклад:
визначення
Кожен випадок визначає стиль модуля. Давайте подивимося, що означає код:
Це ім'я стилю модуля. В Joomla ви можете завантажити модуль за допомогою суфікса класу модуля. Наприклад: style-line
Шаблони, що визначають HTML розмітку потрібну вам, щоб створити власний стиль модуля. Шаблони знаходяться в / warp / layouts / modules / templates.
Тут ми встановлюємо клас CSS для стилю модуля. Наприклад .mod-line
$ Style. = ($ Color). 'Mod-line -'. $ Color. '';
Якщо ви хочете створити колірні варіації вашого стилю модуля, вам потрібні додаткові класи CSS. Наприклад .mod-line-blue
Необов'язково і тільки для досвідчених користувачів. Якщо перше слово в заголовку модуля повинно бути в елементі span, з кольором в класі CSS, встановіть цей параметр в 1.
Необов'язково і тільки для досвідчених користувачів. Якщо заголовок модуля повинен підтримувати підзаголовки, використовуючи || техніку, встановіть цей параметр в 1.
$ Title_template = '
% s
';Визначає HTML розмітку для заголовка модуля.
Додати стиль для користувацького модуля
Необхідно зробити дві речі. Визначити новий стиль модуля в module.php і створити потрібні CSS стилі в modules.css. Отже, давайте почнемо і додамо обробник в module.php.
Наприклад, ми хочемо стиль модуля у вигляді боксу з шаблоном, який містить два елементи div:
Тепер давайте додамо трохи стилю CSS в module.css
От і все. Тепер ви можете завантажити ваш новий стиль модуля в Joomla за допомогою суфікса класу модуля style-box.
Для WordPress вам потрібно зробити ще одну дію. Відкрийте файл template.xml і додайте ваш новий стиль модуля в параметри style:
Як додати інший шаблон модуля?
Якщо ви хочете додати свій власний шаблон модуля, ви повинні додати файл шаблону в / layouts / modules / templates. Або, якщо ви використовуєте свій власний стиль, скопіювати цей файл в / styles / YOUR_STYLE / layouts / modules / templates. Ви можете використовувати шаблони за замовчуванням, що знаходяться в / warp / layouts / modules / templates як зразки.