Дочерняя тема: Дочерние темы WordPress — Тема

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

В этом посте я покажу вам, как создать дочернюю тему в WordPress? Создание дочерней (детской) темы WordPress займёт у вас всего пару минут. Всё делается автоматически, без необходимости создания в ручном режиме папок, файлов и т. д.. Всю работу за вас выполнит специальный плагин для создания дочерней темы WordPress.

Если вам нравится ваша текущая тема WP, но вы хотите изменить ее функции и внешний вид, правильный способ сделать это — создать и настроить дочернюю тему (Child Theme) ВордПресс. 

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

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

Кодекс WordPress

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

Например, вы сделали в своей теме какие-либо изменения, отредактировали файлы шаблона, изменили стили и тому подобное. Красиво получилось, вы довольны.

А тут, происходит обновление темы и все ваши сделанные изменения утеряны. Это означает, что ваш сайт не только возвращается на прежний уровень, но и вся ваша работа летит к чертям. А было бы всё иначе, если бы использовалась дочерняя тема ВордПресс (WP).

Дочерняя тема WP работает в тандеме с родительской

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

Родительская тема — это полная тема, которая включает в себя все необходимые файлы шаблонов WordPress и ресурсы для работы темы. Все темы, кроме дочерних, считаются родительскими.

Тематический справочник wordpress.org

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

Плагин дочерней темы WordPress

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

Внимание: Чтобы сделать простые изменения CSS на своем веб-сайте, вы можете использовать поле «Дополнительные CSS», вместо создания дочерней темы. Эти изменения, сделанные с помощью поля «Дополнительный CSS», останутся там даже после обновления темы. Но, если вы ищете другие дополнительные изменения, такие как редактирование файлов PHP и другие, необходимо создать дочернюю тему.

Существуют различные плагины, которые помогут вам быстро, легко и безопасно создать дочернюю тему. Наиболее популярными среди них это — Child theme configurator, Child Theme Generator, WP Child Theme Generator, Child Theme Creator by Orbisius, Child Theme Wizard, Generate Child Theme.

Если вдруг, вы захотите попробовать создать дочернею тему вручную, то смотрите официальную пошаговую инструкцию -developer.wordpress.org.

Плагин Child Theme Generator — Генератор дочерних тем

Child Theme Generator — это бесплатный, простой плагин WordPress для создания дочерних тем. Когда дочерняя тема будет создана, просто удалите плагин.

Генератор детской темы ВордПресс

Генератор дочерних тем — это плагин WordPress, полезный для создания дочерних тем.

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

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

Этот плагин создаст дочернюю тему за несколько шагов, быстро и безопасно. Он не будет замедлять работу вашего сайта. Установите плагин стандартным способом, из админки. Введите его название. На странице с результатами поиска, выберите Child Theme Generator:

Установка плагина WordPress

Дождитесь полной установки плагина, а затем активируйте его. Затем перейдите в Настройки, новый пункт: Child-Theme Gen. Русского языка нет, но всё и так понятно. Из выпадающего списка выберите родительскую тему (обязательно):

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

Заполните остальные поля (не обязательно). Нажмите кнопку Create new child theme и плагин создаст для вас дочернюю тему. Можете сразу поставить галочку для активации Child темы. А после нажать Finished:

Дочерняя тема была успешно создана!

Всё, готово. Смотрим Внешний вид — Темы. Дочерняя тема активна:

Это дочерняя тема для Kava

В итоге, на сайте или в блоге никаких отличий вы не увидите. Детская тема использует файлы от своего родителя. А так, будут выглядеть папки на хостинге. Родительская тема и созданная детская с дополнением child. Она находится в wp-content / themes вашей установки WordPress:

Новая детская тема

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

Скриншот для детской темы

Если нужно сделать изменение на сайте, вы меняете не родительскую тему WordPress, а дочернюю. Теперь все работы производите только в Child theme. Обратите внимание, если вам необходимо редактировать файлы например, single.php, header.php, footer.php или другие, то вам надо скопировать их из папки родительской темы в папку child-theme.

Если файл шаблона (или часть шаблона, такая как header.php) с одинаковым именем существует в родительской и дочерней темах, WordPress будет использовать файл из дочерней темы.

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

Найдите строку, которую вы хотите удалить и замените её. Вот, у меня есть инструкция — Как удалить Сайт работает на WordPress.

Как уже написано выше, есть и другие плагины. Например, самый популярный плагин Child Theme Configurator. Более 2 808 184 установок.

Плагин Child Theme Configurator

Когда использования Настройщика недостаточно — Создайте дочернюю тему из установленных.

Конфигуратор детской темы

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

Вы можете создать любое количество дочерних тем из существующих родительских тем. Конфигуратор дочерних тем позволяет выбирать из установленных тем (даже существующих дочерних тем) и сохранять результаты в каталоге тем ВордПресс.

У плагина больше функций, есть версия PRO, но вполне хватит и бесплатных. Вы можете создать любое количество дочерних тем из существующих родительских тем:

Создание детской темы WP

Анализатор сканирует визуализированную тему и автоматически настраивает вашу дочернюю тему.

Если что, под вкладкой «Справка» в правом верхнем углу страницы есть учебное видео. И также текстовые инструкции:

Помощь по плагину Child Theme Configurator

Детская тема создана, даже скриншот от родительской установлен:

Созданная дочерняя (детская) тема

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

Бинго! Уже перевели на русский язык. Если что, перевод любых плагинов и тем с помощью этого плагина.

Если родительская тема изменяется (например, обновляется), нужно ли мне обновлять дочернюю тему?

Нет. В этом и есть смысл использования дочерних тем. Изменения в родительской теме автоматически наследуются дочерней темой.

Дочерняя тема не является копией родительской темы. Это особая функция WordPress, которая позволяет вам переопределять определенные стили и функции, оставляя остальную часть темы нетронутой.

Плагины Child Theme для WP

Если что, ищите дополнительно плагины в каталоге, по ключевому слову Child Theme. Это очень простые и удобные плагины для создания дочерней темы CMS WordPress:

Показаны результаты для: Child Theme

В заключение

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

Если у вас есть дополнительные вопросы или вам нужна помощь в этом процессе, пожалуйста, оставьте свои комментарии ниже.

Я надеюсь, что вы нашли этот пост полезным.  Удачи и до новых встреч.

Родительские и дочерние темы дизайна — Документация Webasyst

Разделы сайта, сформированные разными приложениями, используют отдельные темы дизайна, потому что каждая тема относится только к своему приложению. Например, на страницах «Сайта» используется одна тема дизайна, а на страницах «Блога» — другая.

Страницы разных разделов могут иметь различное либо сходное оформление. Сходного оформления страниц разных разделов сайта можно добиться двумя основными способами:

• Скопировать код дизайна из темы одного приложения в файлы темы другого приложения. Этот подход — самый простой в начале, но трудоемкий при выпуске обновлений для темы дизайна, потому что один и тот же обновленный код придется копировать из одной темы в другую.
• Хранить общие фрагменты дизайна в одной теме и подключать их при необходимости в других темах. Этот подход позволяет избежать лишней работы и ошибок при копировании. Нужно только сразу указать, какие файлы хранятся в основной (родительской) теме дизайна, и как другие темы (дочерние) должны должны использовать эти файлы.

Отличия родительской и дочерних тем

Родительская тема дизайна не использует файлы других тем и работает сама по себе. Она устроена проще всего.

Дочерняя тема дизайна использует некоторые файлы родительской темы. Например, CSS-стили или шаблоны общих элементов: заголовок, боковые панели, подвал сайта.

В файле theme.xml дочерней темы должно быть следующее:

• Атрибут parent_theme_id элемента theme с ID родительской темы и ее приложения в формате app_id:theme_id.

  Пример для темы приложения «Фото», которая является дочерней по отношению к родительской теме «Сайта»:

  <theme vendor="123456" author="ThemeDeveloper" app="photos" parent_theme_id="site:mytheme" version="1.0.0">

• (необязательно) Атрибут parent="1" для тех файлов, которые должны обязательно подключаться в дочерней теме из родительской темы дизайна. Пример для файла index.html, который есть только в родительской теме и подключается дочерней темой:

  <file path="index. html" parent="1">
  </file>

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

В остальном родительская и дочерние темы дизайна устроены одинаково.

Переменные Smarty для подключения файлов

Файлы родительской и дочерней тем дизайна можно подключать в коде HTML-шаблонов с помощью переменных. Переменные можно использовать только в HTML-файлах — в других файлах их значения недоступны.

Если тема дизайна сброшена до оригинального состояния, то перечисленные здесь переменные указывают на директорию wa-apps/[app_id]/themes/[theme_id]/ или ее URL.

Если пользователь сохранил настройки темы дизайна или если тема загружена вручную в виде архива через редактор дизайна, то переменные указывают на директорию wa-data/public/apps/[app_id]/themes/[theme_id]/ или ее URL.

Подключение файлов JavaScript, CSS и шрифтов

Эти переменные возвращают URL директории темы, поэтому с их помощью можно подключать только файлы, доступные при обращении через браузер, например, CSS- или JS-файлы.

$wa_theme_url

Относительный URL директории той темы, к которой относится текущий HTML-файл. Если подключен CDN, то переменная содержит абсоютный URL CDN-копии темы дизайна.

Если дочерняя тема использует файл родительской темы с помощью атрибута parent="1", то переменная в этом файле содержит URL директории родительской темы.

В собственных файлах дочерней темы переменная содержит URL дочерней темы.

В файлах родительской темы переменная содержит URL родительской темы.

Пример

<link href="{$wa_theme_url}extra.css" rel="stylesheet" type="text/css">

$wa_real_theme_url

Относительный URL директории той темы, к которой относится текущий HTML-файл — как $wa_theme_url. Всегда содержит URL директории темы на сервере, где установлен Webasyst — без учета настройки CDN.

Пример

<link href="{$wa_real_theme_url}extra.css" rel="stylesheet" type="text/css">

$wa_active_theme_url

Относительный URL директории темы дизайна, которая использует текущий HTML-файл на странице сайта.

Если дочерняя тема использует файл родительской темы с помощью атрибута parent="1", то переменная в этом файле содержит URL темы поселения текущей страницы сайта: родительской либо дочерней.

В собственных файлах дочерней темы переменная содержит URL дочерней темы.

В файлах родительской темы переменная содержит URL родительской темы.

Пример

<link href="{$wa_active_theme_url}extra.css" rel="stylesheet" type="text/css">

$wa_parent_theme_url

Относительный URL родительской темы дизайна.

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

Пример

<link href="{$wa_parent_theme_url}mytheme.css" rel="stylesheet" type="text/css">

Подключение HTML-файлов

$wa_active_theme_path

Полный путь к директории темы дизайна, которая использует текущий HTML-файл на странице сайта.

Если текущий HTML-файл подключен к дочерней теме с помощью атрибута parent="1", переменная в этом файле содержит путь к директории темы поселения текущей страницы сайта: родительской либо дочерней.

Пример

{include file="`$wa_active_theme_path`/sidebar.html"}

$wa_parent_theme_path

Полный путь к директории родительской темы дизайна.

Имеет смысл только в файлах дочерней темы для подключения файлов родительской темы дизайна.

Пример

{include file="`$wa_parent_theme_path`/home.html"}

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

акции 78 Делиться Твитнуть Делиться Facebook-мессенджер WhatsApp Электронная почта

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

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

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

Дополнительное чтение

• Что такое дочерняя тема WordPress? Плюсы, минусы и многое другое
• Theme Framework
• Дочерняя тема
• Theme

Общие ресурсы 78 Делиться Твитнуть Делиться Facebook-мессенджер WhatsApp Электронная почта

О редакции

Редакция WPBeginner — это команда экспертов по WordPress под руководством Сайеда Балхи с более чем 16-летним опытом создания веб-сайтов на WordPress. Мы создаем учебные пособия по WordPress с 2009 года, и WPBeginner стал крупнейшим в отрасли сайтом с бесплатными ресурсами WordPress.

Детская тема Divi | Более 30 дочерних тем премиум-класса в различных отраслях

Divi Ecommerce

Пивоварня Divi Детская тема

Магазин Divi WooCommerce

Divi Ecommerce Pro

Поликлиника Диви

Дочерняя тема многоцелевой службы Divi

Диви Подкаст

Divi Medical Электронная торговля

Диви Фитнес

Диви Подрядчик

Диви Резюме

Диви Терапевт

Курсы Диви

Диви Фото

Диви Некоммерческая организация

Диви Бизнес Про

Тема «Открытая дорога»

Тема блога Жасмин

Тема Уолдена

Тема интерьера

Страница 1 из 212»

Общая стоимость: $3,837

ГАРАНТИЯ УДОВЛЕТВОРЕНИЯ

Если вы недовольны своим членством или продуктами, мы вернем вам деньги за покупку. Нет вопросов!

Часто задаваемые вопросы

Что такое дочерняя тема и зачем ее использовать?

Дочерние темы изначально были созданы для защиты изменений, которые пользователи WordPress вносят на свои веб-сайты. Если вы вносите изменения в CSS (код, управляющий внешним видом вашего веб-сайта) непосредственно в своей теме, эти изменения могут быть стерты при выпуске новых обновлений для этой темы.

 

Дочерняя тема — это просто набор файлов, которые «подхватывают» функциональность исходной темы (называемой «родительской темой»). Пока вы вносите изменения в свою дочернюю тему, эти изменения будут в безопасности (т. е. они не будут стерты будущими обновлениями). Если вы вносите изменения непосредственно в родительскую тему… не так уж и много.

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

В чем разница между дочерними темами премиум-класса Aspen Grove Studios и стандартной (пустой) дочерней темой?

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

Дочерняя тема премиум-класса от Divi Space содержит изменения, уже внесенные нашей замечательной командой разработчиков и дизайнеров. С дочерними темами премиум-класса позаботятся практически о каждой детали веб-дизайна и разработки, от макета до цветовой палитры, выбора шрифта и многого другого. Вы просто устанавливаете дочернюю тему поверх Divi или Extra, и все готово. Вы даже можете настроить его, как хотите. Довольно круто, правда?

Что я получу, купив дочернюю тему?

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

• Электронная коммерция
• Плагины событий
• Учебные платформы (LMS)
• Запись на прием
• Страница ошибки 404 с пользовательским кодом
• Иконки
• Страницы архива
• Боковая панель
• Отдельный макет поста и раздел комментариев
• Навигация по хлебным крошкам

И многое другое

Как правильно выбрать дочернюю тему для моего веб-сайта?

Как вы увидите, у нас есть темы для самых разных отраслей, таких как юриспруденция, мода, электронная коммерция, строительство. .. и так далее.

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

Ваши дочерние темы работают только для одной отрасли?

Абсолютно нет! См. наш ответ на вопрос . Как правильно выбрать дочернюю тему для моего веб-сайта? выше.

Я не умею кодировать. Смогу ли я настроить дочернюю тему?

Короче говоря, да.

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

Конечно, эти темы не позволяют вам делать абсолютно все, что вы хотите, без программирования (поэтому мы сделали Divi Switch и Page Builder Everywhere ).

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

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

Я ищу стандартную пустую дочернюю тему Divi. Как я могу сделать один из них?

Существует несколько различных способов создать стандартную дочернюю тему для Divi, чтобы вы могли вносить свои собственные изменения на свой веб-сайт. Одним из самых простых является использование нашего конструктора дочерних тем в Divi Space.

Как насчет поддержки, лицензирования и обновлений?

У вас есть несколько различных вариантов покупки/лицензирования наших дочерних тем, в зависимости от того, для скольких веб-сайтов вы хотите использовать дочернюю тему. Ваши варианты:

• Годовая плата за использование на одном, трех или неограниченном количестве веб-сайтов
• Годовое членство (включает неограниченное количество веб-сайтов)
• Пожизненное членство (включая неограниченное количество веб-сайтов)

Какой бы вариант вы ни выбрали, вы получите специальную 5-звездочную поддержку и бесплатные обновления в течение срока действия вашей лицензии.

Включены ли в вашу подписку дочерние темы?

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

Не говоря уже о том, что вы получите доступ ко ВСЕМ нашим премиальным плагинам, макетам и значкам (для использования на неограниченном количестве веб-сайтов) вместе с избранными курсами. Все по одной низкой цене, без каких-либо условий. Если вы профессиональный разработчик или дизайнер, использующий Divi (или хотите им быть), наше членство — это кража.

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

Вы можете добавить множество файлов в дочернюю тему, каждый из которых позволит вам включить свой собственный код для особой функциональности и стиля, которые сделают ваш веб-сайт Divi выдающимся. Чаще всего дочерние темы включают в себя несколько файлов PHP (functions.php, header.php, footer.php), таблицу стилей (styles.css) и снимок экрана.

Использование дочерней темы при создании веб-сайтов Divi считается лучшей практикой. Разрабатывая таким образом, вы гарантированно сохраните свой пользовательский код, гарантируя, что любые изменения на вашем сайте не будут перезаписаны в случае обновления темы. Кроме того, использование дочерней темы гарантирует, что вы не возитесь с родительскими файлами, что может привести к полной поломке вашего сайта WordPress.

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

Мы также продаем несколько красиво оформленных дочерних тем Divi премиум-класса, которые помогут вам создать замечательный веб-сайт Divi в кратчайшие сроки.

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