Дъщерна тема в WordPress
Съдържание:
- Какво представлява дъщерната тема в WordPress и кога е подходящо да я използваме?
- Методи за създаване на дъщерна тема
- Как да създадем дъщерна тема в WordPress
Какво представлява дъщерната тема в WordPress и кога е подходящо да я използваме?
Дъщерната тема в WordPress наследява функционалности и стилове от вече инсталирана тема, наричана „родителска“. Макар че промените в темата могат да се извършват и без дъщерна тема, има няколко важни причини да изберете този подход:
- При актуализации на основната тема, дъщерната тема съхранява всички ваши промени в стила и функционалностите, предпазвайки ги от загуба.
- Ако възникне нежелана промяна в дизайна или функционалността, дъщерната тема позволява лесно възстановяване, без това да засяга настройките на основната тема.
Методи за създаване на дъщерна тема
Съществуват няколко метода за създаване на дъщерна тема. Въпреки че използването на плъгин е лесен вариант, ние препоръчваме ръчно създаване, за да избегнете натрупването на излишни плъгини в сайта си.
Как да създадем дъщерна тема в WordPress
Да преминем към същинската част — създаване на дъщерна тема. За тази цел ви е необходим достъп до файловата система на сайта чрез хостинг акаунта или чрез FTP клиент.
- Създаване на нова директория: Влезте в директорията
/wp-content/themes/и създайте нова папка с име на дъщерната тема. Добра практика е името на папката да наподобява това на родителската тема, като завършва с „-child“. Например, за темата „twentytwentyfour“, дъщерната папка би се казвала „twentytwentyfour-child“. - Създаване на файла style.css: В новосъздадената папка създайте файл
style.cssи добавете следния код:
/*
Theme Name: Twenty Twenty-Four Child
Theme URL: http://example.com/twenty-twenty-four-child/
Description: Twenty Twenty-Four Theme
Author: John Doe
Author URL: http://example.com
Template: twentytwentyfour
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentytwentyfour
*/Тези редове задават основна информация за дъщерната тема, която ще виждате в административния панел в секция Изглед (Appereance) » Теми (Themes).
В този файл можете да правите всички промени по стила на темата, без да се притеснявате, че ще се изгубят при ъпдейт.
Адаптиране на файла style.css: В този файл можете да добавяте стилистични промени на темата, без притеснение, че те ще се изгубят при бъдещи актуализации.
Създаване на файла functions.php: Създайте файл functions.php в директорията на дъщерната тема и поставете следния код:
<?php
function my_theme_enqueue_styles() {
$parent_style = 'twentytwentyfour-style'; // This is 'parent-style' for the Twenty Twenty-Four theme.
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' );Този код позволява на дъщерната тема да унаследи стилистичните файлове на родителската тема и ги зарежда в правилната последователност. Променливата $parent_style може да бъде персонализирана в зависимост от името на вашата родителска тема.
Добавяне на екранна снимка (по желание): Можете да добавите файл screenshot.png (с препоръчителен размер 1200х900 пиксела) в папката на дъщерната тема. Тази снимка ще се показва в секцията Изглед (Appereance) » Теми (Themes).
- Активиране на дъщерната тема: Последната стъпка е активирането на дъщерната тема от Изглед (Appereance) » Теми (Themes) в административната част на WordPress.
Сега вашата дъщерна тема е готова за използване, като можете свободно да добавяте нови функционалности и да променяте дизайна на сайта, без риск да изгубите тези промени при бъдещи обновления.
