Какво е детска тема и защо е толкова важна?
В тази публикация ще ви дадем отговорите на тези въпроси и ще ви покажем стъпка по стъпка как да създадете и персонализирате собствената си детска тема с помощта на плъгини или код.
Ако желаете правете промени в темата на вашия WordPress сайт,вероятно сте виждали хора да ви казват да използвате детска тема.
Но какво е детска тема и защо детските теми са толкова важни?
В тази публикация ще ви дадем отговорите на тези въпроси, заедно с запознаване с детските теми и как те са идеални за вас.
След това ще ви покажем стъпка по стъпка как да създадете и персонализирате собствената си детска тема с помощта на плъгини или код.
Но ако никога не сте инсталирали WordPress, открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
И тогава нека се върнем към това, за което сме тук.
Какво е детска WordPress тема?
Детската тема не е самостоятелна тема. Това е „дете“ на съществуваща родителска тема, оттук и името.
Ще го инсталирате заедно с вашата родителска тема, но това ви дава шанс безопасно да направите промени в темата на родителя си, без да е необходимо да редактирате самата тема на родителя.
Детската тема ще получи най-много / всички свои дизайнерски настройки от родителската тема. В ситуации, в които променяте детската тема, тази промяна ще отмени настройките на родителската тема.
Предимства на детска тема
В този момент може би се чудите: защо не можете просто да направите промените си директно на родителската тема?
Основната причина не е добра идея е Актуализации на теми за WordPress.
Ако искате да запазите уебсайта си WordPress безопасен и функциониращ, трябва бързо да приложите актуализации, тъй като те излизат, включително актуализации на вашата WordPress тема.
Ако персонализирате уебсайта си, като директно променяте темата си (без детска тема), което означава, че ще презаписвате всичките си промени всеки път, когато актуализирате темата на WordPress.
Това означава, че вие:
- Актуализирайте темата си за WordPress и загубете работата си. Не е много забавно изживяване, нали?
- Не актуализирайте WordPress темата си, за да не загубите работата си ... за което не е добре сигурността и работата на вашия уебсайт WordPress.
С детска тема можете да направите всички свои промени в детската тема. Тогава ще можете да актуализирате родителската тема, без да губите нито една своя работа.
Освен, че ви помага да актуализирате безопасно, използването на детска тема също е обикновено удобно за извършване на персонализиране. Тъй като разделя всички ваши промени на едно място, е лесно да проследите всичките си промени и да ги промените според нуждите.
Освен това е лесно да отидете с главата надолу. Например, ако искате да спрете да използвате промените си и да се върнете към родителската тема, просто деактивирайте детската тема.
Някои WordPress теми дори използват този подход родител/дете по подразбиране. Например, ако искате да използвате рамката Genesis, ще ви е необходима както родителската тема (базовата рамка), така и дъщерна тема, за да контролирате дизайна.
Кога да използвате детска тема
Освен няколко изключения, които ще изброим по-долу, вие трябва Toujours използвайте детска тема, ако смятате да направите свои собствени модификации на съществуваща тема на WordPress.
Когато не е необходимо да използвате детска тема
По принцип използването на детска тема е добра практика винаги, когато персонализирате вашата WordPress тема.
Има обаче няколко изключения от правилото, при които може да има по-добър вариант от използването на детска тема.
Първо, ако просто искате да направите някои незначителни настройки на CSS, може да е излишно да създадете детска тема само за няколко ощипвания.
Вместо това можете да добавите персонализирания си CSS с помощта на функцията Допълнителен CSS интегриран в WordPress Customizer. Или можете да използвате безплатен плъгин за WordPress като Simple CSS.
Второ, ако правите някакви промени, които искате да бъдете независими, темата за деца може да не е най-добрият вариант.
Например, ако регистрирате персонализирана таксономия или a потребителски тип публикация, вероятно не искате да използвате файла functions.php на вашата детска тема (защото искате да ги запазите, дори ако промените темата). Вместо това трябва просто да добавите кода извън вашата тема с плъгин като Кодови фрагменти или собствен персонализиран плъгин.
Как да създадете детска тема на WordPress
Сега, след като знаете защо важните теми за деца, нека да разгледаме как всъщност можете да създадете детска тема за вашия уебсайт WordPress.
Първо, ако използвате Здравейте Елемент тема, вече създадохме детска тема за вас - не е нужно да го правите сами. Можеш вземете темата Hello Elementor за деца от WordPress.org, Можете да го инсталирате като всяка друга WordPress тема (също ще ви покажем как да инсталирате детска тема по-късно в тази публикация).
Ако използвате друга тема на WordPress, винаги си струва да погледнете бързо в Google, за да видите дали вашият разработчик на WordPress тема предоставя детска тема. Например Astra, GeneratePress и OceanWP имат инструменти / файлове, които да ви помогнат да изтеглите детска тема.
Ако вашата WordPress тема все още няма детска тема, можете да създадете детска тема за всяка тема на WordPress:
- Използвайте безплатен плъгин за генериране на детски теми за WordPress.
- Ръчно създайте своя собствена детска тема.
Ще ви покажем как да изпълните и двата метода.
Как да използвате приставка за тема WordPress за деца
Плъгин за генератор на детски теми ви позволява да създавате детска тема, без да напускате таблото за управление на WordPress.
Най-популярният вариант тук е безплатен плъгин за конфигуратор на тема за деца, която е активна в над 300.000 XNUMX уебсайта.
Конфигураторът на темите за деца не само ви помага да създавате файлове с детски теми, но също така ще анализира темата, която използвате, и таблиците със стилове на тема и шрифт, ако е необходимо.
Той включва и други полезни функции, ако се опитвате да създадете детска тема на уебсайт, където вече сте добавили съдържание. Например, той може да копира съществуващите ви джаджи и опции за персонализиране в темата за деца.
След като сте готови за архивиране, започнете с инсталирането и активирането на безплатния плъгин за конфигуратор на Child Theme от WordPress.org. След това отидете в менюто Инструменти → Теми за деца за да създадете детска тема.
В списъка Изберете едно падащо меню родителска тема, изберете темата, за която искате да създадете темата за вашето дете. След това кликнете върху Анализирам:
След това приставката ще анализира родителската тема за всякакви зависимости.
След като сте готови, ще видите още няколко опции, за да конфигурирате как да създадете детска тема. Ако не сте сигурни какво означава конкретна настройка, можете просто да я оставите по подразбиране:
След като сте готови да направите своя избор, щракнете върху бутона в долната част, за да за да създадете a нова детска тема.
И това е всичко ! След това приставката ще създаде детската тема за вас. Тя обаче няма да се активира стъпка тази детска тема.
За да го активирате:
- Алер à Външен вид → Теми.
- Визуализирайте как изглежда вашият уебсайт с тази детска тема (за да сте сигурни, че работи - ако уебсайтът ви изглежда странно, вероятно е заради проблем с CSS).
- Активирайте вашата детска тема, както бихте направили всяка друга тема на WordPress. Не забравяйте обаче да оставите инсталираната от вас тема за родители.
След като активирате вашата детска тема, плъгинът за темата за конфигуриране на деца предлага и други полезни инструменти, които да ви помогнат да управлявате детската тема. Например, ако отидете на раздела Файлове от настройките на приставката можете да преглеждате всички свързани файлове в родителска тема и тематика на детето.
След това можете да копирате файлове от родителската тема в детската тема.
Например, ако искате да направите някои промени в single.php, можете да копирате този файл в детската тема, за да можете спокойно да го редактирате:
Ще намерите и много други инструменти, които да ви помогнат да работите с CSS.
Ще обясним защо тези инструменти са полезни по-късно.
Как ръчно да създадете детска тема
В този раздел ще приемем, че знаете малко повече за PHP и CSS. Ако се чувствате претоварени с инструкциите тук, препоръчваме да използвате безплатния плъгин от предишния раздел.
За да създадете ръчно детска тема, трябва да създадете два файла (това са строгите минимуми за детска тема):
- style.css - в началото всичко, което трябва да добавите, е кода на плаката.
- functions.php - това ви позволява да заредите таблицата със стилове на родителската тема. Без него темата на вашето дете не би била в състояние да приложи CSS от темата на вашия родител, което прави уебсайта ви супер грозен!
style.css
Първо, създайте файл с име style.css и добавете следния код:
Първо, създайте файл с име style.css и добавете следния код:
/* Име на темата: Здравей Елементър Дете Тематичен URI: https://github.com/elementor/hello-theme/ Описание: Hello Elementor Child е детска тема на Hello Elementor, създадена от екипа на Elementor Автор: Елементски екип URI на автора: https://elementor.com/ Шаблон: здрав елемент Версия: 1.0.1 Текстов домейн: hello-elementor-child Лиценз: GNU General Public License v3 или по-нова версия. URI на лиценз: https://www.gnu.org/licenses/gpl-3.0.html */
Уверете се, че заменете всичко, което идва след дебелото черво, с действителната ви информация:
- Име на темата - име на детската тема.
- URI Тема - уебсайтът на вашата тема и нейната документация.
- Описание - кратко описание на темата.
- Автор - името на автора на темата.
- URI на автора: - уебсайтът на автора на темата.
- Шаблон - име на папката с родителска тема (както е посочена във вашата папка wp-content / themes). Това е най-важният ред; темата за вашето дете няма да работи без него.
- версия - номер на версията на детската тема.
- Текстово поле - това се използва за интернационализация. Можете просто да добавите "дете" в края на името на шаблона.
- Разрешително - оставете това по подразбиране.
- URI Лиценз - оставете това по подразбиране.
С изключение на реда Шаблон, всъщност няма значение какво въвеждате, така че не стресирайте твърде много. Просто се уверете, че сте въвели името на папката на родителската си тема правилно за шаблон.
Ако искате да добавите свои собствени персонализирани стилове в бъдеще, можете да го добавите към този лист със стилове под кода на boilplate.
functions.php
След това трябва да създадете файла functions.php за вашата детска тема. Отново това е, което ви позволява да заредите пълния CSS таблица за стилове на вашата родителска тема.
Във файла функции.php, добавете следния код:
<?php / * Функция за захващане на таблицата със стилове от родителската тема * / функция child_enqueue__parent_scripts () { wp_enqueue_style ('родител', get_template_directory_uri (). '/ style.css'); } добавяне ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');
Качете файлове на уебсайта на WordPress
След като имате вашите файлове style.css et functions.php, трябва да ги качите на вашия уебсайт WordPress като нова тема.
За да направите това, свържете се с вашия уебсайт WordPress с помощта на FTP.
След това отидете в темата директория на вашия уебсайт (wp-съдържание / теми)и създайте нова папка за темата на вашето дете.
Например, ако е папката на вашата родителска тема здравей-elementor, можете да назовете папката на детската тема здравей-eletor дете за да ви помогне да го запомните.
След това качете файла си style.css et functions.php вътре в тази папка:
След като изтеглите и двата файла, можете да отидете Външен вид → Теми и активирайте вашата детска тема, както бихте направили всяка друга тема на WordPress.
Как да инсталирате детска тема на WordPress
Посочихме някои от тези аспекти по-горе в Специфичните методи, но ще разгледаме как да инсталираме още една тема за деца WordPress.
Това също ще ви бъде полезно, ако сте изтеглили дъщерна тема от уебсайта на разработчика на вашата тема, вместо да я създавате сами.
Можете да инсталирате детска тема на WordPress точно както бихте искали всяка друга тема на WordPress:
- Достъп до Външен вид → Теми в таблото за управление на WordPress.
- Кликнете върху Добавете ново.
- Качете ZIP файла на детската тема.
По време на инсталационния процес WordPress открива, че изтегляте детска тема и проверява дали съществува родителската тема:
След като изтеглите файла, не забравяйте активирайте го.
Не забравяйте, че за да работи темата на вашето дете, трябва да инсталирате в това времетемата за родителите и темата за детето.
Темата за вашето дете трябва да бъде вашата активна тема, но все пак трябва да имате инсталирана тема за родители.
Ето как трябва да изглежда:
- Детската тема е активната тема
- Темата на родителя все още е инсталирана, но не е активна
Как да персонализирате детска тема
Точно както при персонализирането на обикновена WordPress тема, имате няколко опции за „персонализиране“ на детска тема.
За да бъдем по-точни, вие сте всъщност не персонализирате дъщерната тема - използвате дъщерната тема, за да персонализирате съществуващата (родителска) тема.
Първо ще ви покажем няколко начина да използвате кода, за да персонализирате темата на детето си. След това ще споделим по-лесен начин за персонализиране на нещата Elementor Builder на теми.
Персонализирайте детска тема с код
Ако искате да персонализирате темата на детето си с код, ще трябва да имате добри познания за CSS, HTML и PHP.
Ето някои от нещата, които можете да направите:
Добавете персонализиран CSS
За да персонализирате дъщерната си тема с CSS, можете да я добавите директно към файла style.css на вашата детска тема.
Добавете CSS под съществуващия код в горната част на файла.
Всеки CSS, който добавите към вашата детска тема, ще замени тази на вашата тема за родители, стига да използвате същите селектори.
Сменете съществуващите шаблони
Ако искате да замените шаблоните на родителската си тема, можете:
- Копирайте файла с шаблони от вашата родителска тема в детската тема.
- Редактирайте файла с шаблони в вашата детска тема.
Например, ако искате да промените единичен.php, първо копирате файла single.php от вашата родителска тема до детска тема (като се уверите, че поддържате същата структура).
След това можете да редактирате кода във версията на вашата детска тема single.php.
Забележка: WordPress ще използва шаблона на вашата детска тема, стига да има същото име. Поради това доста криете съществуващия шаблон в родителската тема.
Ако използвате приставката за детска тема за конфигуриране, която споменахме по-горе, тя може да ви помогне да копирате файлове в детската тема, без да напускате таблото си за WordPress.
Добавете нови шаблони
В допълнение към копирането и промяната на съществуващи шаблони от вашата родителска тема, можете също да създадете нови персонализирани шаблони в дъщерната тема.
Например, ако искате да създадете шаблон за персонализиран тип публикация, който сте добавили, можете да добавите тези шаблони във вашата дъщерна тема.
Персонализирайте детска тема с генератора на теми Elementor
Ако не сте запознати, Elementor Builder на темиви позволява да персонализирате част или цялата си тема на WordPress, използвайки визуален интерфейс.
С Elementor Pro и Builder на теми можете да създавате персонализирани шаблони за шаблоните на вашия уебсайт:
- удар с глава
- Footer
- Единична (например една публикация или страница в блога)
- Архиви (например страницата, в която са изброени всичките ви публикации в блога)
Тези шаблони ще работят както с детската тема, така и с родителската тема.
С Elementor Theme Builder няма да е необходимо да работите директно с код. Няма добавяне на персонализиран CSS или копиране на вашите PHP шаблонови файлове - правите всичко с плъзгане и пускане.
Например, да предположим, че искате да персонализирате заглавката за вашата детска тема. Вместо да се налага да копирате файла си header.php на вашата детска тема и след това да промените PHP, можете просто да проектирате ново заглавие, използвайки визуалния интерфейс и плъзгане и пускане на Elementor. След това можете да приложите това заглавие навсякъде на вашия уебсайт или само на конкретни части от вашия уебсайт.
Ако не сте запознати с CSS, HTML и PHP, този подход без код ви позволява да персонализирате детската си тема. И дори да го направите, този визуален подход все още може да ви спести много време, отколкото с PHP във вашите шаблони.
Когато създадете нов шаблон с Elementor Theme Builder, ще можете да изберете типа на шаблона. Например заглавка.
След това можете да започнете от празен лист или да изберете един от моделите на Elementor Pro:
Оттам можете да използвате опциите за плъзгане и пускане на страничната лента, за да контролирате външния вид на заглавката си:
След като сте готови, можете да изберете точно къде искате да използвате този шаблон на заглавката:
Как да изтриете детска тема на WordPress
Ако искате да спрете да използвате детската си тема, можете да я изключите точно както бихте направили с обикновена WordPress тема.
Това е :
- Алер à Външен вид → Теми.
- Активирайте друга тема. Или родителска тема, или съвсем нова тема на WordPress.
Не забравяйте, че ако изключите детската тема и се върнете към темата на вашия родител, всички промени, които сте добавили през темата на детето си, вече няма да има.
Вместо това ще се върнете към проектирането на вашата тема за родители.
Започнете да използвате детска тема WordPress
Детска тема ви помага безопасно да правите промени във вашата WordPress тема.
Темата на вашето дете ще наследи всичките му стилове от темата на вашия родител, но всички промени, които направите в темата за деца, ще отменят темата на родителя. Това означава, че можете безопасно да актуализирате темата на родителя си, без да губите никакви промени, които сте направили в детската тема.
За да започнете с детска тема на WordPress, можете:
- Проверете дали вашият разработчик на теми вече предлага детска тема. Ако използвате Hello Elementor, можете изтеглете детска тема за нея от GitHub.
- Използвайте безплатния плъгин за конфигуриране на тема за деца.
- Ръчно създайте темата на детето си.
Оттам можете да персонализирате темата на детето си с помощта на CSS, HTML и PHP. Можете също да пропуснете кода и да използвате Elementor Theme Builder, за да персонализирате темата си, използвайки визуален интерфейс за плъзгане и пускане.
Открийте също някои теми и премиум WordPress приставки
Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. AP таблици за ценообразуване
Таблицата за ценообразуване на AP е премиум WordPress плъгин, който ви позволява лесно да създавате ценови решетки, богати на функции и с интуитивен интерфейс. Той предлага 35 предварително дефинирани модела и неограничен брой опции.
С този лесен за използване WordPress плъгин, проектирането на зашеметяваща диаграма на цените само с няколко кликвания ще бъде много лесно. Тя ви позволява да създавате неограничени ценови мрежи, като предоставя възможност за добавяне на редове и колони, определяне на границата на колоните, пространството между колоните, ширината на колоните и много други.
Прочетете също Как да персонализирате бутона „Добавяне в кошницата“ на WooCommerce
Този плъгин също ви позволява добавете аудио съдържание, видео и Google Map.
Изтегляне| демонстрация | уеб хостинг
2.wp Page Builder
WordPress Page Builder е най-добрият конструктор за вашия уеб сайт на WordPress, който се предлага със страхотни инструменти за генериране на всякакви потребителски публикации, персонализирани таксономии или персонализирани метабокси.
Като функции той има, наред с други: персонализиран тип публикацияCPT, персонализирана таксономия, усъвършенствани персонализирани полета, функционалност за плъзгане и пускане, поддържано местоположение на Google Map, поддържани повтарящи се полета и много други.
Изтегляне | демонстрация | уеб хостинг
3. Rankie
Rankie е много удобен модул за WordPress, създаден с цел редовно да проверява класирането на WordPress в Google, като същевременно внимателно следи позицията на всяка ключова дума.
Като приставка за проследяване на класиране, Rankie ще актуализира ежедневно позициониране на ключови думи и ще генерира точни отчети.
Прочетете и нашето 6 редовни въпроси, свързани със SEO и пренасочвания
Той също така включва мощен изследователски инструмент, който генерира ценни списъци с ключови думи. Google вече го използва за изследвания.
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.
Заключение
Тук ! Това е всичко за този урок. Имате ли още въпроси относно полезността на детска тема в WordPress? Уведомете ни в раздел коментари и ще се опитаме да помогнем!
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Не се колебайте споделяйте с приятелите си в любимите си социални мрежи.
...