Оберіть свою мову

Joomla

Featured

Відеоурок про стилі та шаблони Joomla

 

Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).

Відеоурок

 

  • Різниця між шаблоном та стилем – 00:02:10.
  • Як встановити шаблон Joomla – 00:05:32.
  • Застосування стилів шаблону до сторінок – 00:07:12.
  • Створення декількох стилів – 00:09:10.
  • Налаштування стилю – 00:09:53.
  • Призначення меню – 00:10:50.
  • Як дізнатися позиції модулів у шаблоні – 00:11:21.
  • Файли шаблону – 00:12:35.
  • Редагування CSS-стилів шаблону Джумла – 00:13:45.
  • Видалення шаблону – 00:16:15.

Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти на моєму YouTube каналі.

Посилання з відео:

Визначення позиції шаблону – «?tp=1» (без лапок).

Шаблон Joomla – це розширення, яке відповідає за зовнішній вигляд сайту. По суті, це дизайн сайту. У шаблоні закладено, як відображатиметься кожен елемент сайту. Там закладені всі шрифти, кольори, макет (розташування різних елементів), відступи, тіні, градієнти, тощо. Оформлення зовнішнього вигляду сайту, його дизайн забезпечується за рахунок стилів (CSS). Є шаблони для адмінки (панелі управління) Joomla та для сайту (ту частину, яку бачать всі відвідувачі).

До більшості сучасних шаблонів також включена анімація розкриття меню, появи сторінок, тощо. У деяких платних шаблонах іноді закладають «додаткову функціональність»: кнопку прокручування догори сторінки, кнопки фоловінгу в соціальні мережі, Off-Canvas меню та таке інше. За великим рахунком, ці «доповнення» складно віднести до функціональності сайту з точки зору розробки, але для спрощення розуміння  вибираю саме це формулювання.

На жаль, один шаблон не може забезпечити однаково гарний зовнішній вигляд для будь-якого компонента або модуля Joomla, оскільки він має обмежену кількість стилів. Шаблон містить стилі для більшості вбудованих у саму Joomla розширень та для деяких специфічних, на які він розрахований. Наприклад, для VirtueMart.

Також у шаблоні передбачаються позиції для модулів. Багато сучасних шаблонів від популярних розробників містять безліч налаштувань шаблону, починаючи від зміни логотипу сайту і закінчуючи конструктором макета (позицій модулів). Наприклад, так зроблено в Dryad.

В уроці бере участь остання доступна мені, на момент написання статті (09.09.2023), версія Joomla 4.3.4 українською мовою.

Різниця між стилем та шаблоном Joomla

У розділі Система в області Керування є посилання на Шаблони сайтів та Стилі шаблонів сайту (рисунок нижче). Слід урахувати, що наведені нижче визначення шаблону та стилю можуть бути неточними, неповними та не охоплювати всі випадки.

Cтилі Джумла
Cтилі Джумла

Шаблон Joomla – це набір PHP, CSS, JS, PNG, SVG та інших файлів, що містять вихідний код дизайну сайту. Склад та кількість файлів залежить від кожного конкретного шаблону. Серед файлів шаблону може бути файл із налаштуваннями стилю Joomla. На сайті може бути один або декілька шаблонів. Один шаблон може мати один або кілька стилів. Як правило, із шаблоном працюють для зміни вихідного коду або його перевизначення.

Стиль Joomla – це набір налаштувань шаблонів Joomla (рисунок нижче). Налаштування можуть зберігатися в базі даних сайту або серед файлів шаблону. Якщо розробники шаблону передбачають якісь налаштування, вони знаходяться саме в стилях. Стилі можна прив'язати до пунктів меню. У різних пунктах меню можуть бути різні стилі, а може бути один. Як правило, з шаблоном працюють для зміни його налаштувань і для цього не потрібна навичка верстки або програмування, на відміну від випадків зміни вихідного коду шаблону.

Шаблони Joomla
Шаблони Joomla

Сподіваюся, що цей та інші відеоуроки з Joomla допомогли вам у роботі з даною CMS. Якщо у вас виникнуть запитання, задавайте їх у коментарях. У наступній статті ми поговоремо про групи користувачів та користувачів Joomla.

Автор статті – Хорошевський Олексій
Хорошевський Олексій

Кандидат технічних наук, викладач Харківського національного університету радіоелектроніки, веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом.
Надає послуги зі створення, доопрацювання, супроводу та просування сайтів. Докладніше про автора…

Соціальні мережі:

Публікації та робота:

Схожі матеріали

 

Корисні посилання:

Завантаження коментаря... Коментар буде оновлено через 00:00.
Напишіть коментар...
- символів залишилося.
або залишити коментар як гість