Дочірні теми Wordpress
WP — це тема, яка успадковує функціональність батьківської теми. Використовуючи дочірні теми, ви можете змінювати дизайн і функціональність батьківської теми, не змінюючи батьківську тему. Це означає, що ви можете оновлювати батьківську тему, коли випускається нова версія, зберігаючи всі свої попередні зміни. Щоб створити дочірню тему, потрібно створити папку теми і помістити туди файл style.css з відповідною назвою.
Уявіть собі таку занудно просту ситуацію. Ви купили хорошу тему для WP з адаптивним дизайном, з безліччю сторінок, віджетів, шорткодів, налаштувань, тем тощо. Вам потрібно змінити колірну схему та додати пару візуальних ефектів. Є два способи вирішити поставлене завдання:
1 варіант: Відкрийте архів з готовою темою, усередині ви знайдете купу файлів. Вам доведеться розібратися у структурі цієї теми та визначити, які саме файли потрібно змінити.
2 варіант: використовуйте дочірню тему. Як саме це зробити, ми розглянемо згодом.
То що таке дочірні теми?
Дочірня тема WP запозичує свою функціональність у батьківської теми, дозволяючи при цьому вносити зміни в залежності від ваших уподобань. У разі батьківська тема — це ядро чи каркас, проте візуальні зміни робляться з дочірньою темою. Іншими словами, якщо нам потрібно змінити стиль теми, ми будемо працювати з файлом стилів, переписуючи характеристики та не торкаючись інших файлів.
Створити дочірню тему дуже просто. Створіть директорію, використовуючи FTP або будь-яку іншу програму керуючу файлами, що надається вашим хостингом, помістіть туди потрібним вам чином відредагований файл style.css, і ви отримаєте дочірнютему.
У дочірній темі у заголовку пишеться "Template: parent-theme-dir", щоб відрізнити її від самостійної теми. Маючи деякі знання про HTML і CSS, ви зможете створити просту дочірню тему, і на свій смак змінити дизайн і схему батьківської теми, не торкаючись файлів батьківської теми. Таким чином, коли ви оновлюєте батьківську тему, ваші налаштування залишаються незмінними.
Дочірня тема може перебувати в окремо створеній папці WordPress у wp-content/themes/. Назва може бути іншою, але папка повинна містити файл style.css — це єдиний файл, який необхідний для дочірньої теми.
Структура дочірніх тем
Єдиний файл, який потрібно буде внести зміни в дочірній темі — style.css. Вам необхідно буде змінити наступні рядки:
У цьому файлі всі поля будуть вам знайомі на попередні теми, які вам, можливо, доводилося раніше змінювати. Але погляньте на рядок "Template". Там потрібно вказати ім'я папки батьківського шаблону. Так ви вкажете дочірній темі, який із шаблонів є батьківським.
Потім у файлі style.css можна продублювати шаблон стилю, але краще використовувати команду @import:
На цьому етапі ми могли б зупинитися - найпростіша дочірня тема готова, все, що залишилося, - це змінити файл style.css. Але ми підемо далі та розглянемо, як працювати з функціями дочірньої теми.
Функції у дочірній темі
Функції будь-якої теми можна знайти у файлі functions.php. Використання functions.php у дочірній темі має свої особливості: файл functions.php дочірньої теми завантажується до файлу functions.php батьківської теми (на відміну, наприклад, від файлу style.css, який замінює цей файл батьківської теми). Щоб дізнатися, чи працюють функції, нам потрібнопереконатися, що вони прописані:
Інші файли теми
Якщо вам потрібно змінити структуру деяких елементів дочірньої теми (заголовок, нижні колонтитули, шаблони), зробити це досить просто. Файли дочірньої теми (single.php, page.php, …) так само, як і файл style.css домінують над файлами батьківської теми (файл index.php не домінує тільки у WP версії 3.0). Це дозволяє додавати шаблони, які не допускаються в батьківській темі (наприклад, сторінка карти сайту, або сторінка в одну колонку, або додавання/видалення шаблону батьківської теми).
Навіщо це потрібно?
Використання дочірньої теми досить поширене, оскільки це зручно та безпечно для налаштування готових тем. Ви не змінюєте батьківську тему, що дозволяє вам вчасно завантажувати оновлення батьківської теми, покращувати її та своєчасно усувати помилки.
Фреймворки WP
Час не стоїть на місці, а ось уподобання користувачів змінюються не дуже швидко. Ось список топових фреймворків на даний момент.
Genesis Theme Framework від StudioPress - відомий сервіс для користувачів, що пропонує понад 40 дочірніх тем. Завдяки такій величезній кількості доступних для скачування дочірніх тем і простому інтерфейсу це один з найпопулярніших фреймворків для розробників-початківців. Genesis пропонує вбудовану підтримку для SEO (пошукова оптимізація), віджети і вибір макета сторінок, безпека і саппорт. Незважаючи на те, що підтримка клієнтів і мануали користувача продумані добре, вийти за рамки того, що готові дочірні теми пропонують буде нелегко, оскільки документація для ручного налаштування в цьому фреймворку не передбачена.
ФреймворкCherry - це розробка користувача від команди TemplateMonster. Фреймворк Cherry – батьківська тема, тобто базова. Лінійка тем Cherry для WP, розроблена на базі цього фреймворку, вдосконалена до Bootstrap. Ви легко зможете змінювати зовнішній вигляд сторінок та редагувати їх елементи. У Bootstrap'a були запозичені CSS, файли Javascript, які дозволяють створювати сторінки, використовуючи сітку, шаблони, типографіку, таблиці, форми, навігацію, вікна, що спливають та інше. Крім того, наші розробники зробили цей фреймворк адаптивним та повністю сумісним з різними браузерами, що робить теми підходящими для всіх популярних браузерів, та макети сторінок робить адаптованими для всіх основних портативних пристроїв.
Фішки тем Cherry
Форма замовлення
Форма замовлення - вбудована фіча тем Cherry WP від TemplateMonster. Головна функція цієї форми – оформлення замовлення. За допомогою цієї форми можна оформити бронювання, прокат автомобілів, пошук няньок та інше. У цій формі замовлення є перевірка введених даних та фідбек, адміністратор сайту отримує лист із замовленням. Ось кілька скріншотів форм замовлення із деяких наших шаблонів.
Форма може бути налаштована в адмінці – ви можете вмикати та вимикати певні поля форми, редагувати текст тощо.
Оновлення фреймворку Cherry
Періодично наша команда розробників випускаєоновлення фреймворку Cherry. Як тільки оновлення готове, всім, хто встановив раніше тему WP від Cherry в адмінці, надходить повідомлення про необхідність оновити тему до останньої версії. Але пам'ятайте, що як тільки ви оновите тему, повернення до ранньої версії буде неможливим.