Почему вам никогда не следует настраивать 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 WоrdPress in the existing parent themе? What happens to your customizatіons when the theme you аre υsing 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

• Создание Child Theme в WordPress

• Как настроить свой собственный веб-сайт, похожий на Twitter, используя тему WordPress P2

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

• Как установить и настроить WordPress на Microsoft Azure

• Как бегать восколы быстро WordPress на Microsoft Azure

• 8 бесплатные темы Premium WordPress для установки

• Показать выдержку на главной странице WordPress blog

• Как найти логин администратора WordPress

• Как сделать WordPress Site Secure

• Как удалить вредоносное ПО с вашего сайта WordPress

• Squarespace против WordPress: какая платформа сайта лучше?

• Как защитить паролем страницы на вашем сайте WordPress

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

• Как использовать Lumen5, чтобы превратить сообщение в блоге в видео

• Как повысить производительность в WordPress с помощью очистки базы данных

• WordPress Jetpack: что это такое и стоит ли устанавливать?

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

• Как ускорить сайт WordPress за 11 шагов

• 11 лучших плагинов для подкастов WordPress

• WordPress показывает HTTP Error при загрузке изображений