Създаване на дъщерна тема. Child Theme.

Уеб сайтове с Wordpress WordPress е страхотен инструмент – едновременно безплатен и безценен помощник в създаването на уеб сайтове. Лесен за инсталация и използване от всеки!

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Назад Алтернативен видео плеър
Напред
Създаването на дъщерна тема е всъщност един основен похват, който ви препоръчвам да правите, ако се налага да редактирате вашата тема.
 Ако не ви се налага да редактирате вашата тема и тя достатъчно гъвкава и с настройките на темата може да придобиете външния вид, който искате да имате.
 То тогава нямате нужда от това да правите, такава допълнителна тема.
 Но ако трябва да бъркате в темата основният проблем, е че при всяка актуализация, а те се актуализира доста често, вие ще губите промените си.
 Просто ще трябва да ги правите при всяка актуализация на темата.
 За целта се правят тези дъщерни теми или така наречените на английски "child teams".
 Този урок не е индивидуален до електронните магазини.
 Даже е малко като допълнение към този модул.
 Но се налага да се прави.
 Затова искам да го покажа в курса, за да имате пълната информация.
 И пак повтарям това е по техническа тема.
 Може да я прескочите ако ви се стори прекалено сложната.
 За целта отново трябва да влезна на сървъра.
 Първата стъпка е да влезна в папката с темите.
 И да си направя папка на моята нова тема.
 Новата тема ще се казва "Здравец".
 Създавам папката и влизам в нея.
 След което, трябва да създам един специален файл.
 Този специален файл има един текст, който има вътре.
 Понеже не го правя абсолютно всеки ден съм извадила едно ръководство, където пише точно как се прави тази дъщерна тема.
 Всъщност, трябва да направя един файл, който да има този текст.
 И съответно аз ще го редактирам.
 За целта аз ще създам един файл с "Notepad".
 Ще копирам текста.
 И ще напиша името на темата, която ще се казва Здравец.
 Избрал съм това ръководство, понеже е доста прилично.
 "aula.
bg".
 Описание.
 Дъщерна тема на "ColorMag" за сайта на "Здравец".
 Авторът ще бъде Иван Цукев.
 И примерно може да си сложа някакъв различен адрес или адреса на сайта.
 Сега тук е важно да напишем името на темата, от която ще взимаме основните елементи.
 Нека да погледна.
 "Colormag".
 Нашата версия ще бъде 1.
0.
0.
 И тук реално ще импортираме настройките от темата "Colormag".
 Затова трябва да променя този ред и този, защото са важни.
 Ще запиша файла.
 Като аз ще го запиша в тази директория тук.
 "Save As".
 И файла, трябва да се казва с едно специално име.
 "Style.
css".
 Това е задължително име.
 В темите на "WordPress".
 Ще обновя, за да се появи.
 Всичко е така.
 След което аз ще го копирам в моята папка.
 Всъщност ако видим "Colormag".
 Тук има много, много файлове.
 Но основния файл, който ние ще използваме е "Style.
css".
 И вече, когато сме направили папката, с този файл и отидем на темите.
 Ще видим, че имаме една тема Здравец.
 Подробности за темата.
 И виждаме това е дъщерна тема на "Colormag".
 Дъщерна тема на "Colormag" за сайта на Здравец.
 И това е нашата тема.
 Създадохме си тема.
 Включвам темата.
 И ако всичко съм направил, както трябва не би трябвало да има промени в сайта.
 Защото все още само сме активирали темата.
 Не сме правили никакви промени.
 И всичко изглежда окей.
 С изключение на тези страници тук, менютата.
 Ще трябва да ги оправим и другото, което трябва да направя е този файл, който създадохме "woocommerce", ще го премахна.
 И ще си го сложа в моята тема "Здравец".
 Сега това реално прави, че файла отново го има, но тази тема се наслагва над темата "Colormag".
 И тя няма да се актуализира, нищо няма да се прави.
 "Colormag" като има "update" и като им актуализации ще си се преправя всичко ще е окей.
 Но аз няма да загубя този файл.
 Нека да отворя.
 Да проверим сега магазина, все още всичко работи.
 Лентовото меню си е на мястото.
 Оттук нататък, вече нашата тема реално поддържа "woocommerce" и може да работим съвсем спокойно.
 Само трябва тук това меню да си го оправим.
 В допълнение към този урок.
 Ако ви се наложи да коригирате някой друг файл в темата.
 Това което правите е копирате си файл от оригиналната тема "Colormag".
 Примерно искаме да променим, някои от тези файлове.
 Копираме го в новата тема Здравец, редактираме го там и това което ще направи "WordPress" е че ще взима винаги файловете, ако са на еднакво място, в една и съща поддиректория и с едно и също име, ще взима винаги с приоритет файловете от дъщерната тема.
 Така реално, както казахме ние не пипаме основната тема.
 А всички модификации правим в дъщерната тема.

 

Линкове към урока

https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial

Въпроси и отговори

  • Какво се пише в CSS настройките на тема, в която има тази опция?

    инж. Димитрина Янева:

    В настройките на темата ColorMag в Design options има Custom CSS. Аз направих промените там. Ще се промени ли дизайна след актуализация на темата? Изпробвах и plugin за създаваме на Chaid тема, но после отново промените направих в Custom CSS. И двата варианта за сега работят, в единня случай е активна темата ColorMag, a в другия използвам chaid темата на Travelify, създадена с One-Click Child Theme. Грешно ли е това решение?

    Иван Цукев:

    Ако темата има Custom CSS не е необходимо да се добавя специален плътин са това.


    При актуализация на темата, няма да се загубят промените с CSS.

    Точно с тази цел е създадено това поле.

    Ако направим директно промените в style.css се губят промените при актуализация на темата.

    Ако направим промените в настройките на темата -> Custom CSS (или подобно име, зависи от темата) - НЕ се губят тези промени при актуализация на темата.
    инж. Димитрина Янева:

    Благодаря за отговора!

    Марина Лазарова:

    Защо се получава така?

    Марина Лазарова:

    Във файла с настройките е така:

    Марина Лазарова:

    Инсталацията ми е локална с Bitnami.

    Марина Лазарова:

    След промяна на думите на кирилица в css файла на латиница нещата се подобриха, но пак има нещо нередно.
    Другото, което ми направи впечатление и не виждам къде в настройките на темата може да се коригира е цвета на името на сайта, както и на категориите. Сега всичко е в синьо, а беше червено. Намирам само възможност за промяна на фона на сайта.

    Rumen Gotsev:

    Ако някой иска сериозно да се занимава със създаване на child themes, може да види цяла плейлиста - стъпка по стъпка за създаване на дъщерна тема на оригинална тема от Marian Heddesheimer. Аз го намерих преди година и това ми помогна да направя дъщерна тема на един сайт за мебели: http://nikimebel.com.

    Ето полезната връзка - как се създават дъщерни теми:

    https://www.youtube.com/watch?v=Pjsy-t6LQpE&list=PL1FruSV3YTZlHRODu69mUmzpxiDtS42wx&index=1

    Успех на всички.

    Тодор Пламенов:

    Марина, това се получава понеже енкодинга на .css файлът е в неправилен за браузъра формат (най-вероятно е в ANSI). Като отвориш .css файла с текстовия редактор (в клипа е с Notepad++) просто дай File -> Save As и долу на Encoding дай да бъде UTF-8 и опитай пак. Би трябвало да стане. Успех :)

  • Защо се губят настройки?

    Зорница Каракулева:
    Каква е всъщност причината, поради която се губят настройки, след като се копират стиловете от основната тема? И как можем да сме сигурни, че няма да се изгуби нещо съществено, ако се създаде дъщерна тема в по-късен етап от създаването на сайта?
    P.S. При мен, например, се изгуби и банерът за download на ел. книга в header-a.
    Мария Балева:

    Здравей, за съжаление никога не може да сме сигурни, че няма да се изгуби информация или настройка в сайта. Не е задължително да има загуба само при Child Theme-те, а дори при обновяване на темата или някои плъгин може да се изгубят настройки. За това най-сигурно е, да правим редовни бекъпи на сайта и да четем подробно документацията на темите.

    инж. Юлиан Ангелов:

    При мен се губеха, но не настройки, а части от кода на HTML, които в текстов режим бях остилявал или вмъквал мои си тагове за да постигна някакъв ефект. Работят, но ако премина от текстов в графичен режим понякога се губят.

  • Как да се направи Chaild тема с помощта на плъгин

    Асен Петров:

    https://www.youtube.com/watch?v=9l0du9I7p2M Може би ще е удобно да се представи и като урок на Български език.

    Лилия Ласкова:

    Благодарим ти за идеята, Асен. Ще имаме предвид предложението ти, като решим да добавяме нови уроци. :)

    Асен Петров:

    И аз благодаря предварително за проявения интерес.

  • Как да реша проблема с дъщерната тема?

    Мая Митева:

    Преди създаване на дъщерна тема Създаване на дъщерна тема След обновяване на темата Не се ли прави дъщерна тема точно с тази цел за да няма промени при обновление на темата. А това мешане на езиците не знам какво да го правя. Пробвах се да кирилизирам woocommerce с poeditq и с файла от https://translate.wordpress.org/projects/wp-plugins/woocommerce и пак нищо, половината е на български, другата половина е на английски. Защо става така? Пробвах и с други теми, но тази най ни пасва.

    инж. Тодор Тодоров:

    Явно не си направил правилно файла, който е нужен за тази цел. Виж дали името на файла се нарича style.css както дали си задал правилни стойности в кода

  • Защо Colormag и дъщерната тема не могат да бъдат включени едновременно?

    Polina Petkova:

    Здравейте, когато включа дъщерната тема Colormag се изключва автоматично. Защо?

    Иван Цукев:

    Дъщерната тема всъщност зарежда основната (в случая ColorMag) и добавя или модифицира нещо в нея.

    Така че реално Colormag е включен, когато се включи дъщерната тема.

Напред