Основи правильного редагування шаблонів wordpress, cms і движки для сайтів

Невміле редагування шаблону Wordpress може привести до плачевних наслідків. Видалення навіть одного рядка з коду теми може зробити її повністю непрацездатною. Тому в цьому питанні потрібно розбиратися досконально.

Особливості шаблонів для Wordpress

Шаблони для будь-якого движка радикально відрізняються за своєю структурою від стандартних шаблонів, створених на основі css і html. Шаблони для Wordpress також називають темами. Завдяки їм можна легко і швидко поміняти зовнішній вигляд сайту. Також легко, як людині змінити сорочку:

До складу теми входить кілька основних груп файлів:

• CSS файли - як і в звичайному шаблоні, несуть в собі стильові опису всіх елементів;
• Шаблонні файли - кожен з них відповідає за виведення інформації в певній частині сайту. Дані шаблони мають розширення php;
• functions.php - файл додаткової функціональності, який реалізує інтеграцію теми в движок;
• Зображення - малюнки, які використовуються в якості фону.

Завдяки використанню шаблонів в Wordpress вдалося відокремити зовнішнє уявлення сайту від програмного коду. Тому вони ніяк не впливають один на одного, і їх версії можна оновлювати окремо.

• Поміняти колір меню;
• Встановити колір посилань;
• Вибрати один з варіантів структури сайту;
• Задати розташування меню;
• Встановити колір фону для контенту.

Список параметрів, доступних в «Theme Options», може бути різним для кожної з тем.

Створюємо нову сорочку для свого сайту

Створювати тему будемо крок за кроком:

Так ми даємо зрозуміти Wordpress. що це стильовий файл нової теми;

Зберігаємо файл в папці нашої теми. Тепер тут два файли, призначених для створення шаблону Wordpress:

На даному етапі нова тема вже видно через адмінку сайту в списку встановлених:

Якщо активувати тему, то у вікні браузера сайт буде виглядати ось так:

Як видно з прикладу, структура і стильове опис шаблону в Wordpress розділені. На практиці за виведення частин дизайну відповідають функції. При виклику такої функції відбувається генерація коду потрібного елемента сторінки за однойменним шаблоном.

За структуру підвалу відповідає шаблон footer.php.

Так що перед тим, як зробити шаблон для Wordpress. потрібно все це розуміти. Тепер розділимо html код файлу index.php за шаблонами. Для цього створюємо два файли: header.php і footer.php. Потім рознесемо по ним код однойменних частин сторінки.

Ось таким чином ми створили лише однієї сторінки шаблон для блогу.

Більш легкий спосіб

Створення тем для Wordpress вимагає хороших знань і практичного досвіду веб-програмування. Тому був розроблений цілий ряд програмних додатків, що дозволяють створювати унікальні теми навіть звичайним користувачам. Розглянемо їх на прикладі програми TemplateToaster.

Додаток доступний в платній і безкоштовній версії. Воно підтримує створення шаблонів для декількох популярних CMS. Також можна завантажити вже готові теми:

На жаль, в безкоштовної версії програми збереження теми поза зоною досяжності. Можливий лише її імпорт через ftp:

Але це не єдиний спосіб, як створити шаблон для Wordpress без спеціальних навичок. Ще це можна зробити за допомогою онлайн-генераторів тем. Їх інтерфейс багато в чому схожий з розглянутим вище додатком.

• lubith.com - ресурс має англомовний, але цілком зрозумілий інтерфейс. Для початку роботи потрібно пройти просту процедуру реєстрації. Сервіс дозволяє не тільки створювати, а й завантажувати розроблені шаблони:

• yvoschaap.com - цей генератор також страждає англомовних. Для початку роботи з ним не потрібна реєстрація. Підтримується створення шаблонів і їх скачування. Але інтерфейс трохи важкувато для сприйняття і має більш вузький набір параметрів для налаштування:

Який варіант створення шаблону вибрати?

Самостійне створення тем для людини, яка не наділеного відповідним досвідом і знаннями, може стати важким. Тому краще скористатися спеціалізованими сервісами або додатками. А отримані з цієї статті знання використовувати для редагування готових шаблонів Wordpress.