TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як створити дитячу тему в WordPress?

3

Як випливає з назви, дочірня тема – це тема, яка успадковує функціональні можливості від батьківської теми. Це відображатиметься на інформаційній панелі адміністратора WordPress, як і будь -яка інша тема у розділі «Зовнішній вигляд> Теми». У цій статті ми обговоримо, які сценарії можуть знадобитися дочірній темі та як створити дочірню тему у WordPress, а також часто виникають проблеми з дочірніми темами.

Чому люди змінюють файли основних тем?

Більше 80% користувачів WordPress потребують налаштування своєї батьківської теми незалежно від того, чи батьківська тема вільно завантажується зі сховища WordPress або купується у сторонніх сервісах. В ідеалі теми комплектуються загальними функціями для задоволення більшої бази користувачів, а не для зосередження на конкретних потребах.

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

  • Щоб покращити можливості батьківської теми, вам може знадобитися додати функції або певні php -коди до будь -якого файлу основної теми, наприклад functions.php.
  • Щоб покращити можливості будь -якого з плагінів, встановлених на вашому сайті, вам може знадобитися змінити файли батьківських тем.
  • Іноді потрібні зміни файлу теми через конфлікт із такими функціями, як електронні листи, спільний доступ тощо.
  • Можливо, вам доведеться змінити макети своїх дописів або сторінок. Наприклад, замість того, щоб відображати дату публікації у статтях, ви можете показати дату останнього оновлення, яку потрібно змінити у файлі single.php вашої батьківської теми.
  • Створення власних типів публікацій, таксономій та будь -яких додаткових налаштувань.
  • Можливо, ви додаєте рекламні коди безпосередньо у шаблони php.

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

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

Навіщо вам дитяча тема?

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

Як створити дитячу тему в WordPress?

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

Створення локальної папки дочірніх тем

Ми пояснимо на прикладі теми «двадцять шістнадцять» WordPress як батьківську тему, і ми створимо дочірню тему під назвою «двадцять шістнадцять дочірніх» для зрозумілої мети. Хоча ви можете вказати будь-яке ім’я, префікс “-child" допоможе зрозуміти, що це дочірня тема, особливо якщо у вас багатокористувацьке середовище.

Перший крок-створити нову папку на своєму ПК або Mac і назвати її “twentysixteen-child”. Усередині папки створіть два простих текстових файли і назвіть їх “style.css” та “functions.php”. Ви також можете скопіювати ці два файли з батьківської теми двадцять шістнадцять і видалити вміст, щоб мати порожні файли. Структура папок на вашому ПК має виглядати так:

Як створити дитячу тему в WordPress?

Створення папки дочірньої теми локально

Створення файлу style.css для дочірньої теми

Створення таблиці стилів для дитячої теми

Другий крок – відкрити файл style.css і вставити такий код:

/* Theme Name:   Child Twenty Sixteen Theme URI:    http://www.yoursite.com/twenty-sixteen-child/ Description:  Twenty Sixteen Child Theme Author:       Your Name Author URI:   http://www.yoursite.com Template:     twentysixteen Version:      1.0.0 License:      GNU General Public License v2 or later License URI:  http://www.gnu.org/licenses/gpl-2.0.html Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain:  twenty-sixteen-child */

Замініть ваш сайт.com та ім’я автора своїми даними. Заповнювач "Шаблон" важливий для посилання на ім’я батьківської теми, для нашого прикладу ми використовуємо "twentysixteen" як шаблон.

Додавання в чергу батьківського стилю до дитячої теми

Третій і останній крок – зв’язати таблицю стилів батьківської теми зі своєю дочірньою темою. Метод імпорту, додавши “@import url (” ../ twentysixteen/style.css “);” до стилю вашої дочірньої теми style.css більше не є найкращим, і рекомендований спосіб – поставити батьківський стиль у стиль своєї дочірньої теми. Для цього додайте такий код у файл functions.php дочірньої теми:

<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'twentysixteen-css', get_template_directory_uri(). '/style.css' ); } ?>

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

Це воно!!! Ви створили дочірню тему, і наступним кроком є ​​її завантаження на ваш сайт.

Завантаження та активація дитячої теми

Заархівуйте папку "twentysixteen-child" на своєму ПК або Mac у файл .zip, оскільки тема WordPress має бути у стисненому форматі zip. Стиснутий zip -файл вашої дочірньої теми повинен мати style.css та functions.php, як створено вище. Тепер увійдіть на інформаційну панель адміністратора WordPress, перейдіть до «Зовнішній вигляд> Теми» та завантажте файл дочірньої теми «twentysixteen-child.zip». Після успішного завантаження дочірню тему можна побачити у «Вигляд> Теми», яку можна активувати, як і будь -які інші теми.

Як створити дитячу тему в WordPress?

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

Ви не можете знайти жодних відмінностей на сайті, оскільки дочірня тема також використовує стиль та шаблони батьківської теми.

Зміна батьківського стилю

Ось важлива потреба дочірньої теми для налаштування стилів та інших шаблонів батьківської теми. Будь -які визначення стилю у файлі style.css дочірньої теми замінять визначення на батьківській темі style.css. Наприклад, батьківська тема twentysixteen має колір фону тіла #1a1a1a, який можна змінити на #5a1c1c, просто додавши наступний код у стиль twentysixteen-child.css:

body {фон-колір: #5a1c1c;}

Не копіюйте та не вставляйте повний батьківський файл style.css у свою дочірню тему, лише додайте окремі селектори, які потрібно замінити на батьківську тему.

Додавання додаткових функцій

Подібно до стилів, ви також можете додати додаткові функції до функції child.php замість того, щоб змінювати файл батьківської теми. Різниця тут полягає в тому, що, якщо файл style.css дочірньої теми замінює стиль батьківського, будь -які функції, визначені у дочірній темі functions.php, завантажуватимуться ДОДАТКОВО до файлу батьківського function.php. В основному дочірні теми functions.php завантажуються перед батьківським файлом functions.php і допомагають вам додавати будь -які додаткові функції, які вам потрібні.

Зміна або додавання інших файлів шаблонів

Ви також можете змінити будь -які файли шаблонів батьківської теми, такі як header.php або single.php. Наприклад, якщо ви хочете змінити код PHP всередині single.php, додайте файл single.php у каталог вашої дочірньої теми та змініть код. WordPress буде ВИКОРИСТОВУВАТИ ФАЙЛ ШАБЛОНУ ДИТЯЧОЇ ТЕМИ замість файлу батьківської теми. Переконайтеся, що файли мають працювати з тією ж структурою каталогів, якщо ви хочете змінити файл loop.php, який знаходиться у розділі “twentysixteen/template-parts/content.php”, а потім створіть подібну структуру файлу для дочірньої теми, наприклад “twentysixteen- child/template-parts/content.php “.

WordPress спочатку перегляне каталог дочірньої теми, щоб використати файли шаблонів, а потім – файл батьківських тем, якщо його не знайдено. Це буде дуже корисно для додавання спеціальних шаблонів публікацій або сторінок для вашої теми. Наприклад, якщо ви хочете мати власний шаблон для демонстраційних публікацій, створіть шаблон з назвою “single-demo.php” і помістіть його у каталог дочірньої теми. Ви можете змінити файл “single-demo.php”, і WordPress буде використовувати цей шаблон (замість single.php з батьківської теми) під час завантаження демонстраційних повідомлень.

Загальні проблеми з дочірніми темами

Під час створення дочірньої теми для свого сайту ви можете зіткнутися з деякими проблемами, тому ми рекомендуємо не впадати у паніку і спробувати це на інсценувальному веб -сайті або на локальному хості, перш ніж розгортати його на живому веб -сайті. Ось деякі з проблем, з якими часто стикаються під час використання дочірньої теми на WordPress:

  • При активації дочірньої теми деякі речі, такі як меню, віджети бічної панелі та параметри теми, можуть зникнути. Можливо, вам доведеться зберегти або відтворити ці матеріали для вашої дочірньої теми.
  • Якщо ви бачите білий екран смерті, то ймовірними причинами можуть бути неправильні лапки. Спробуйте відредагувати файли за допомогою простих текстових редакторів, таких як Блокнот, або скопіюйте та вставте код із файлів батьківських шаблонів.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі