Если вас прельщает свобода, которую дает изменение файлов кода вместо использования настройки, создание дочерней темы может быть выходом. Чтобы создать дочернюю тему WordPress, вам необходимо базовое понимание HTML/CSS. Некоторые фундаментальные знания PHP также будут полезны.
Почему бы не реализовать изменения в CSS-файлах темы напрямую? Это купить французский номер телефона никогда не рекомендуется, так как изменения могут быть перезаписаны при обновлении темы. Не круто.
Вот почему создание дочерней темы — более безопасный подход. Когда вы создаете дочернюю тему, она наследует все функции родительской темы, и вы можете легко добавить свои собственные изменения поверх. Если вы знакомы с объектно-ориентированным программированием, то связь родительской и дочерней темы следует похожей логике, когда дело касается наследования.
Допустим, вы добавляете свой собственный файл CSS в дочернюю тему для домашней страницы, но не для страницы «О нас». WordPress тогда автоматически будет использовать ту же страницу «О нас», что и для родительской темы, и применит ваш новый CSS к домашней странице.
Отладка также становится проще — если вы случайно что-то удалили и это негативно повлияло на макет, вы можете просто удалить файл CSS дочерней темы и начать все заново.
Мы рекомендуем вам начать в вашей локальной среде разработки, такой как Local by Flywheel или WAMP . Затем выполните следующие шаги:
Перейдите в папку /wp-content/themes на локальном жестком диске.
Откройте новую папку для вашей дочерней темы и назовите ее так, как посчитаете нужным.
Теперь давайте создадим ваш первый CSS-файл для вашей дочерней темы. Откройте текстовый редактор и вставьте следующий фрагмент:
Это первый и важный шаг для создания дочерней темы!
Строка Template: twentytwenty (или как там называется ваша тема) сообщает WordPress, что это дочерняя тема родительской темы twentytwenty. Обратите внимание, что это чувствительно к регистру, поэтому написание чего-то вроде TwentyTwenty не сработает.
Последняя строка также важна, поскольку она импортирует таблицу стилей родительской темы.
Затем вы можете продолжить и создать различные CSS-файлы в папке дочерней темы для разных частей вашего сайта.
Совет профессионала: простой трюк, позволяющий увидеть изменения напрямую, без редактирования файлов кода, — это использование инспектора, доступного в большинстве браузеров, таких как Chrome и Firefox.
