Щоб змінити шаблон Joomla. тобто зовнішній вигляд сайту, потрібно вміти працювати з CSS і HTML. Розберемо як змінити CSS і відразу побачити зміни за допомогою Firebug, а також три розширення для роботи з CSS: JowWow CSS Loader, HD-Custom CSS, Advanced Template Manager.
Ви можете взяти на 30 днів тесту віртуальний хостинг за посиланням hostiq.com.ua
HTML зумовлює розмітку контенту, а CSS його візуальний вигляд. Коли йде мова про роботу над дизайном сайту Джумла, в першу чергу реь йде про зміну CSS шаблону Joomla. Для цього потрібно перейти в розширення, далі в менеджер шаблонів, вибрати необхідний шаблон і натиснути кнопку «Змінити».
Шаблон розташовується в папці templates. Зазвичай велика частина таблиць стилів лежать в папці css. Деяка частина файлів може бути винесена в окремі папки menu, іноді в blocks. У багатьох шаблонах реалізована можливість змінювати кольорову палітру сайту і шрифти прямо з публічної частини сайту. Але цього явно мало для того, щоб значно змінити сайту.
Спробуємо змінити CSS частини сайту в онлайн-режимі. Для цього будемо використання розширення Firebug. Це доповнення для Firefox, яке показує інформацію про CSS і HTML веб-сторінки. Встановлюємо Firebug, після клацаємо правою кнопкою миші на будь-якому елементі сторінки і натискаємо Inspect element with Firebug. Внизу екрана відкриється вікно. Зліва HTML, праворуч - CSS.
Прямо тут можна спробувати провести зміни. Розмір шрифту, сам шрифт, колір фону, що завгодно. Ці зміни відображаються тільки для вас. Так що веселитися можна скільки завгодно. Ті зміни, які вам дійсно потрібні, можна скопіювати і після внести їх в CSS файл шаблону.