Защо никога не трябва да персонализирате WordPress в съществуващата родителска тема? Какво се случва с вашите персонализации, когато темата, която използвате, се актуализира?

Отговорът е, че те са загубени и вашата упорита работа за създаване на вашия сайт според насоките и предпочитанията на вашата марка и съобщения също ще бъде загубена.

Дъщерната тема ви позволява да създадете отделна таблица със стилове на CSS^{(child theme enables you to create a separate CSS stylesheet)} и да добавите допълнителна функционалност, която няма да бъде загубена или засегната при актуализиране на родителската тема.

Това може да стане ръчно или чрез инсталиране на плъгин за създаване на детска тема. Нека започнем с ръчния процес.

Създайте нова директория^{(Create a New Directory)}

Започнете^(Start) със създаване на нова директория за вашата детска тема. Можете да използвате FTP клиент^{(FTP client)} или да получите достъп до вашата съществуваща директория wp-content/themes чрез вашия cPanel.

За да използвате cPanel, отидете на вашия хостинг контролен панел. Изберете файлов мениджър^{(file manager)} и отидете до директорията, където е инсталиран WordPress .

Това обикновено е в директория с име public_html . Намерете и отворете папката wp-content . Щракнете върху създаване на нова папка^{(create new folder)} и въведете име за вашата детска тема. Не забравяйте да му дадете име, което ще разпознаете по-късно. Добър пример е nameofparenttheme-child .

Не включвайте никакви интервали в името на файла си, за да избегнете грешки.

Поради вътрешна обработка, името на папката трябва да включва името на родителската тема (тема 'slug'), както е показано в примера по-долу.

Създайте CSS стилова таблица^{(Create a CSS Stylesheet)}

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

• Това е местоположението на стиловете, които влияят на това как изглежда вашият сайт.
• Основната таблица със стилове на дадена тема е мястото, където WordPress търси информация за темата.

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

Следователно, трябва да създадете нова таблица със стилове за вашата детска тема. Така че, следващата ви стъпка е да създадете текстов файл за CSS стиловата таблица, която ще дефинира правилата, които контролират външния вид на вашата детска тема.

След това CSS файлът на дъщерната тема ще има предимство пред родителската тема.

Трябва да включите следната информация във вашия текстов файл:

• Името на вашата тема.
• Името на директорията на родителската тема.
• Заглавие и описание, които имат смисъл.

Не забравяйте да включите в таблицата със стилове следния заглавен коментар в горната част на файла. WordPress ще прочете тази информация и ще разбере, че се използва дъщерна тема.

Искате да обърнете голямо внимание на маркера на шаблона. Той казва на WordPress каква е родителската тема на вашето дете. Имайте предвид, че папката, в която се намира вашата родителска тема, е чувствителна към малки и големи букви.

Технически, вече можете да активирате детската си тема. Въпреки това, ако искате да създадете по-сложна дъщерна тема, ще трябва да добавите персонализирани PHP функции.

Създайте файл functions.php в дъщерната тема (в същата директория като файла style.css , който сте направили). Тук трябва да се добавят неща като допълнителни формати за публикации.

Както при вашия CSS файл, промените или допълненията към вашия PHP файл автоматично ще бъдат обединени с или заменят функциите на родителя.

За неща като формати на публикации, които се добавят с add_theme_support() , те действат като заменящи вместо сливания.

Когато използвате add_theme_support() , трябва да предприемете някои допълнителни стъпки, за да гарантирате, че дъщерната тема отменя родителската.

Това може да стане сложно, така че вижте публикацията на Уилям Патън, водеща на екипа за преглед на теми на WordPress , ^{(WordPress Theme Review Team)}относно използването на формати за публикации в WordPress^{( post on using WordPress post formats)} . 

Добавете стилове и скриптове, за да замените функционалността на родителската тема^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Следващата ви стъпка е да се уверите, че вашата детска тема или наследява функциите и стиловете на родителската тема, или отразява новите, които искате да използвате.

Стиловете се използват за промяна на външния вид на вашия уебсайт. Скриптовете^(Scripts) подобряват функционалността. Начинът, по който стиловете и скриптовете се добавят към вашия WordPress сайт, е толкова важен, колкото и съдържанието на файловете.

Функцията за опашка на WordPress е как да постигнете това.

Подреждането в опашката се отнася до начина, по който стиловете и скриптовете се добавят към сайтовете на WordPress , така че да могат да повлияят на това, което потребителите виждат, когато посетят вашия сайт.

Използването на множество плъгини за постигане на същия резултат често води до проблеми със съвместимостта и неработещи сайтове.

Wp_enqueue не само подобрява производителността на вашия уебсайт чрез намаляване на разходите за приставки, но също така подобрява потребителското изживяване.

Как да използвате 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

За да изведете стиловете за вашата дъщерна тема, ще трябва да използвате функция, наречена wp_enqueue_style() .

Тази функция отнема няколко бита информация, но най-важното е името (или „ръкохватката“) и местоположението на файла.

Във файла functions.php добавете следния код.

Този код добавя стиловата таблица от родителската директория и след това добавя стиловата таблица за дъщерното, което създадохме по-рано. Обърнете внимание, че текстът в родителския стил^{(parent-style)} трябва да съвпада с името на родителската тема с добавен -style в края.

Активирайте вашата детска тема^{(Activate Your Child Theme)}

Ако сте създали файловете за вашата дъщерна тема на сървъра в папката wp-content/themes/yourthemename , тогава тя ще бъде достъпна във вашето табло за управление на WordPress , за да можете да активирате.

• Влезте в таблото си за управление.
• Отидете на Appearance > Themes .
• Вашата детска тема трябва да бъде посочена.
• Изберете Визуализация^(Preview) , за да видите как изглежда сайтът с новата дъщерна тема.
• След като сте доволни от това как изглежда, щракнете върху Активиране^{(Activate )} , за да го активирате.

Ако сте създали вашата дъщерна тема някъде другаде, освен на сървъра в папката wp-content/themes/yourthemename , тогава трябва да архивирате новата си папка с дъщерна тема.

• Влезте в таблото си за управление на WordPress.
• Отидете на Appearance > Themes .
• Щракнете върху Добавяне на ново^{(Add new)} .
• Изберете Качване на тема^{(Upload Theme)} .
• Плъзнете^(Drag) компресирания файл в новото поле, което се показва, или щракнете върху селектора на файлове и го прегледайте на вашия компютър.
• След като бъде качен, можете да го прегледате и след това да го активирате.

Добавяне на шаблонни файлове^{(Add Template Files)}

За да замените други шаблони, можете да ги копирате от родителската тема в дъщерната тема. Всички шаблонни файлове, които имат същото име в дъщерния като в родителския, действат като замени. След това коригирайте съдържанието на шаблоните според нуждите.

За да добавите нови шаблони^{(To add new templates)} , това е просто случай да създадете нов файл с правилното име и да добавите свое собствено съдържание. Горният раздел обяснява ръчния процес.

Сега нека разгледаме как да създаваме дъщерни теми с плъгин за WordPress .

Използвайте плъгин за WordPress^{(Use a WordPress Plugin)}

Влезте^(Log) в таблото си за управление на WordPress . Щракнете^(Click) върху Plugins > Add New . Търсене на детска тема.^{(child theme.)}

Първият плъгин, който ще видите, е Child Theme Configurator . Това е добър избор, както се вижда на екранната снимка по-горе, защото:

• Съвместим е с текущата версия на WP.
• Има много инсталации.
• Наскоро беше актуализиран.

Щракнете върху Install now > Activate . Следващата стъпка е да отидете до Инструменти^(Tools) и след това да изберете дъщерни теми.^{(child themes.)}

Намерете^(Find) и изберете вашата родителска тема от падащото меню. Изберете анализ^(analyze) , за ​​да се уверите, че вашата тема е подходяща за използване като дъщерна тема.

По-долу^(Below) е даден урок стъпка по стъпка за това как да настроите конфигуратора на детска тема^{(Child Theme Configurator)} . Ако решите да използвате различен плъгин за WordPress , можете лесно да намерите урок как да го настроите.

Както вече знаете, детските теми са различни теми, които разчитат на тяхната родителска тема за част от своята функционалност.

Когато използвате детска тема, WordPress ще търси детето преди родителя и ще следва стила и функционалността на детето, ако съществува.

Спестете си много време, проблеми и бъдещи главоболия, когато родителската тема се актуализира, като създадете дете, което няма да бъде засегнато от актуализацията.

How To Create a WordPress Child Theme

Why should you never customize WordPress in the existing parent theme? What happens to your customizations when the theme you are using is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Създаване на детска тема в WordPress

• Как да настроите свой собствен уебсайт, подобен на Twitter, като използвате тема P2 на WordPress

• Как да преместите WordPress сайт от един хост на друг

• Как да инсталирате и настроите WordPress на Microsoft Azure

• Как да стартирате невероятно бърз WordPress на Microsoft Azure

• Как да актуализирате PHP в WordPress

• Как да използвате Lumen5, за да превърнете публикацията си в блог във видео

• Покажете извадката на началната страница на блога на WordPress

• Как да архивирате вашия WordPress сайт

• Как да дублирате страница в WordPress

• Трябва да имате WordPress Yoast SEO настройки 2022

• Пренасочване на потребителите от 404 страница в WordPress

• 9 задължителни плъгини за нови инсталирания на WordPress

• Защитете и защитете уебсайта на WordPress от хакери

• Как да конфигурирате поверителност в WordPress и защо е важно

• Как да проследявате счупени връзки с Google Webmaster Tool

• Как да промените URL адреса си за вход в WordPress за по-добра сигурност

• Как да ускорите WordPress сайт в 11 стъпки

• Squarespace срещу WordPress: Коя е по-добрата платформа за сайт?

• Най-добрият формат за писане в блог, за да получите точките си