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

Дочерние темы WordPress

Сегодня, поговорим на довольно интересную тему: Как создать дочернюю тему WordPress и для чего, собственно это нужно.

Дочерняя тема — вспомогательная тема, с помощью которой можно расширить опции другой темы.

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

Создание темы

Зайдите на хостинг в папку с вашими темами, например:

uznipc.com > public_html > wp-content > themes

Вы увидите список всех установленных тем сайта. Далее выберите ту, которая сейчас у вас активна и создайте папку со схожим названием, например, за основу возьмем тему twentyten и создадим дочернюю:

twentyten-dayafternight

дочерняя

Затем, создайте в дочерней папке темы файл style.css (именно с таким названием должен быть файл стилей).

Наполнение файла style.css

В созданном файле стилей (предположительно, что он чист) добавляем в самом верху:

/*
Theme Name:     Twenty Ten DayAfterNight
Theme URI:      http: //uznipc.com/
Description:    Дочерняя тема для Twenty Ten 
Author:         Сергей
Author URI:     http: //uznipc.com/author
Template:       twentyten
Version:        1.1.0
 */
@import url("../twentyten/style.css");
Theme Name: (обязательно) Название вашей создаваемой темы.
Theme URI: (не обязательно) Адрес сайта создаваемой темы.
Description: (не обязательно) Описание создаваемой темы. (Например, Моя новая темка twenty ten лучше всех!)
Author: (не обязательно) Личность автора создаваемой темы.
Author URI: (не обязательно) Сайт автора создаваемой темы.
Template: (обязательно) Название папки основной темы, регистр обязателен (TwentyTen и twentyten — разные значения).
Version: (не обязательно) Версия вашей создаваемой темы

@import url(«../twentyten/style.css»); (обязательно) Путь к файлу стилей родительской темы

На этом создание файла стилей для дочерней темы закончено. После подобных манипуляций в Админ-панели WordPress появится новая тема, которую можно активировать по пути: Админка > Внешний вид > Темы

child-theme-activation
(Кликабельно)

Если вы хотите внести какие-либо изменения в стили сайта — дописывайте свои значения ниже , после @import, они заменят значения родительской темы, например:

twentyten-child-code

В данном примере я изменил цвет заголовка статьи на красный и размер шрифта:

cvet-child-theme

 

Файл function.php

Также, вы можете добавить в созданный дочерний шаблон файл function.php

Файл function.php в дочерней теме не заменяет родительский, а загружается перед ним.

Например:
Сначала будет выполнен файл twentyten-dayafternight/function.php, а затем twentyten/function.php, что может повлечь за собой ошибку, если вы просто скопируете его. Поэтому в дочерней теме файл должен быть новым, с открывающим и закрывающим тегом php.

<?php
Ваши функции дочерней темы
?>

 

А по мере необходимости вы можете добавлять новые, ранее не использованные функции родительской темы.

Остальные файлы темы

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

Например, я хочу изменить подвал сайта (низ), хедер (верх) и полную страницу статьи, для этого нужно скопировать в дочернюю тему файлы: footer.php, header.php и single.php и изменить на свое усмотрение. В моем случае папка с дочерней темой будет содержать такие файлы:

file-child-theme-dayafternigh

screenshot.png — изображение, которое отображается в админке, в темах сайта.

Мы рассмотрели простой и надеюсь понятный метод создания дочерней темы WordPress. Если вы не найдете интересующий ответ,  делитесь своими предложениями в комментариях 🙂

 

0 0 голоса
Рейтинг статьи
8 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Елена
8 лет назад

Сергей, спасибо))) буду пробовать)))

Галина
8 лет назад

Почитала ваш блог, вы не сторонник плагинов. Я новичок в создании сайта на Вордпресс, вопрос такой, при обновлении Вордпресс изменения внесенные в файлы системы сохраняться или их нужно будет постоянно исправлять?

галина
галина
8 лет назад
Ответить на  Сергей

И что-же тогда делать, отключать обновление. я на джумле сижу и вордпресс для меня пока новая тема Ваш сайт хорошо работает быстро, может быть хостинг хороший. вы кстати как на шаред или впс и где хоститесь, я на русопухе но часто сайт бывает в отключке. короче все достало и джумла и хост, надо что-то сменить. 😕

Елена
6 лет назад

Серёжа, а я всё дочернюю тему сделать не могу))) почему то ни в какую не подключаются стили… причём делала, как у тебя написано, делала по другим рекомендациям (где не советуют использовать @import url) результат один и тот же — чистый html… что я не так делаю, никак не пойму)))

8
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
Send this to a friend