Что такое подтема (subtheme) для WordPress?

Прежде чем начать подробно создавать методы (или функции), нам необходимо сначала понять, что такое подтема (subtheme) в WordPress. Подтема WordPress – это специальная тема, которая зависит от другой темы (называемой “основной темой” или «родительской темой»). Она наследует все функции, стили и шаблоны основной темы, но позволяет безопасно вносить изменения в них, добавлять новые функции или изменять внешний вид темы, не влияя при этом на основные файлы основной темы.

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

Шаги по созданию подтемы для WordPress

Создание базового подтемы (subtopic) очень просто – достаточно следовать нескольким стандартным шагам. Весь процесс включает в себя создание каталога для подтемы и необходимых файлов.

Рекомендуемое чтение Продвинутый учебник по эффективному разработанию с использованием WordPress: от настройки тем до оптимизации производительности。

Во-первых, вам необходимо получить доступ к файлам сервера вашего веб-сайта на WordPress, обычно это делается с помощью FTP-клиента или файлового менеджера хоста. Затем перейдите в каталог, в котором установлен WordPress. /wp-content/themes/ Папка.

Ультахост (UltaHost) – хостинг-провайдер, предоставляющий услуги хостинга для сайтов, построенных на платформе WordPress.

Гарантия возврата средств в течение 30 дней, неограниченная пропускная способность интернет-канала и объем баз данных, бесплатная защита от DDoS-атак. При покупке на срок 3 лет предоставляется скидка в размере 501 ТБ до 4 ТБ.

страница доступа

Создание подтематических папок и файлов с таблицами стилей

В этой папке создайте новый каталог для вашего нового подтемы. Название каталога должно отражать его связь с родительским темой. Например, если название родительской темы… twentytwentyfourВаш каталог подтем может называться… twentytwentyfour-child。

Чтобы войти в этот новый созданный каталог, вам необходимо создать первый и самый важный файл для подтемы:style.cssЭтот файл представляет собой не просто таблицу стилей (stylesheet), но также содержит метаданные, определяющие подтемы (subtopics).

/*
Theme Name:   Twenty Twenty-Four Child
Theme URI:    https://example.com/
Description:  Twenty Twenty-Four Child Theme
Author:       Your Name
Author URI:   https://example.com/
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  twentytwentyfour-child
*/

/* 在此处添加您的自定义CSS样式 */

Пояснение ключевых моментов:
* Theme NameНазвание подтемы будет отображаться в интерфейсе администрирования WordPress.
* TemplateЭто самая важная строка. Её значение должно полностью совпадать с именем каталога родительской темы (с учётом регистра букв). WordPress использует это поле для определения родительской темы.
* Text DomainИспользуется для интернационализации; обычно совпадает с именем каталога подтем.

Создайте файл с именем `functions.php`.

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

Рекомендуемое чтение Полное руководство по лучшим практикам использования WordPress и эффективному разработческому процессу。

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

<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );
function my_child_theme_enqueue_styles() {
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' )
    );
}
?>

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

Активация и настройка подтем (subtopics)

После создания обоих указанных файлов вы сможете войти в панель управления WordPress. Перейдите на страницу “Внешний вид” → “Темы”, и там должна быть видна только что созданная подтема. Нажмите кнопку “Включить”, чтобы активировать её.

hosting.com Общий хостинг

Высокая производительность благодаря процессорам AMD EPYC, SSD-накопителям NVMe и LiteSpeed, круглосуточная экспертная поддержка, передовые меры безопасности, включая SSL, защиту от грубой силы, вредоносных программ и DDoS, экономия до 73%

страница доступа

После активации внешний вид вашего сайта будет полностью совпадать с внешним видом основной темы. Теперь вы можете приступить к настройкам и изменениям по своему усмотрению.

• Изменение стиля: можно напрямую редактировать стиль подтемы. style.css Для изменения цвета, шрифта, расположения элементов и других параметров в файле можно добавить соответствующие CSS-правила.
• При необходимости изменения структуры определенных страниц (например, главной страницы, страницы статьи, верхней или нижней части страницы) достаточно заменить соответствующие шаблонные файлы из родительской темы. header.php, footer.php, page.phpКопируйте файл в каталог подтемы, а затем отредактируйте его. WordPress будет использовать файлы, находящиеся в подтеме, в первую очередь.
• Добавление новой функции: в подтеме… functions.php В код сайта необходимо добавить новые PHP-функции, хуки (Hooks) и фильтры (Filters) для расширения его возможностей.

Расширенное применение подтем и лучшие практики

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

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

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

Рекомендуемое чтение Как выбрать и настроить тему WordPress, которая наилучшим образом соответствует стилю вашего веб-сайта?。

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

Если вы планируете распространять свои подтемы (subtopics) или ваш сайт должен поддерживать несколько языков, важно правильно настроить текстовые поля (text fields) и подготовиться к работе с многоязычным контентом. .pot Языковые файлы необходимы. Убедитесь, что все строки, подлежащие переводу, в коде используют соответствующие маркеры или стандарты для обозначения текста, предназначенного для перевода. __('String', 'your-child-theme-text-domain') Такую функцию необходимо обернуть в специальный “оболочку” (класс или модуль).

Стратегии контроля версий и обновлений

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

Общий хостинг InterServer

Общий хостинг $2.50 USD в месяц, первый месяц $0.1 USD промо-код tryinterserver, 461 скрипт облачных приложений, установка в один клик.

страница доступа

резюме

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

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

Поддерживает ли каждая тема для WordPress создание подтем (сабтем)?

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

Что произойдет, если в файле `style.css` подтемы будет неправильно заполнено поле `Template`?

Если Template Значение этого поля не совпадает с реальным названием каталога родительской темы; в результате WordPress не сможет распознать эту родительскую тему. Это может привести к тому, что подтема не будет активирована в системе или, после активации, на веб-сайте появятся ошибки (испорченный стиль, некорректное отображение элементов интерфейса). Поэтому обязательно убедитесь, что значение этого поля введено правильно.

Могу ли я создать ещё одну тему (подтему) на основе уже существующей?

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

После обновления родительской темы уйдут ли мои пользовательские настройки (конфигурации) внутри дочерней темы?

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