SOFT SPRINT

softsprint.net
(en) shop

Cоздание темы WordPress — часть 1

lightweight themeРассмотрим создание собственной темы WordPress на примере минималистской Lightweight. Название темы походит от максимально облегчённых версий британских спортивных машин, например, Caterham. Сама тема также очень лёгкая и простая.

Скачать тему можете здесь

Материал со временем может редактироваться и дополняться, собственно, как и сама тема. Цель статей о создании темы на WordPress – систематизировать знания, создать справочник самых необходимых функций WordPress.
Как принято говорить в подобных альтернативных курсах обучения, читатель уже должен разбираться в HTML и CSS, чтобы уметь самостоятельно сверстать дизайн будущей темы.
Итак, начнём! Тема на WordPress может состоять лишь с двух файлов:

  • style.css
  • index.php

Файл index.php формирует весь функционал темы, а файл style.css придаёт ей внешний вид.

Касательно style.css
Файл style.css обычно лежит в корневой папке темы рядом с index.php и начинается со следующих закомментированных строк, которые платформа WordPress прекрасно распознаёт:

1
2
3
4
5
6
7
8
/*
Theme Name: Lightweight
Theme URI: http://softsprint.net/lightweight/
Description: Lightweight Theme
Author: SoftSprint
Author URI: http://softsprint.net
Version: 1.0
*/

где: Theme Name – название темы; Theme URI – ссылка, где постоянно храниться наша тема для скачивания; Description – описание темы; Author – автор темы; Author URI – адрес вебсайта автора темы; Version – версия темы (актуально, если планируете создавать обновления темы, прочее).

Далее следует обычное описание стилей, как на любом сайте. Файл style.css рассматриваемой в статье темы Lightweight — style.css

Касательно index.php
Хотя одного файла index.php и достаточно для работы темы, но обычно создаются ещё другие файлы, например:

  • single.php – используется для отображения постов темы;
  • page.php – используется для отображения страниц темы;
  • archive.php – используется для отображения архивов (например, вывод постов за май 2014 и т.д.);
  • search.php – используется для вывода результатов поиска;
  • 404.php – используется для не найденных страниц (ошибка 404);

Здесь важно понимать следующее: если в теме отсутствует, например, single.php, то при открытии поста загрузится index.php. При этом содержимое поста будет успешно отображено, но внешний вид и функционал страницы будет соответствовать index.php. Зачем же отдельно создавать single.php? Ответ: чтобы сделать нашу страницу поста индивидуальной, например, удалить постраничную навигацию, вывести комментарии, прочее.

Таким образом, без single.php тема будет работать (автоматически загрузится index.php), а наоборот (без index.php) – не будет. Это касается и остальных файлов (page.php, archive.php, прочих).

В следующей статье детально рассмотрим index.php.

Также Вы всегда можете у нас заказать создание вебсайта или даже интернет-магазина на WordPress по выгодной стоимости — читать подробнее…

CONTACT US
Cookies | Privacy Policy | Terms and ConditionsSoftSprint ©