Пыльца сосны Россия
Инструкция
Все нюансы сборки, переработки, заготовки и применения.
-- Купить пыльцу высшего качества --

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

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

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

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

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

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

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

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

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

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

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

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

/*
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 не будет опубликован. Обязательные поля помечены *