Название

Создаем минимальную тему WordPress. Часть 1. Файл style.css.

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

На самом деле минимальная тема в wordpress создается довольно просто. Нужно создать всего лишь два файла:

1) Файл style.css

2) Файл index.php

Начнем по порядку, с файла style.css.

Если вы знакомы со стилями CSS, то вы уже должны знать, что файл style.css отвечает за стили и оформление вашего сайта.

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

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

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

О том, где хранятся все файлы темы, я писал здесь:

//webgyry.info/papka-themes-wordpress-gde

Переходим в эту папку. К примеру, я создам папку test_theme в которой буду размещать все файлы темы.
02-09-2014 21-06-19

Шаг 2. Создаем файл style.css в этой папке.

Далее я перехожу в папку test_theme, которую я только что создал и создаю в ней файл style.css.

О том, как это можно сделать, можете почитать здесь:

//webgyry.info/kak-sozdat-fayl-stiley-css

Шаг 3. Наполняем этот файл содержимым.

Теперь самое главное: нужно наполнить файл style.css содержимым, чтобы Wordpress понял, что мы создали новую тему.

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

/*   
Theme Name: Test_theme
*/

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

Имя_параметра: ваше значение

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

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

03-09-2014 5-33-13

Предлагаю посмотреть, как сейчас выглядит созданная нами тема в администраторской панели. Переходим в меню "Внешний вид - темы".

03-09-2014 5-37-29

Как видно из скриншота, Wordpress уже видит, что появилась новая тема под названием "theme_test" (это параметр Theme Name, который мы задавали в комментариях).

Но, эта тема воспринимается как поврежденная,т.к. отсутствует файл index.php, который является обязательным для любой Wordpress темы.

Назад Далее