Многие наши клиенты спрашивают: «Могут ли вторичные темы позволить вам изменить дизайн?». Они хотят настроить свои темы, чтобы включить новые элементы, добавить различные шрифты и изменить цвета. Хотя большинство наших тем имеют возможность писать собственные классы CSS, этот подход ограничен, если вы хотите внести в тему более серьезные изменения, такие как добавление или удаление блоков контента и манипулирование шаблонами.
Может показаться, что легко перейти и редактировать файлы темы напрямую, однако у этого подхода есть один существенный недостаток – ваши изменения будут потеряны (перезаписаны) каждый раз, когда тема получает обновление от разработчика. Итак, чтобы избежать этого, мы будем использовать специальную функцию под названием WordPress дочерние темы,
Какие детские темы?
Думайте о дочерних темах как о расширении вашей главной темы. Когда вы загружаете дочернюю тему, происходит то, что WordPress сначала загрузит базовую родительскую тему, а затем использует отдельные файлы дочерней темы для замены исходных (если они, конечно, существуют). Таким образом, дочерняя тема может иметь собственные стили CSS, но она также может иметь собственный стиль. page.php Файл, например, заменяет шаблон страницы главной темы в WordPress. Если, например, дочерняя тема не имеет шаблона для отдельных сообщений (single.php), WordPress вместо этого будет использовать родительский шаблон.
Поэтому каждый раз, когда вы вносите изменения в дочернюю тему, вы фактически расширяете или заменяете тему, не меняя оригинал. Таким образом, если разработчик выпускает обновление, его дочерняя тема остается неизменной, поскольку она никак не затрагивает файлы в основной теме.
Вторичные темы также хороши тем, что позволяют сохранять изменения и применять их к нескольким сайтам одновременно, без необходимости изменять код каждый раз при установке WordPress.
Что вам нужно
Прежде чем мы начнем, вот требования для создания дочерней темы:
- Доступ к администратору WordPress или FTP-доступ к серверу, на котором он установлен.
- Текстовый редактор (даже Блокнот сделает это).
- Пару минут и желание следовать инструкциям 🙂
Создание вашей первой дочерней темы
Создание детской темы совсем не сложно. Создание основной дочерней темы, которая использует основную таблицу стилей темы для базовых стилей и собственную таблицу стилей для собственных дополнений, займет менее 10 минут. Итак, давайте посмотрим, как мы можем это сделать.
Шаг 1: создайте новую папку темы
Как и обычная тема, дочерняя тема требует отдельной папки. Лучшей практикой является добавление слова «ребенок» к названию основной темы. Так, например, если бы мы настраивали Megalith, мы бы назвали папку «megalith-child». Вы можете создать это на своем компьютере, а затем загрузить его через FTP-клиент или, создав zip-файл и загрузив его через интерфейс WordPress.
Шаг 2: создайте новый style.css
Внутри новой папки вам нужно будет создать новую style.css файл.
Вот обязательная часть, которую WordPress должен увидеть перед тем, как включить тему на панели инструментов. Это должно присутствовать в верхней части файла. Вот как бы мы создали вторичную тему для темы Мегалита.
/* Theme Name: Megalith Child Theme URI: https://teslathemes.com/wp-themes/megalith/ Description: Megalith Child Theme Author: TeslaThemes Author URI: https://teslathemes.com Template: megalith Version: 1.0.0 */
Важно отметить, что часть "Template:" Должен ли совпадает с именем папки родительской темы. Это поле чувствительно к регистру, поэтому обязательно настройте его соответствующим образом. Отредактируйте другие поля по своему усмотрению.
После добавления этого фрагмента кода в начало файла style.css вы можете начать добавлять свой собственный код CSS прямо ниже.
Шаг 3: создайте файл functions.php
Последний шаг – создать funciones.php файл, который будет инструктировать WordPress импортировать таблицы стилей из основной темы.
Ранее этот шаг не требовался, и разработчики тем могли использовать только объявление CSS @import для включения файлов CSS основной темы. Тем не менее, пользователи WordPress больше не рекомендуют этот метод загрузки файлов. Использование functions.php теперь лучший способ сделать это.
В том же каталоге, где вы создали style.css, создайте funciones.php запись:
Это даст WordPress команду импортировать style.css основной темы. Обратите внимание, что если основная тема имеет более одной таблицы стилей (например, screen.css, mobile.css, ie.css и т. Д.), Вам нужно будет продублировать строку wp_enqueue_style для каждого файла. Например, тема Megalith использует screen.css, поэтому мы добавим еще одну строку в файл functions.php:
wp_enqueue_style( 'megalith', get_template_directory_uri() . '/css/screen.css' );
Шаг 4: загрузите тему на свой сайт
Теперь, когда мы создали минимально необходимые файлы для работы дочерней темы, пришло время перенести эту дочернюю тему в WordPress.
Два способа сделать это:
Загрузите файлы с помощью FTP-клиента, такого как Filezilla. Вам нужно будет ввести данные для входа на ваш сервер.
О
Создайте zip-файл из папки дочерних тем (в более новых установках Windows и MacOS имеется встроенная поддержка zip, доступ к которым можно получить, щелкнув правой кнопкой мыши по папке) и загрузите его через WordPress, перейдя на вкладку «Внешний вид, темы» на панели инструментов. ,
