Створення дочірньої теми в WordPress
Різне / / November 28, 2021
Лише невелика кількість користувачів WordPress використовує дочірню тему, і це тому, що багато користувачів не знають, що таке дочірня тема чи створення дочірньої теми в WordPress. Що ж, більшість людей, які використовують WordPress, як правило, редагують або налаштовують свою тему, але вся ця настройка втрачається, коли ви оновлюєте свою тему, і ось тут приходить використання дочірньої теми. Коли ви використовуєте дочірню тему, усі ваші налаштування будуть збережені, і ви зможете легко оновити батьківську тему.
![Створення дочірньої теми в WordPress](/f/48de2e2c06f7555f225593fc32925200.png)
Зміст
- Створення дочірньої теми в WordPress
- Створення дочірньої теми з незміненої батьківської теми
Створення дочірньої теми в WordPress
Створення дочірньої теми з незміненої батьківської теми
Щоб створити дочірню тему в WordPress, вам потрібно увійти в свою cPanel і перейти до public_html потім wp-content/themes, де ви повинні створити нову папку для вашої дочірньої теми (наприклад /Twentysixteen-child/). Переконайтеся, що в імені каталогу дочірньої теми немає пробілів, які можуть призвести до помилок.
Рекомендовано: Ви також можете використовувати Плагін дитячої теми в один клік щоб створити дочірню тему (тільки з незміненої батьківської теми).
Тепер вам потрібно створити файл style.css для вашої дочірньої теми (усередині каталогу дочірньої теми, який ви щойно створили). Після того, як ви створили файл, просто скопіюйте та вставте наступний код (змініть деталі нижче відповідно до специфікацій вашої теми):
/* Назва теми: Twenty Sixteen Child Theme URI: http://example.com/twenty-sixteen-child/ Опис: Автор теми Twenty Sixteen Child: URI автора команди WordPress: http://example.com Шаблон: twentysixteen Версія: 1.3.0 Ліцензія: GNU General Public License v3 або новішої версії URI ліцензії: http://www.gnu.org/licenses/gpl-3.0.html. */
Примітка: Рядок Шаблон (Шаблон: twentysixteen) потрібно змінити відповідно до вашої поточної назви каталогу теми (батьківської теми, дочірню частину якої ми створюємо). Батьківською темою в нашому прикладі є тема Twenty Sixteen, тому шаблон буде twentysixteen.
Раніше @import використовувався для завантаження таблиці стилів з батьківської теми в дочірню, але зараз це не найкращий метод, оскільки він збільшує час для завантаження таблиці стилів. Замість використання @import найкраще використовувати функції PHP у файлі functions.php дочірньої теми для завантаження таблиці стилів.
Щоб використовувати файл functions.php, вам потрібно створити його в каталозі дочірньої теми. Використовуйте наступний код у файлі functions.php:
php. add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles'); function my_theme_enqueue_styles() { wp_enqueue_style( 'батьківський стиль', get_template_directory_uri(). '/style.css'); }
Наведений вище код працює, лише якщо ваша батьківська тема використовує лише один файл .css для зберігання всього коду CSS.
Якщо ваша дочірня тема style.css насправді містить код CSS (як це зазвичай буває), вам також потрібно буде поставити його в чергу:
php. function my_theme_enqueue_styles() { $parent_style = 'батьківський стиль'; // Це 'twentyfifteen-style' для теми Twenty Fifteen. wp_enqueue_style( $parent_style, get_template_directory_uri(). '/style.css'); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri(). '/style.css', array( $parent_style ), wp_get_theme()->get('Version') ); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles');
Настав час активувати свою дочірню тему, увійдіть до панелі адміністратора, потім перейдіть до Зовнішній вигляд > Теми та активуйте свою дочірню тему зі списку доступних тем.
Примітка: Після активації дочірньої теми може знадобитися повторно зберегти меню (Зовнішній вигляд > Меню) і параметри теми (включаючи фон і зображення заголовків).
Тепер, коли ви хочете внести зміни у свій style.css або functions.php, ви можете легко зробити це у своїй дочірній темі, не впливаючи на папку батьківської теми.
Створення дочірньої теми в WordPress з вашої батьківської теми, але більшість із вас уже налаштували свою тему, тоді вищевказаний метод вам зовсім не допоможе. У цьому випадку дізнайтеся, як оновити тему WordPress без втрати налаштування.
Якщо сподіваємося, що ця стаття була вам корисною, але якщо у вас все ще залишилися запитання щодо цього посібника, будь ласка, задавайте їх у коментарях.