Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
9. Електронен магазин с Wordpress

Най-важното от урока за дъщерна тема (Child Theme)

Ако искате да правите промени в дизайна или функционалността на вече съществуваща WordPress тема, най-добрият и сигурен начин е чрез създаване на дъщерна тема (Child Theme). Така вашите персонализации се запазват при бъдещи обновления на оригиналната тема, без риск да бъдат изгубени. Запомнете: винаги персонализирайте през дъщерна тема, ако ще променяте файлове на самата тема.

Стъпка по стъпка задача: Създаване на дъщерна тема в Wordpress 5

  1. Влезте на сървъра, където е инсталиран вашият WordPress сайт.
  2. Отидете в папката с темите, обикновено намираща се в wp-content/themes.
  3. Създайте нова папка с избрано от вас име за дъщерната тема (пример: "zdravets").
  4. Създайте нов файл с име style.css в тази папка, като използвате текстов редактор (напр. Notepad).
  5. Копирайте специален код (header) за child theme във файла. Примерен шаблон:

    css /* Theme Name: Zdravets Description: Дъщерна тема на ColorMag за сайта на Здравец. Author: Иван Цукев Template: colormag Version: 0 */

  • В полето Template въведете точното име на основната (родителска) тема (с главни и малки букви, както е името на папката, напр. "colormag").
    1. Запишете файла (Save as), като се уверите, че файлът се казва точно style.css.
    2. Презаредете (refresh) папката с теми и отворете администрацията на WordPress.
    3. Отидете на "Външен вид" ("Appearance") → "Теми" ("Themes"). Ще видите новата дъщерна тема. Активирайте я.
    4. Проверете сайта — всичко трябва да изглежда по същия начин, тъй като промени още не са правени по дъщерната тема.
    5. Ако желаете да коригирате допълнителни файлове (напр. шаблони от оригиналната тема), копирайте съответния файл от родителската тема (ColorMag) в същото място в дъщерната тема и го редактирайте там.
    6. По този начин WordPress винаги ще използва заместващия файл от дъщерната тема, като същевременно всички персонализации се запазват при ъпдейт на оригиналната тема.

Създаване на дъщерна тема стъпка по стъпка: Wordpress 6.5 (най-нова версия)

В WordPress 6 най-добрият начин да създадете дъщерна тема не се е променил съществено спрямо WordPress 5, но има няколко възможности за улеснение:

  • Горните стъпки с папките и файла style.css са валидни и за WordPress 6.
  • Ако използвате модерен редактор или плъгин за child theme (например "Child Theme Configurator"), процесът може да е още по-автоматизиран, но резултатът е същият.
  • В интерфейса на "Теми" ("Themes") в WordPress 6 няма съществена промяна — намирате дъщерната тема по същия начин.

Разлики и новости спрямо Wordpress 5:

  • В WordPress 6 се появяват теми с блоков редактор (Full Site Editing). Ако вашата родителска тема е block-based (например Twenty Twenty-Two или по-нова стандартна тема), може да се наложи да добавите и файл theme.json във вашата дъщерна тема за персонализации на стилове.
  • В някои ситуации (block-based теми) стиловете могат да се унаследяват по различен начин, но за класически теми като ColorMag стъпките остават идентични.

Често използвани команди и файлове при създаване на дъщерна тема

  • style.css – Основен файл с информация за темата. Задължителен за всяка тема.
  • Template: – Означава родителската тема, чиито файлове ще се наследяват. Името трябва да отговаря на папката на родителската тема.
  • functions.php – Ако искате да добавите PHP функции към дъщерната тема, добавете този файл в нея. Той се зарежда в допълнение към functions.php на родителската тема.

Още по темата за дъщерни теми в WordPress