Joomla - багатофункціональна система управління сайтами (CMS), яка дозволяє виробляти практично будь-які налаштування ресурсу. За відображення елементів на сторінках сайту в даній CMS відповідає функція «Шаблони». Кожен з шаблонів може бути встановлений як автоматично, так і створений самостійно веб-майстром.
Вам знадобиться
- - навички використання HTML і CSS;
- - пакет будь-якого шаблону Joomla.
Інструкція
Перед створенням макета виберіть шаблон, який ви будете використовувати для написання власного коду. Це допоможе вам заощадити час і уникнути написання зайвих рядків коду, які є стандартними для Joomla і використовуються при установці будь-якої теми оформлення.
Скопіюйте шаблон в окрему папку і відкрийте файл templateDetails.xml в його кореневій директорії. У даному документі зберігається службова інформація, опис і назва макета. Змініть потрібні блоки на власний розсуд. Наприклад, ви можете відредагувати дескриптор , щоб змінити ім'я автора на ваше, вказати email, адресу домашньої сторінки. У рядку ви можете ввести назву для вашого майбутнього макета.
Перейдіть в блок редагованого файлу. Видаліть всі дескриптори, що входять до складу даного блоку, починаючи з debug і закінчуючи position 14 , залишивши після операції лише один
. Аналогічним чином видаліть рядки , і Language .
Після твори операцій збережіть зміни у файлі і видаліть папку language в директорії з файлами шаблону. Потім відкрийте файл index.php за допомогою використовуваного вами редактора і видаліть весь вміст, крім рядки:
defined ('_ JEXEC') or die-?>
Задайте папці з шаблоном будь-яке ім'я, а потім запакуйте її в архів, скориставшись програмою-архіватором, натиснувши на директорії вашого шаблону правою клавішею миші і вибравши «Створити архів ...». Створюваний файл повинен буде мати розширення .zip.
Перейдіть в панель адміністрування ресурсу і зайдіть у розділ «Шаблони». За допомогою операції установки імпортуйте тільки що зроблений архів і дочекайтеся повідомлення про успішну установку. Потім увімкніть отриманий шаблон, вибравши його в меню за замовчуванням.
Намалюйте приблизний дизайн для вашого майбутнього шаблону і відповідно до нього напишіть відповідний HTML-код у файлі index.php. Створюйте код, використовуючи деякі функції движка. Так, ви можете ввести команду для автоматичної підстановки стандартних заголовків Joomla:
Даний код включить всі необхідні теги в розділ
сторінки.Власний код каскадних таблиць ви можете вписати в template.css в одній з папок ресурсу. Після створення нового шаблону css, увімкніть його в файл index.php за допомогою baseurl1?> / templates /template-? rt- / css / template.css "type =" text / css ">.
Далі створіть розмітку сторінки за допомогою коду HTML. Для цього продовжуйте редагувати index.php відповідно до вашого заданих шаблоном. При необхідності додайте потрібні позиції в блок файлу templateDetails.xml, присвоївши відповідні ідентифікатори кожному з розділів вашого дизайну. Так, для завдання параметрів заголовка ви можете створити Head і включити цей параметр у файл index.php наступним чином:
Після створення нового заголовка head ви можете відредагувати його через вікно Joomla в менеджері модулів. Для цього зробіть нову публікацію і вставте необхідний текст і картинки, які будуть відображатися в заголовку. Проробіть таку ж операцію з усіма елементами створюваного вами інтерфейсу і збережіть всі зроблені зміни.