Просмотров: 1 674

Как создать дочернюю тему (шаблон) для WordPress.

В прошлом уроке (//webgyry.info/choose-cms-sistemyi/chto-takoe-shablon-tema-wordpress/) мы разобрались, что собой представляет тема (шаблон) для wordpress.

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

Шаг 1. Создаем папку, в которой будет находиться тема.

Каждая тема для Worpdress находится в отдельной папке, которая должна находиться по следующему пути:

wp-content/themes/

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

Шаг 2. Создаем файл, который позволит wordpress понять, что у него появилась новая тема.

Таким файлом для WordPress является файл style.css. Обратите внимание, что файл имеет имя style. Файлы стилей с другими именами будут игнорироваться wordpress.

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

О том, как можно создать файл стилей с расширением *.css, можно почитать здесь:

Как создать файл стилей css?

Шаг 3. Даем название для темы и указываем родительскую тему.

Для того, чтобы wordpress  понял, что в папке test у нас находиться новая тема, в комментариях файла style.css нужно написать следующий код:

/*  
Theme Name: test theme
Template: twentyeleven
*/

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

Здесь параметр Theme Name – задает уникальное имя для темы. Это имя будет отображаться в панели управления.

Параметр Template – указывает на тему, которая будет являться родительской для той, которую мы только что создали. В качестве значения нужно указать название папки, в которой находиться файлы темы. Обратите внимание, что указывать нужно именно имя папки, в которой находиться тема, а не имя темы (Theme name).

Таким образом, основой темы, которой мы с вами создали, будет тема twentyeleven, она будет являться родительской темой. Файлы, которые мы будем добавлять здесь, будут дополнять и корректировать родительскую тему.

Шаг 4. Активируем тему и убеждаемся, что все работает.

Чтобы убедиться в том, что тема работает, мы должны ее активировать через админ панель и добавить в файл style.css какой-нибудь код. Например, такой:

* {color:red}

Все элементы окрасятся в красный цвет.

Вот таким образом создается самая простая тема для wordpress. Можете попробовать на практике.

[owordpress]

  • Нестор

    Получается мы лишь модифицируем существующую тему. А как на счёт своей собственной, уникальной, темы с абсолютно своим набором и позиционированием элементов? Как было показано в предыдущей статье, там должна быть целая куча php файлов…

    • admin

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