Всем привет.
Давно уже хотел написать статью, дочерняя тема wordpress как сделать. Да все руки не доходили.
Сейчас когда создал Бизнес школу, когда стал обучать новичков созданию блогов и заработку на них, то пришлось вспомнить и о дочерней теме. Новичкам по ходу создания блога и дальнейшего его улучшения, придется волей не волей столкнуться с редактированием файлов.
Ну а если вы используете стандартную тему вордпресс, то они время от времени обновляются. При обновлении темы у вас пропадут все настройки, которые вы до этого в эту тему вносили. Для этого и нужна дочерняя тема, чтобы у вас ни чего не пропало. Думаю, что с этим все понятно.
В этой статье я подробно расскажу вам зачем нужна дочерняя тема wordpress и как ее сделать.
Что такое дочерняя тема в wordpress
Дочерняя тема работает так же как и ваша основная тема и другие темы.
Одно лишь отличие, она имеет Родительскую тему, от которой она наследует все её свойства и атрибуты. Она выглядит и работает так же, как и её родительская тема. Вы можете вносить в нее любые изменения. При этом в Родительской теме изменения происходить не будут.
Это очень полезно при изменении кодов. Перед тем как вносить какие то изменения в основную тему, вы перед этим потренируйтесь на дочерней теме. Если все будет работать отлично, тогда смело можно переносить изменения в основной шаблон. Также вы можете без опаски обновлять свою тему.
Дочерняя тема wordpress как сделать
Как всегда, когда вы хотите внести какие то изменения на своем блоге, возьмите за правило делать бэкап блога. Первое — делаем бэкап блога. Далее определяемся с темой, которую вы хотите сделать родительской. Все определились. Тогда идем дальше.
1. Создаем папку дочерняя тема
Из админ панели мы дочернюю тему создать не сможем. Заходим в корневую папку вашей рабочей темы при помощи файлового менеджера FileZilla или через редактор Notepad++. Как зайти через редактор Notepad, читайте мою статью Блокнот Notepad вместо FileZilla. Я вам покажу оба способа.
Заходим с помощью редактора Notepad
Соединяемся с сервером и заходим в каталог своего блога. Нажмите на картинку.
Далее открываем папку public_html.
Открываем папку 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, он позволит нам вставлять новые функции.
По этому в этот файл мы должны добавить следующий сценарий
Все. Теперь наша новая тема готова и мы можем ее использовать по полной программе.
Да и еще когда вставляете в файлы коды, не забывайте все это дело сохранять.
Теперь все. Пока, пока.
Если вам что то будет не понятно, пишите в комментариях.