Дочерняя тема WordPress

дочерняя тема

Всем привет.

Давно уже хотел написать статью, как создать дочернюю тему. Да все руки не доходили.

Сейчас когда создал Бизнес школу, когда стал обучать новичков созданию блогов и заработку на них, то пришлось вспомнить и о дочерней теме. Новичкам по ходу создания блога и дальнейшего его улучшения, придется волей не волей столкнуться с редактированием файлов.

Ну а если вы используете стандартную тему вордпресс, то они время от времени обновляются. При обновлении темы у вас пропадут все настройки, которые вы до этого в эту тему вносили. Для этого и нужна дочерняя тема, чтобы у вас ни чего не пропало. Думаю, что с этим все понятно.

В этой статье я подробно расскажу вам о создании дочерней темы, зачем она нужна.

 

Что это такое дочерняя тема

Дочерняя тема работает так же как и ваша основная тема и другие темы.
Одно лишь отличие,  она имеет Родительскую тему, от которой она наследует все её свойства и атрибуты. Она выглядит и работает так же, как и её родительская тема. Вы можете вносить в нее любые изменения. При этом в Родительской теме изменения происходить не будут.

 

Это очень полезно при изменении кодов. Перед тем как вносить какие то изменения в основную тему, вы перед этим потренируйтесь на дочерней теме. Если все будет работать отлично, тогда смело можно переносить изменения в основной шаблон. Также вы можете без опаски обновлять свою тему.

 

Как создать дочернюю тему

Как всегда, когда вы хотите внести какие то изменения на своем блоге, возьмите за правило делать бэкап блога. Первое — делаем бэкап блога. Далее определяемся с темой, которую вы хотите сделать родительской. Все определились. Тогда идем дальше.

 

1. Создаем папку дочерняя тема

Из админ панели мы дочернюю тему создать не сможем. Заходим в корневую папку вашей рабочей темы при помощи файлового менеджера FileZilla или через редактор Notepad++. Как зайти через редактор Notepad, читайте мою статью Блокнот Notepad вместо FileZilla. Я вам покажу оба способа.

 

Заходим с помощью редактора Notepad

Соединяемся с сервером и заходим в каталог своего блога. Нажмите на картинку.

 

открываем блокнот

 

соединяемся с сервером

 

 

заходим в каталог

 

Далее открываем папку public_html.

 

папка public

 

 

Открываем папку wp-content

 

wp-content

 

и заходим в папку themes.

тема

 

 

В этой директории создаем новую папку. Кликаем в любом месте правой кнопкой мыши и нажимаем создать каталог. Называем ее также как папку с темой, для которой вы создаете дочернюю тему.

 

дочерняя тема

 

С одним лишь дополнением. Смотрим пример: Я создаю дочернюю тему для темы blog-Aleksandra-Dolgich-1. Эту тему я создавал сам, по этому так и назвал. Новую вновь созданную папку я должен назвать blog-Aleksandra-Dolgich-1-child. Как видите я в конце добавил -child. После этого я открываю вновь созданную папку и в ней создаю новый файл.

 

файл стилей дочерняя тема

 

 

 

Создаем таблицу стилей дочерняя тема

Называем его style.css.

Файл стилей создали, кликаем два раза и файл открывается в левом окне блокнота

Теперь в этот файл вставляем следующий код.

дочерняя

 

 

/*
Theme Name: blog-Aleksandra-Dolgich-1-child
Description: A subsidiary theme for the theme blog-Aleksandra-Dolgich-1
Author: Aleksander Dolgich
Template: blog-Aleksandra-Dolgich-1
Version: 0.1
*/
/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */
/*стили для кнопок вверх/вниз*/
.arrow {
position: fixed;
width: 64px;
right: -10px;
bottom: 115px;
z-index: 10;
}
.arrow img {
opacity: 0.3;
}
.arrow img:hover{
cursor: pointer;
opacity: 1;
filter: alpha(opacity=100);
}
/* Отключение отображение кнопок на мобильных устройствах */
@media screen and (max-width:760px){
.arrow{display:none;}
}

 

в этом коде вы вставляете свои данные.

 

/* Theme Name: название вашей дочерней темы

Author:можете написать свое имя

Template:название вашей основной темы (родительской), пишем как написано в каталоге имя папки

версия любая

*/

 

Я так подробно расписал, разберется даже ребенок. Дальнейшие наши действия.

Теперь мы можем в дочернюю тему добавить любой файл шаблона и редактировать его. Теперь нужно создать файл functions.php. Об этом ниже.

 

Заходим с помощью файлового менеджера FileZilla

 

файловый менеджер

 

Процедура та же, что и при помощи блокнота Notepad. Я покажу при помощи скриншотов.

 

Настраиваем дочернюю тему

Мы с вами создали файл style.css где включили информацию, определив ее как тему. Следующим шагом мы должны убедиться, что наша дочерняя тема унаследовала стиль и функцию своего родителя.

Для этого добавляем файл functions.php, он позволит нам вставлять новые функции.

создаем файл дочерняя тема

 

По этому в этот файл мы должны добавить следующий сценарий

 

тема

 

add_action (‘wp_enqueue_scripts’, ‘enqueue_parent_styles’); function enqueue_parent_styles () { wp_enqueue_style (‘parent-style’, get_template_directory_uri (). ‘/style.css’); }

 

Все. Теперь наша новая тема готова и мы можем ее использовать по полной программе.

Да и еще когда вставляете в файлы коды, не забывайте все это дело сохранять.

Теперь все. Пока, пока.

Если вам что то будет не понятно, пишите в комментариях.

Понравилась статья? Поделись с друзьями:

   

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

почта
Мой магазин
moi magasin

Хостинг ХостиЯ

Мой канал

ютуб

Хотите иметь свой магазин и партнерскую программу?

скрипт

СКАЧАТЬ БЕСПЛАТНО

сайт создаем сами