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

Дочерние темы в WordPress — как и зачем их использовать

 

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

Однако не все бедра в веб-дизайне очевидны. Есть такие разработки, которые на первый взгляд могут показаться бессмысленными, но на самом деле они чрезвычайно полезны для владельца веб-сайта, если вы в них углубитесь.

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

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

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

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

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

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

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

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

Не упускайте свой прогресс: безотказные обновления

Бьюсь об заклад, вы знаете, что вам необходимо обновить компоненты своего веб-сайта, чтобы они не давали сбоев и ошибок, а также для обеспечения максимальной безопасности вашего веб-сайта. Однако система обновлений WordPress довольно проста. После того, как вы сделаете обновление, вы сможете заменить старые файлы новыми, и WordPress не заботится о том, изменили ли вы файлы в теме старой версии и хотите ли сохранить эти изменения.

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

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

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

Измените свою тему еще проще

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

Например, предположим, что вы хотите изменить цвет в своей теме. Вы можете найти конкретное правило в файле style.css родительской темы (который является довольно большим) или просто добавить новое правило (3 или 4 строки кода) в файл style.css для дочерняя тема. Добавленное правило переопределит исходное правило в родительской теме, независимо от того, где это правило находится в style.css родительской темы.

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

Вернитесь назад и вперед с изменениями

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

С дочерней темой сложно заблудиться, так как вы увидите только то, что изменили там. Найти необходимое правило среди 30 правил CSS определенно проще, чем найти его в таблице стилей, содержащей сотни правил. Я думаю, ты понял, правда?

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

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

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

Изменение стилей темы с помощью дочерней темы

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

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

Добавление новых функций в вашу тему

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

Вот почему, чтобы переопределить функцию в файле functions.php родительской темы, вы должны использовать следующий условный оператор:

Эти зеленые строчки php-кода заставят браузер проверять, существует ли интересующая вас функция в родительском файле functions. php. Затем вам решать, какую команду php использовать для изменения существующего правила.

Добавление новых файлов в вашу тему

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

Все остальные файлы дочерней темы заменят аналогичные файлы родительской темы. Не стесняйтесь создавать новые версии таких файлов, как single.php, index.php, page.php, 404.php и т. Д., Используйте их и не бойтесь потерять файлы темы по умолчанию, поскольку они остаются нетронутыми в папке родительской темы.

Читайте также:

20 лучших розовых тем WordPress для вдохновения (Премиум)

[Обновлено] 10+ лучших игровых тем WordPress

Темы WordPress и возможности шаблонов HTML по сравнению с Monstroid2

Выводы

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

Пришло время высказаться! Если у вас есть какие-либо вопросы или соображения, не стесняйтесь поделиться ими в разделе комментариев ниже.

Берегите себя!

 

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

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

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

Это тема WordPress, которая дополняет и позволяет внести изменения в другую тему (родительскую). Любые изменения, стилей, скриптов, внешнего вида, структуры, функционала. Без изменения кода родительской темы.

Подробнее можно прочитать на сайте codex.wordpress.org

Почему не стоит редактировать файлы темы?

Процедура обновления темы заключается в полном удалении старой темы и закачивании на её место новой версии. Таким образом все Ваши изменения, сделанные в файлах темы будут удалены. Обновляетесь Вы вручную или автоматически из админки. Чтобы этого не допустить – необходимо вносить любые изменения в код дочерней темы. Дочернюю тему обновления не затрагивают.

Как вносить изменения в дочернюю тему?

После установки дочерней темы в папке wp-content/themes/ появится папка theme_child (вместо theme будет название родительской темы, например, yelly_child или root_child). Структура дочерней темы имеет вид:

functions.php
style.css

Добавлять новые стили или функции можно сразу же в style.css и functions.php.

Обратите внимание: не удаляйте существующий код в файле /theme_child/functions. php

Чтобы изменить запись, рубрику или любой другой шаблон – необходимо сначала скопировать файл из родительской темы, например, yelly или root в дочернюю тему theme_child.

Например, Вы решили изменить одиночную запись, файл single.php. Для этого скопируйте файл single.php из родительской темы в дочернюю theme_child

. Все, теперь Вы можете редактировать файл /theme_child/single.php.

Не нужно копировать все файлы родительской темы в дочернюю, достаточно тех файлов, которые Вы редактируете. Вы можете создать папку template-parts и скопировать туда только один файл content-single.php, с которым Вы будете работать. Копировать все – не нужно.

Никогда не вносите изменения в родительскую тему – при обновлении Вы потеряете все свои правки.

Скачать Yelly Child

Скачайте готовую дочернюю тему для Yelly по ссылке.

Скачать Root Child

Скачайте готовую дочернюю тему для Root по ссылке.

Скачать Cook It Child

Скачайте готовую дочернюю тему для Cook It по ссылке.

Скачать JournalX Child

Скачайте готовую дочернюю тему для JournalX по ссылке.

Скачать Reboot Child

Скачайте готовую дочернюю тему для Reboot по ссылке.

Скачать Bono Child

Скачайте готовую дочернюю тему для Bono по ссылке.

Тема нового тикета

Статус текущего тикета при откреплении ОткрытОжидаетЗакрыт

дочерних тем | Документы Themeco

4 мин. x, pro, краеугольный камень

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

1. Загрузка дочерней темы
2. Зачем нам использовать дочернюю тему
3. Добавление пользовательских CSS и JS без дочерней темы
4. Как установить дочернюю тему
5. Краткое описание

Загрузка дочерней темы

Загрузить дочернюю тему X

Загрузить дочернюю тему Pro

Зачем нам использовать дочернюю тему

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

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

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

Добавление пользовательских CSS и JS без дочерней темы

Вы просто вносите несколько изменений в стиль или хотите добавить скрипт? Скорее всего, вам вообще не нужна дочерняя тема. Темы X и Pro дают вам возможность добавлять собственный код CSS и Javascript без необходимости использования дочерней темы. Перейти к X/Pro > Параметры темы > CSS/JS , чтобы добавить собственный код для всего веб-сайта. Вы также можете добавить собственный код для каждой страницы, нажав кнопку CSS или JS в левой части экрана Page Builder.

Как установить дочернюю тему

Если вы никогда раньше не устанавливали дочернюю тему, не бойтесь! На самом деле это намного проще, чем может показаться, тем более что мы предоставляем вам базовые инструменты, которые вам понадобятся, чтобы все настроить и запустить. Теперь, когда у вас есть дочерняя тема zip , загруженный в соответствии с шагами предыдущего раздела, откройте панель управления/администратора WordPress, т. е. (yourdomain.com/wp-admin), и войдите в систему.

1. Перейдите к Внешний вид > Темы
2. Нажмите Добавить новый
3. Нажмите Загрузить тему , чтобы открыть форму загрузки.
4. Используйте кнопку «Загрузить», чтобы выбрать дочерний zip-файл. Если у вас его еще нет, загрузите его из раздела выше.
5. Щелкните Установить сейчас

Когда вы увидите Тема успешно установлена ​​ , щелкните ссылку Активировать для завершения процесса. Если вы снова посетите Внешний вид > Темы , вы увидите установленную дочернюю тему.

Резюме

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

Видите неточность? Дайте нам знать

дочерних тем WordPress: что насчет них?

Хотите создать дочернюю тему в WordPress?

Круто. Это не совсем то, на что зарегистрируется новичок WordPress.

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

Например, тема Colibri имеет еще 7 дочерних тем: Althea, Brite, Teluro, Skyline, Magnus, Oasis и Calliope.

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

Зачем вам нужна дочерняя тема?

Давайте узнаем ниже.

Зачем вам нужна дочерняя тема WordPress?

Источник

Теперь родительские темы WordPress имеют множество файлов в своем бэкэнде: PHP, CSS, Javascript и т. д. В тот момент, когда родительская тема обновляется разработчиком темы, все эти файлы заменяются. В случае с дочерней темой файлы не изменяются. Это означает, что дочерние темы защищают любые изменения от перезаписи при обновлении темы.

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

В сообществе WordPress существует несколько мнений. Некоторые разработчики призывают вас всегда использовать дочернюю тему на каждом веб-сайте, другие говорят, что вам не нужно этого делать. Основная причина последнего мнения в том, что если вы не вносите изменения в файлы темы, то все в порядке. И вы всегда можете добавить пользовательский CSS отдельно.

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

Так что, может быть, вы просто хотите перестраховаться…

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

Знакомство с конфигуратором дочерних тем WordPress

Конфигуратор дочерних тем — это подключаемый модуль WordPress, который позволяет анализировать любую тему на наличие распространенных проблем, создавать дочернюю тему и настраивать ее. Кроме того, он позволяет вам определить и переопределить точные атрибуты CSS, в которые вы хотите внести изменения. Плагин имеет более 300 000 активных установок и хороший рейтинг пользователей на wordpress.org.

Перед работой с плагином необходимо знать, что дочерняя тема не работает сама по себе. Вам также необходимо установить родительскую тему. Потому что в конце WordPress сначала читает таблицу стилей активной темы (style.css), чтобы получить свойства «заголовка» темы. Активная тема будет дочерней темой. Затем WordPress проверяет, есть ли в теме файл functions. php, и запускает его, если он существует.

Как создать дочернюю тему WordPress без плагина

Прежде всего: выберите тему WordPress, которая соответствует вашим целям и видению вашего веб-сайта. Чем меньше изменений вам нужно сделать, тем лучше.

Когда вы создаете дочернюю тему WordPress, вы не сможете избежать написания некоторого кода: HTML, CSS или PHP. Если это поможет, вы должны знать, что многие фрагменты кода уже доступны, и вам просто нужно скопировать и вставить некоторые из них.

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

Начнем.

1. Войдите в cPanel ,
2. Перейдите в файловый менеджер ,

3. Найдите public_html -> wp-content -> папку тем .

4. Внутри папки «Темы» создайте новую папку из «+Папка» в верхнем меню. Дайте вашей папке имя. Лучше всего использовать имя темы, к которому вы добавляете «-child». Кроме того, используйте дефисы вместо пробела. В моем случае я собираюсь использовать mesmerize-child, потому что я использую тему Mesmerize,
5. Внутри только что созданной папки создайте новый файл и назовите его « style.css ».
6. Щелкните файл правой кнопкой мыши и выберите параметр «Редактировать».

Здесь вы можете вставить часть кода в родительский файл CSS или добавить свой собственный стиль.

7. Измените тему и доменные имена в коде CSS, затем нажмите «Сохранить»,
8.  Создайте другой файл в той же папке. На этот раз назовите его « functions.php ». Вставьте следующий код:

Когда все будет готово, перейдите в Панель управления WordPress -> Внешний вид -> Тема. Ваша дочерняя тема будет там, вам просто нужно

активировать ее.