Налаштування тем WordPress із використанням дочірньої теми

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

Дивіться також:

• Як створити просту WordPress-тему на основі Twenty Eleven

Що таке дочірня тема?

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

Що вам знадобиться

Перш ніж ми почнемо редагувати файли, потрібно підготувати кілька речей. По-перше, вам знадобиться FTP-доступ до вашого WordPress сайту. Без живого WordPress сайту ви не зможете побачити зроблені вами зміни. Далі вам знадобиться текстовий редактор. І, нарешті, батьківська тема, наприклад, стандартна тема Двадцять дванадцятьяка поставляється з WordPress.

1. Створення дочірньої теми

Все, що вам потрібно, щоб створити тему-нащадок - одна папка і один файл. Перейдіть до папки WP-зміст / теми за допомогою вашого клієнта FTP. Ви побачите кілька папок, які названі відповідно до встановлених тем. Створіть нову папку та дайте їй відповідну назву, наприклад twentytwelve-child або parenttheme-child.

Перейдіть до папки та створіть CSS файл під назвою style.css, потім додайте до нього наступну інформацію, заповнивши поля своїми даними:

/*
Theme Name: Twenty Twelve Child
Theme URI: https://example.com/
Description: Child theme for the Twenty Twelve theme
Author: Your name here
Author URI: https://example.com/about/
Template: Folder name of the parent theme
Version: 0.1.0
*/

На завершення цього кроку ви отримуєте робочу дочірню тему.

2. Імпорт CSS від батьківської теми

Тепер, коли у вас є створена потрібна папка та файли, ми імпортуємо CSS батьківської теми. Додайте цей рядок коду у ваш CSS файл:

@import url(“../parenttheme/style.css”);

Цей код скаже вашій темі-нащадку успадкувати всі CSS властивості та налаштування, які зберігаються в CSS батьківської теми.

3. Активація дочірньої теми

Щоб активувати нову тему, просто зайдіть у консоль WordPress та знайдіть сторінку Зовнішній вигляд → Теми. Якщо ви виконували попередні кроки, ви повинні побачити вашу дочірню тему в списку тем для вибору.

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

4. Налаштування дочірньої теми

Ось де починається веселощі! :) Тепер, коли все готове, ми можемо розпочати зміни у батьківській темі. Як ми пояснили раніше, файли теми-нащадка перезапишуть файли, які зберігаються у папці батьківської теми. Отже, ми можемо створювати варіації батьківської теми без редагування файлів ядра. Вам потрібно не забувати про те, що у вас завжди має бути робоча версія вашої батьківської теми в папці з темами, а також стежити за тим, щоб ваш @import вказував на правильне місце.

Почніть вносити зміни до CSS і дивіться зміни на вашому сайті.

5. Використання functions.php

Якщо ви збираєтеся додати до вашої батьківської теми якісь функції WordPress, вам потрібно створити файл functions.php всередині папки вашої дочірньої теми. Додайте нові функції до нового файлу і вони будуть завантажуватися одночасно з функціями батьківської теми.

Файл functions.php у вашій дочірній темі не перезаписує цей файл у вашій батьківській темі, натомість вони обидва будуть завантажені. Якщо ви робите зміни безпосередньо у файлі functions.php ядра, вам доведеться робити ці зміни щоразу після оновлення. Використання файлу functions.php усередині вашої нової теми вирішить цю проблему.

6. Редагування PHP-файлів

Зміни в PHP файли вашої батьківської теми мають той же принцип, що редагування CSS. Будь-які файли всередині вашої теми-нащадка перезапишуть відповідні файли батьківської теми. Наприклад, якщо ви бажаєте відредагувати файл header.phpВам потрібно створити новий header.php у папці теми-нащадок і внести зміни до цього файлу. WordPress буде використовувати цей новий header.php замість версії із батьківської теми.

Також ви можете додати до вашої нової теми нові PHP-файли, яких не було в батьківській темі. Це дозволить створювати більше окремих сторінок та шаблонів, які потім можуть бути використані WordPress.

7. Відкат змін

Як тільки вам потрібно відкотити зроблені вами зміни, все, що вам потрібно зробити. активувати батьківську тему — і ви будете знову там, звідки починали. У цьому вся принадність використання дочірніх тем: ви можете створити кілька варіантів і легко перемикатися між ними, зберігаючи при цьому оригінальну тему.

Дочірні теми – відмінний та безпечний метод зміни вашої WordPress теми. Вони не тільки дозволяють вам експериментувати та вносити зміни без впливу на вашу батьківську тему, це також гарна практика для використання тем замість редагування файлів теми безпосередньо.

Джерело: WPLift.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/