Дочерняя тема вордпресс

Здравствуйте дорогие друзья! Иногда бывает необходимо внести изменения в выбранную тему. Причины могут быть самые разные. Мне, например, понадобилось расширить возможности визуального редактора добавлением новых кнопок. Как это сделать можно почитать в статье Выравнивание текста по ширине. Какая бы причина не заставила владельца сайта внести изменения во внешний вид темы в этом может помочь дочерняя тема вордпресс.

Что такое дочерняя тема вордпресс

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

Чтобы изменить внешний вид темы, а, значит и сайта, нужно внести изменения в код некоторых файлов, выбранной темы. Вполне возможно, что те изменения, которые надо сделать, внешний вид сайта не затронут, а просто создадут дополнительные удобства для владельца, как произошло, например, в моем случае, когда я добавил три дополнительные кнопки в визуальный редактор. Это абсолютно не важно. Важно другое — как только разработчики обновят тему, которую вы используете, все изменения исчезнут. Получается всю работу надо начинать сначала. Мартышкин труд, называется. Следовательно, вывод такой:

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

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

  1. Создаем на компьютере папку, на рабочем столе, например. В этой папке будут находиться файлы дочерней темы. Файлов может быть несколько, но для того, чтобы дочерняя тема исправно работала, достаточно одного файла style.css
  2. Дочерняя тема, как и любая тема Вордпресс, должна как-то называться, поэтому для папки придумываем имя. Оно может быть любым. Я назвал twentyeleven-child. Из названия, ясно, что это дочерняя тема (child), родителем которой является тема Вордпресс twentyeleven.
  3. Затем любым FTPклиентом скачиваем в эту папку из родительской темы файл style.css. Впрочем можно и не скачивать. Достаточно просто в этой папке создать файл с именем style.css и разместить там информацию для Вордпресс. Этого будет вполне достаточно.

В файле style.css, между /*этими знаками*/, находится информация, по которой Вордпресс может опознать дочернюю тему.  Ниже я привожу пример оформления информации для Вордпресс в файле стилей моей дочерней темы.

/*
Theme Name: Twenty Eleven Child
Theme URI: https://vikinfo.ru/wp-content/themes/twentyeleven-child
Description: Twenty Eleven
Author: Viktor
Author URI: https://vikinfo.ru
Version: 1.0
Template: twentyeleven
*/
@import url(«https://vikinfo.ru/wp-content/themes/twentyeleven/style.css»);

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

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

Подключение дочерней темы

После того, как style.css оформлен, папку с дочерней темой можно закачивать на сервер. Место ее нахождения /wp-content/themes/. Не забудьте ее активировать. Для этого надо зайти в административной панели пункт меню внешний вид => темы. Дочерняя тема вордпрессТам дочерняя тема Вордпресс появится рядом с родительской. Как видите она уже активирована. Теперь можно заняться  настройкой, а чтобы она выглядела не хуже родительской, в шапке разместим свою картинку при настройке. Затем сделаем скриншот размером 880 х 660 и закачаем в папку с дочерней темой с именем screenshot.png.

На этом всё.Удачи!

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

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