Игры в дочки-матери, или Дочерние темы WordPress — что это и зачем нам нужно?

Господа и дамы, приятно вас вновь видеть на моем блоге! Я немного выбилась из привычного довольно частого графика написания статей, а все потому, что слишком рьяно последовала собственному совету — учиться! 🙂 Зато сегодня с полным правом могу поделиться результатами своих изысканий!

Ах, ну конечно, я опять начала не с того! Ну тогда попробую еще раз…

Вот ответьте мне, часто ли обновляется ваш шаблон wordpress? А вы соглашаетесь на его навязчивые просьбы обновиться? Думаю, если у вас в файлы шаблоны внесено много правок и вставок, то мысль о том, что после обновления все ваши труды пойдут прахом, вас не особенно вдохновляет заняться обновлением темы блога, верно?

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

Есть еще один «замечательный» вариант — сохранить полностью папку со «старым» шаблоном, а после обновления методично и скрупулезно проверять каждую строчку на изменения… Скажу сразу, что у меня бы терпения точно не хватило!

Собственно, заинтересовалась я этим вопросом потому, что мой любимый шаблон Admired, установленный на этот блоге, давно и ненавязчиво предлагает мне обновиться до новой версии. Но я, руководствуясь как раз соображением об утере всех правок, постоянно оттягивала этот неприятный момент, хотя понимала, что рано или поздно обновляться придется, хотя бы из соображений безопасности. И если вновь поставить счетчик в футер и кнопки соц.сетей в single.php — это не такая уж и проблема, то вот вновь вносить правки в файл style.css — это выше моих сил (у меня там свыше трех тысяч строк!).

К счастью, решение этой проблемы нашла я очень быстро, и имя ему — дочерняя тема WordPress!

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

Дочерние темы WordPress — это возможность легко и просто изменять шаблон под себя, не внося прямых изменений в его файлы. Как так, спросите вы?

Принцип работы дочерних тем очень прост: достаточно создать в каталоге с темами вашего блога новую папку, назвав ее как-нибудь так, чтобы было понятно, что она является дочерней по отношению к вашей основной, в нее положить файл style.css, в заголовке которого специальным образом указать, что это файл дочерней темы (как, покажу чуть позже) — причем сам файл может быть пустым, к нему все в том же заголовке можно просто подключить файл стилей родительской темы.

После этого можно переходить в админке блога в пункт меню «Темы», и если все правильно сделано, в списке установленных вы найдете свою вновь созданную дочернюю тему, которую можете активировать и затем начать активно править — добавлять в style.css именно те стили, которые вам нужны!

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

Плюсы использования дочерних тем очевидны:

• все правки, которые вы внесете в файлы дочерней темы, не слетят при обновлении основной;
• можно к одной родительской создать несколько дочерних тем с разным оформлением (под настроение, под праздник), а затем просто переключаться между ними;
• у нас появляется возможность дополнять функционал шаблона, создавая новые шаблоны страниц. Например, в вашей родительской теме нет поддержки одноколоночного шаблона страниц, а вам ну вот очень хочется получить возможность оформлять некоторые страницы именно в одноколоночном стиле. Без проблем! Просто добавляете в папку дочерней темы соответствующий написанный вами файл шаблона страницы, после чего он появится у вас в админке.

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

Создаем дочернюю тему WordPress

Прежде всего необходимо в директории с темами вашего сайта создать новую папку, назвав ее, предположим, имя_родительской_темы-child.

Переходим в нее и создаем

файл style.css

Это единственный НЕОБХОДИМЫЙ файл для дочерней темы. Без него она работать не будет!

Итак, создаем пустой файл css, называем его style, а затем в самом его начале прописываем вот такие строки:

/*
 Theme Name:     myTheme child
 Description:    myTheme child description
 Author:         Your Name
 Author URI:     http: //demolink.org/
 Template:       myTheme Version:        1.0 */

Здесь первые две строчки — это название и описание создаваемой дочерней темы, далее ваше имя как ее автора, затем ссылка на ваш профиль (в принципе, можно любой урл вписать), а вот на следующую строчку обратите особое внимание.

«Template: myTheme» — здесь вместо myTheme нужно вписать название вашей родительской темы именно так, как у вас называется папка с ней на хостинге, обязательно в том же регистре.

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

Уже на этот момент у нас есть полностью рабочая дочерняя тема, которую можно найти в списке установленных в админке.Теперь можно пойти двумя путями:

• просто скопировать содержимое файла style.css родительской темы в style.css дочерней;
• а можно подключить style.css без копирования — вставив в самое начало после заголовка директиву импорта

  @import url(/wordpress/neochevidny-e-poleznosti/“../myTheme/style.css”);

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

Теперь можно заниматься правками стилей, не опасаясь их утери, а кроме того, если вы что-то испортите или вам не понравится результат, а откатиться назад не будет возможности — все, что нужно сделать, это просто активировать вновь родительскую неизмененную тему- и вы опять в той точке, с которой начинали и с оригинальными нетронутыми файлами шаблона!

Файл functions.php

Его точно также можно создать в папке с дочерней темой, добавить в него открывающийся и закрывающийся теги php (<?php и ?>), а между ними располагать столько новых функций, сколько вам потребуется.

Важное отличие этого файла состоит в том, что он загружается вместе с functions.php родительской темы, поэтому необходимости копировать в файл дочерней темы содержимое родительского или же импортировать его, как мы это делали со style.css, нет.

PHP-файлы шаблона

Принцип их использования абсолютно такой же, как в случае со style.css — вы просто создаете новый header.php, например, в папке дочерней темы, и он перезаписывает аналогичный файл родительской. Так можно модифировать любые файлы, входящие в состав шаблона, а если в вас вдруг проснулся разработчик, то можете создать какой-нибудь новый файл — шаблон для карты сайта, для формы контактов, одноколоночного макета страницы — да для чего угодно!

Обновление темы WordPress с использованием дочерней темы

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

У меня же ситуация совсем запущенная — я столько раз правила и style.css, и другие файлы шаблона, что восстановить эти изменения после обновления, 100% не смогу! И если я еще примерно припоминаю, что вытворяла с файлами хедера и футера, то таблица стилей восстановлению не подлежит наверняка! Полагаю, у вас примерно такая же ситуация… Но шаблон все-таки мы обновим!

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

1. Прежде всего создаю папку для дочерней темы с каталоге с темами на хостинге:
2. Затем в нем создаю файл style.css, куда полностью копирую содержимое основного файла (обратите внимание, не импортирую — потому что после обновления все изменения пропадут, и будет подключаться новый «голый» style.css, а именно копирую вручную)
3. Открываю файл functions.php — и все функции, которые дописывала туда сама, переношу в одноименный новый файл в дочерней теме (здесь нужно заметить, что почему-то не всегда добавление в дочернюю тему этого файла корректно срабатывает — на одном из испытуемых блогов появилась какая-то фатальная ошибка, причины которой я не нашла пока. Возможно, это как-то связано с особенностями шаблона. Выход один — сохранить старый functions.php, а после обновления проверить его на изменения)
4. Аналогично простым копированием в папку дочерней темы переношу файлы header.php и footer.php, куда вносила изменения, ну и чтобы потом не возиться с установкой кнопок соц.сетей, и single.php тоже. Вы можете перенести все особо ценные для вас файлы 🙂
5. Вот теперь я активирую мою дочернюю тему  и смело (но скрестив на всякий случай пальцы) жму «Обновить» родительскую тему.
6. Тем временем проверяю блог — все ли правильно сделала. Изменений визуально не вижу — а это значит, что все правильно. Теперь осталось дождаться окончания обновления
7. Последнее, что обязательно нужно сделать при таком обновлении — это визуально сравнить файлы шаблона из обновленной родительской темы с теми, которые я сохранила в папке родительской. Сравнивать нужно php-файлы (тот же хедер, футер и т.д.) обычно они короткие, много сил и времени не отнимут, зато вы будете уверены, что не перезаписываете старыми файлами те изменения в шаблоне, ради которых все обновление и затевалось.
8. И последнее, что нужно сделать, это все-таки добавить теперь директиву импорта самой первой строчкой в файл style.css дочерней темы, чтобы подключить все те изменения, которые произошли в родительском файле стилей после обновления

Кстати, приоткрою секрет: чтобы в админке отображался скриншот темы или вообще любое изображение, нужно в папку с дочерней темой положить подготовленную картинку и назвать ее «screenshot.png».

Вот таким вот образом у нас с вами, как гласит, одна мудрая пословица, а может, и поговорка, и волки сыты, и овцы целы. А транслируя все это на более привычный язык, и тема обновлена, и все правки сохранены!

Не знаю, может быть, существует и еще более простой путь достижения этой цели. Знаете, как обновить тему, не затронув все изменения, в нее уже внесенную? Расскажите мне в комментариях! Я же вполне довольна и этим способом.

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

Засим изволю откланяться! Была с вами всегда ваша пушистая Web-Кошка, которая в ожидании новой встречи вновь отправляется на поиски чего-нибудь интересненького и полезненького для вас, друзья мои!