Як створити тему?

дивіться відео

Як створити тему?

Вивчаючи основи програмування і створення сайтів,початківці дизайнери сайтів замислюються над тим, як правильно створити тему. У статті розглянемо принципи верстки під CMS, а саме - як створити тему в Wordpress, тому що вона є популярною CMS.

Створення теми в Wordpress

Якщо ви хочете зробити тему для даної CMS, необхідно слідувати інструкції:

1. Спочатку необхідно зробити макети Photoshop. Для цього використовуйте GlossyBlue.
2. Таким чином, у вас з'явився PSD-дизайн, зробіть HTML- і CSS-шаблони на кожну сторінку. HTML скористайтеся для спрощення розробки - залишиться тільки додавати код Wordpress.
3. Сторінки Wordpress формуються при застосуванні шаблонних файлів php (index.php, header.php, sidebar.php, footer.php).
4. Тепер необхідно скопіювати розділ HTML з GlossyBlue в директорію wp-content. В розділ glossyblue скопіюйте searchform.php і comments.php.
5. Перейдіть в файл index.html. Виріжте ділянку коду зверху до тексту «! - / header / -» і вставте його в новий php-файл, зберігши його як header.php. Перейшовши в розділ default, відкрийте header.php. Змініть теги там, де вимагає код php.
6. Виріжте код файлу index.html з «form id = searchform» до «div id = sidebar», вставте в новий файл, зберігши його під ім'ям sidebar.php
7. Знову відкрийте index.html. Виріжте код від «div id = footer» до «/ html» і вставте в новий footer.php.
8. У index.html буде 1 рядок «div id = content». Додайте код get_header, get_sidebar, get_footer.
9. Зайдіть в розділ default, де перейдіть в index.php. Необхідно скопіювати цикл стандартного index.php в ваш файл між «div id = content» і «/ div».

Перейдіть в панель адміністратора, відкрийте «design», зробіть активною тему glossyblue, поверніться в головну область шаблону. На цьому створення теми завершено.

Створення теми в joomla

1. Створіть директорію (назва повинна збігатися змайбутнім шаблоном). У ній зробіть 3 файлу index.php, templateDetails.xml і файл стилів. В одній папці обов'язково повинен бути порожній створений index.html.
2. Необхідно створити папку html, в якій повинні знаходитися макети та інші частини сайту.
3. Index.php - головний файл теми. У ньому другий і третій рядки вказують на тип документа для оглядачів Інтернет. У п'ятому рядку підключається функція joomla, яка заповнює дані в голові сайту. Вона строго необхідна! 6-8 рядки обов'язкові для стилістики сайту. Дванадцята рядок потрібна для виведення тексту сторінки.
4. Для додавання нових позицій в тему використовуйтеблок body.Ви можете додавати шапки, колонки і footer. Коли ви встановите шаблон, ці дані будуть доступні в виборі позицій модуля в адміністративній панелі joomla.

Якщо ви хочете дізнатися більше про створення тем для Windows, читайте статтю Як створити тему для Windows.