X

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

👁1 137 просм.

Часто, когда мы уже более и менее ориентируемся в работе с WordPress, возникает необходимость что то исправить или добавить в теме, которая используется для нашего сайта. И тут мы сталкиваемся с тем, что после очередного обновления используемой темы все наши изменения потеряны. Чтоб таких проблем не возникало существует понятие «Дочерние темы».

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

Из WordPress Codex

Преимущества и отличия дочерних тем

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

Основные компоненты дочерней темы

Дочерняя тема наследует все функции родительской темы и находится в своей отдельной папке на одном уровне в каталоге с родительской темой. Как правило все темы WordPress находятся в каталоге по пути wp-content/themes.

Дочерняя тема состоит из:

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

Создание дочерней темы

Разберем создание дочерней темы на примере родительской темы Vantage.

После установки родительской темы переходим к файловой структуре нашего сайта на хостинге в папку с установленными темами по пути wp-content/themes. Находим папку с установленной темой vantage и рядом с ней создаем новую папку для нашей дочерней темы. Я назвал ее «winehome».

Далее переходим в созданный каталог для дочерней темы и создаем в ней файлы functions.phpstyle.css и screenshot.jpg (это файл размером 1200 х 900 px., который придаст визуальное отличие нашей дочерней теме, при ее выборе в настройках панели управления нашим сайтом.

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

Теперь открываем файл style.css и подключаем нашу дочернюю тему к родительской. Для этого указываем:

  1. Имя, которое хотим присвоить дочерней теме.
  2. Описание, к какой родительской теме она принадлежит.
  3. Название каталога, в котором находится родительская тема.
  4. Версия нашей дочерней темы, может быть любое целое число.
  5. Путь к файлу style.css родительской темы, чтоб дочерняя подхватила все его настройки.

Краткое пояснение каждой строки:

  • Theme Name. (обязательно) Название дочерней темы.
  • Theme URI. (опционально) Адрес сайта дочерней темы.
  • Description. (опционально) Описание дочерней темы. Например: Моя дочерняя тема.
  • Author URI. (опционально) Адрес сайта автора дочерней темы.
  • Author. (опционально) Имя автора дочерней темы.
  • Template. (обязательно) Название папки родительской темы, регистрозависимое. 
  • Version. (опционально) Версия дочерней темы. Например: 0.1, 1.0.

После выполнения всех условий сохраняем файл и переходим в панели управления сайтом по пути «Внешний вид» → «Темы». Здесь среди установленных ране тем появилась и наша дочерняя тема.

Активируем ее привычным образом, наведя курсор мышки и нажав «Активировать». Далее можно настраивать и работать с ней из панели управления сайтом как и с любой другой темой. И в тоже время вносить свои изменения и дополнения в файлы темы (свои стили и функции), не переживая, что они в дальнейшем пропадут.

Благодарю вас за внимание!
Если эта статья была полезна, делитесь ей в социальных сетях, оставляйте комментарии, задавайте вопросы 🙂

Категории: WordPress Уроки
Сергей Коваленко: @BlessSergeyКонсультирую и делюсь своим опытом Поисковой оптимизации (SEO), WEB разработки, настройки контекстной рекламы и рекламы в соцсетях. С 2007 года я занимаюсь работой в сфере информационных технологий. Начинал с работы мастером по ремонту компьютеров и компьютерной техники в небольшой компании. Затем, повысив уровень своих знаний и навыков, занялся удаленным администрированием информационно технических сетей предприятий. Побывал на должности руководителя отдела инженерно технических средств безопасности. Сейчас нашел себя в такой многофункциональной среде как WEB разработка. Развиваю свои навыки в проектировании и обслуживании сайтов на различных платформах. Изучаю WEB разработку на популярной CMS Wordpress, занимаюсь SEO оптимизацией сайтов, контекстной рекламой в поисковых системах Google и Yandex, а так же в социальных сетях Facebook и Vkontakte.