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

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

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

Вивчаючи основи програмування та створення сайтів, початківці дизайнери сайтів замислюються над тим, як правильно створити тему. У статті розглянемо принципи верстки під 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.