Как да създадем Divi Child тема ?

19 окт. 2024

l

K.Ignatov

AaBb

В този пост ще разберем как може да създадем собствена Child тема

Линк за сваляне на Child темата за Divi

Какво представлява Child тема на Divi и защо бихте искали да създадете такава?

Child тема е WordPress тема, която наследява функционалността и стила на родителската тема, което Ви дава възможност да правите промени в тази тема, без да променяте основната.

Можете да я стилизирате с персонализирани CSS снипети, да добавяте кратки кодове и JavaScript, както и собствен PHP код. Може да се създаде Child тема за всяка WordPress тема, включително Divi и други.

Инсталирането на Child тема се извършва като при стандартна тема, но тя използва основните функции от родителската тема. За да работи Child темата, основната тема трябва да бъде инсталирана. Child теми могат също да добавят страници, менюта и да интегрират или инсталират приставки.

Не се нуждаете от Child тема на Divi, ако:

  • Планирате да правите само малки CSS персонализации в Divi Builder или Theme Customizer.
  • Нямате намерение да извършвате значителни промени.
  • Искате да добавите скриптове като Google Analytics, Facebook Pixels или кодове за проследяване – това може лесно да се направи през секцията за интеграции в опциите на темата Divi.

Ще ви е необходима Child тема на Divi, ако:

  • Планирате да правите значителни промени с CSS/HTML/PHP.
  • Искате да модифицирате или добавите код към основните файлове на темата, като например header.php.
  • Желаете да добавите персонализирани функции към файла functions.php за разширяване на функционалността.

Предимства от използването на детска тема в Divi:

  1. Запазване на персонализациите: Child тема е ключова за защитата на вашите персонализации. Без нея, всички промени, направени директно в основната тема (Divi), ще се загубят при нейното обновяване. С детска тема, стиловете, функциите и промените в шаблоните остават непокътнати, дори след актуализация на основната тема.
  2. Гъвкавост в дизайна: Child тема Ви предоставя свобода в дизайна. Можете да правите малки корекции като промяна на външния вид на модул или оформление на страница, без да се тревожите, че ще повлияете на оригиналната тема Divi. Това ви позволява да експериментирате с различни кодове без риск.
  3. Лесно отстраняване на неизправности: Поставянето на персонализираните кодове в детската тема улеснява намирането на проблеми. Така лесно можете да установите дали проблемът идва от ваша промяна или от първоначалната тема, спестявайки време при диагностика и отстраняване на грешки.

Нека да започнем със създаването на нашата Child тема.

Създайте нова папка divichildtheme

С помоща на текстов редактор като Notepad++ създайте нов файл и го преименувайте на style.css

creatcss

stylecssfile

И в този style.css файл добавяте следните редове. Ако желате може да смените имената с Вашите и т.н.

/*

Theme Name: Divi Child Theme

Theme URI: https://ignatovdesigns.com

Description: Divi Child Theme

Author: Krasimir Ignatov

Author URI: https://ignatovdesigns.com

Template: Divi

Version: 1.0.0

*/

 

/* –––– Place your custom CSS below this line –––––– */

addcss

Име на тема (задължително) – уверете се, че избирате уникално име, което не се използва в WordPress хранилището или други пазари. WordPress не прави разлика между темите. Ако използвате същото име като друга тема на WordPress, системата ще се опита да актуализира вашата детска тема при обновяване на другата тема.

Останалите полета не са задължителни.

Създавате втори файл чрез текстовия радактор и го преименувате на functions.php

function

В този файл добавяте следния снипед

<?php
function divi__child_theme_enqueue_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
add_action( ‘wp_enqueue_scripts’, ‘divi__child_theme_enqueue_styles’ );
//you can add custom functions below this line:

func

И накрая създаваме къстъм thumbnail който не е задължителен. Препоръчителен размер – 880×660px. Също нещо много важно – името на файла трябва да е screenshot.png/jpg!

Divi Child Theme Basic

Като последна стъпка трите файла които сте създали ги маркирате и създавате (style.css / function.php и thumbnail/screenshot) .zip файл.

Линк за сваляне на Child темата за Divi

Untitled

addarchive

monperatoto

kampungbet

monperatoto

Written by K.Ignatov

Игнатов Дизайн | Изработка на сайтове гр. Русе
Преглед на поверителността

Този уебсайт използва "бисквитки", за да можем да ви предоставим възможно най-доброто потребителско изживяване. Информацията за бисквитките се съхранява в браузъра ви и изпълнява функции като разпознаване, когато се връщате на нашия уебсайт, и помага на екипа ни да разбере кои раздели на уебсайта намирате за най-интересни и полезни.