Дочерняя тема WordPress

Дочерняя тема Wordpress

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

Дочерняя тема WordPress: что это

Разработка сайта начинается с установки темы. После этого ее дополняют, «подгоняя» внешний вид страниц и функционал ресурса под запросы разработка. С этой целью устанавливаются различные скрипты и плагины, изменяется РНР код, вносятся изменения в CSS стили. Но при обновлении темы, когда появляется новая ее версия, все это «слетает». Дочерняя тема (child theme), это копия основной (родительской). Она нужна для того, чтобы при обновлении не терять свои настройки и изменения. Просто индивидуальные изменения будут вноситься в дочернюю, а обновляться при появлении новой версии будет только родительская, не имеющая изменений.

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

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

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

Как работает дочерняя тема WordPress

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

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

Как уже было сказано, «дочь» применяется для того, чтобы после обновлений основного макета не «слетали» настройки. Но она помогает и в других ситуациях. Разделение полезно веб дизайнерам, вносящим в коды сайта множество дополнений, скриптов, при этом устанавливают большое количество плагинов. После глубокого преобразования шаблона легко забыть, как выглядел проект первоначально, в версии разработчиков. Причем некоторые внесенные настройки со временем приходится убирать. По разным причинам – дополнение не работает, перегружает сайт, негативно отражается на работе функций сайта. Нередко внесенные изменения просто оказываются ненужными. Чтобы иметь возможность возвращать проект к изначальному виду, желательно иметь в распоряжении нетронутый вариант темы.

Допустим, при осуществлении настройки сайта установлен новый шаблон для конкретного типа страниц. Но при использовании сайта оказалось, что «родной» шаблон гораздо лучше. В этом случае, имея разделение на новый и родительский дубликаты, следует просто удалить новый шаблон из младшей версии. В результате автоматически включится тот, который включает родительская тема. Подобным способом отменяют изменение php кода. Просто новое значение удаляется, и работать начинает старое, вписанное разработчиками в родительскую папку. Если же появилась необходимость вернуть изначальный вариант стилей, то нужно соответствующие строчки в style.css дочери убрать, а на это место импортировать прежнее значение, скопированное из родительского макета.

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

Создание дочерней темы WordPress

Создание child theme делится на два этапа. На первом создается директория, присваивается пользовательское название. На втором этапе созданная папка наполняется файлом style.css. В него вписывается определенный текст.

Создание папки в wp-content/themes

Для нового шаблона определяется место внутри wp-content/themes и отводится отдельной папке. Структура расположения папок:

  • public_html
    • wp-content
      • themes (здесь находятся все темы)
        • twentyten (родительская тема, название приведено условное)
        • twentyten-child (дочерняя, с любым присвоенным именем)
          • style.css (необходимый файл, название style.css обязательно).

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

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

  1. создать папку, дать ей любое название, например «child theme»;
  2. в новой папке создать файл, дать название “style.css” и внести этот код:

/*

Theme Name:Child Theme

@import url(‘../child theme/style.css’);

  1. заполнить поля, указывая любые удобные названия, версия – первая, в последнем пункте важно правильно прописать путь к файлу child theme;
  2. залить новую тему через фтп соединение или через панель по пути «внешний вид» – «темы» – «добавить новую»;
  3. активировать новую тему на панели админки;
  4. внести в дочерний шаблон необходимые настройки, дополнения.

Создание таблиц стилей

Файл style.css является единственным необходимым компонентом child theme. Style.css заменяет аналогичный родительский файл, определяет информационный заголовок. По нему движок распознает младшую тему. Заголовок располагают первой строчкой как при оформлении любых основных тем. Но существует важное отличие – для дубликата нужно обязательно указать строку «тemplate», чтобы различить родительский и дочерний шаблон.

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

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

Создание файла functions.php

Functions.php работает по-другому. Он не заменяет полностью родительский аналог, а загружается непосредственно перед ним и действует как дополнение к нему. Если появляется необходимость добавить новый код php, для него нужно создать соответствующий файл в младшей теме. Его следует поместить между тегами php. Любые последующие изменения php вносятся в этот же файл.

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

function favicon_link() {

echo ‘<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico” />’ . “\n”;

}

add_action(‘wp_head’, ‘favicon_link’);

Здесь в элемент php тела страниц дается ссылка на иконку сайта.

Активация дочерней темы

Активация происходит в админ панели WordPress. Нужно пройти по пути «внешний вид» – «темы», и найти дочерний дубликат. Он отличается отсутствием сопровождающей картинки. Рядом с ним следует нажать кнопку «активировать». Далее необходимо обновить сайт. На страницах обновленного портала все должно остаться как было. Если в элементах или отдельных частях сайта возникли ошибки, значит, активированная тема содержит неправильные коды.

Настройка дочерней темы в WordPress

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

Работа с файлами шаблонов

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

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

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

Использование в теме хуков

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

Хуки экшены вставляются практически в каждый современный макет сайта. Хуки экшены активно используются, являясь мощным инструментом, упрощающим работу связанную с разработкой качественных интернет порталов. Часто в последнее время разработчики вставляют пустые хуки, пользователи могут наполнять их по своему усмотрению. Имеют темы вордпресс два хука-экшена (действия) по умолчанию. Они называются wp_footer и wp_head. Благодаря наличию данных хуков существует возможность добавлять материалы без редакции базового шаблона.

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

Хуки-фильтры нужны для корректировки действий различных функций темы. Чтобы сделать это в теме – дубликате, нужно задействовать PHP. Выполняется необходимые действия совсем несложно. Создавая новые элементы PHP важно помнить элементарное правило – они должны начинаться и заканчиваться соответствующим тегом. Элемента, размещенные вне рамок тега не распознаются. Использование кодов-фильтров позволяет задавать определенные параметры отдельным функциям.

Быстрое создание дочерней темы плагином Child Theme Configuration

О пользе и определенной необходимости дочерних дубликатов сказано достаточно. Создать «дочь» возможно двумя способами. Во-первых, несложно сделать дубликат самостоятельно. Правда, создание младшей копии вручную требует времени на изучение тонкостей процесса, осуществление определенных действий с папками и кодами, чего многие пользователи WordPress стараются избегать. По этой причине существуют различные плагины, выполняющие работу по созданию child theme автоматически. Одним из наиболее популярных плагинов данного типа является «Child Theme Configuration».Дочерняя тема WordPress

Плагин «Configuration» пользуется повышенным спросом благодаря двум факторам. Первый – он достаточно прост в использовании, следовательно, подходит новичкам. Вторая – имеет множество тонких настроек, высоко оцененных опытными веб-мастерами.

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

Когда плагин завершит процесс создания младшей темы, она появится в общей папке с другими макетами на хостинге. Называние ей присваивается родительское, но с приставкой –child в конце. Дочерняя тема готова. Следует активировать ее, после чего начинать настраивать.

Первым этапом настройки является создание необходимых папок, импортирование в них информации из темы-родителя, поскольку по умолчанию плагин скопирует только «function.php». Добавление файлов с использованием плагина осуществляется не вручную, как при самостоятельном создании дочери, а автоматически. Нужно просто рядом с соответствующими пунктами в настройках поставить галочки. Галочками отмечаются типы папок, в которые планируется внести изменения. Потом внизу формы плагина под списком папок нужно нажать кнопку «копировать в дочернюю тему». Позже, в процессе разработки сайта достаточно легко перенести дополнительные папки, которые при первой настройке не были отмечены. Содержимое созданной плагином «дочери» смело видоизменяют, улучшают, корректируют. Родительский макет никакие внесения не отображает. При обновлении темы настройки сохранятся. Дорабатывать портал заново не придется.

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

    Комментарии и отзывы

    avatar
      Подписаться  
    На:
    Adblock
    detector