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

Здравствуйте уважаемые начинающие веб-мастера.

В предыдущей статье я показал как можно изменить оформление элементов в шаблоне сайта.

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

Такая необходимость вызвана следующим. Все шаблоны, взятые с вызывающих доверие ресурсов, систематически, хоть и не часто, обновляются.

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

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

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

А файлы основного шаблона обновятся и всё будет ОК.

Создать дочернюю тему из админки сайта нельзя. Для этого нужно зайти на сервер по пути public_html/wp-content/themes, и создать в папке themes ещё одну папку с именем ваша тема-child.

Затем открываем эту пустую папку, и копируем в неё файл стилей из вашей темы.

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

/*
Theme Name: Twenty Ten Child
Description: A subsidiary theme for the theme Twenty Ten
Author: Kutuzov Cergei
Template: twentyten
Version: 0.1
*/

И сразу после него правило:

@import url("../twentyten/style.css");

Естественно название темы у Вас будет своё.

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

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

Причём ни комментариев ни правил в файлы php добавлять уже не нужно.

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

При этом, в админке сайта в разделе Внешний вид — Редактор остаётся доступ к родительской теме.

22

Ну вот и всё. Как видите ничего сложного в создании дочерней темы нет.

Желаю творческих успехов.

Сайт в интернете, что дальше < < < В раздел > > > Как сделать иконку для сайта — favicon

Запись опубликована в рубрике CMS WordPress Система управления сайтом для создания блога. Добавьте в закладки постоянную ссылку.
А так же:

5 комментариев на «Дочерние темы»

  1. stariс говорит:

    Скорее всего, что можно. Но почему именно twentyteen? Это-же мамонт. Адаптировать надо. Не хотите посмотреть в сторону адаптивных тем?

  2. Людмила говорит:

    Товарищ Кутузов, большое спасибо за дельные советы.Я долго искала подобную информационную подборку. Хочу сделать полностью индивидуальный дизайн сайта, но не могла найти толкового мануала по всем шагам. Сейчас на этапе создания дочерней темы в разделе «шапка». У меня вопрос, страница (тело записи) в задумках имеет несколько блоков , разработанных в фотошопе. Это макет псд. Можно ли будет этот сложный многоэтажный макет вставить в данную тему твенти тен? Подписываюсь с названием своего сайта, но это не то, что я исправляю.

  3. Ирина говорит:

    Серёжа, СПАСИБО огромное за помощь! Вы, как всегда, отзывчивы, терпеливы и добродушны!

  4. stariс говорит:

    Две ошибки. Поставьте прямые кавычки вместо угловых, так как браузер угловые в коде не читает, и уберите шапку родительской темы, Вы же свою написали
    Картинка по ссылке http://trueimages.ru/img/28/a8/eb4fbf65.png.

  5. Ирина говорит:

    Серёжа, я выслала файл style.css. Скрин не стала делать, а просто его скопировала.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *