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

Зачем вообще может понадобиться создание собственного шаблона WordPress, когда можно воспользоваться имеющимися в базе заготовками? Вот какие причины могут подтолкнуть к этому:

• Можно получить уникальный сайт или лэндинг, отличный от конкурентов. Учитывая миллионы блогов, построенных на этой CMS, каждый типовой дизайн используется как минимум сотню раз.
• Полная свобода действий на этапе разработки. Можно добавлять собственный функционал с нужными именно вам рабочими элементами.
• Можно применять разные дизайны для разных разделов сайта, что невозможно при использовании готового шаблона.
• Можно сделать несколько видов и предоставить посетителям возможность переключаться между разными темами, что повысит интерес и лояльность к веб-ресурсу.
• Простота работы на Вордпресс делает ее доступной для многих (в помощь будут видео-уроки в интернете). А значит, собственноручная разработка главной или создание дочерней темы позволит сэкономить деньги на привлечении сторонних дизайнеров и программистов.
• Можно воспользоваться возможностью дочерних тем – когда корректировки вносятся в дублеры таблицы стилей style.css, а главный файл при этом остается нетронутым. Это позволяет быстро отменить изменения, если они окажутся неудачными, а также не терять наработки при обновлении основной темы.

Краткая инструкция

Конечно, пройти полное обучение тому, как создать шаблон страницы, с помощью одной статьи не получится. Для начала важно понять основы – как делаются самые простые темы. На основе них уже можно заняться «творчеством» и создать лэндинг или сайт по своим желаниям. Сейчас дадим вам краткую шпаргалку с поэтапными инструкциями – она поможет понять, как происходит создание сайта.

Шаг первый: подготовительные работы

Перед началом работ надо убедиться, что у вас есть текстовый редактор (самым простым является Блокнот или Nodepad++, тем более скачать их можно бесплатно). Следующий шаг – установка движка WordPress и набора Denwer на локальный компьютер. Денвер – это пакет важных инструментов для программистов. С помощью них значительно облегчается и ускоряется процесс разработки и внесения изменения сайтов. Как его устанавливать, подскажет это видео:

Шаг второй: создают папку новой темы

Переходим в нужную директорию. Она чаще всего имеет следующий путь: . Здесь хранятся все темы – и стандартные, и произвольные. Заходим в нее создаем новую папку. Называем ее, например, «MyFirstTheme».

Теперь переходим в новую папку и обязательно добавляем два файла, сделанных через Nodepad++ или другой редактор. Это index.php и style.css. Пока эти документы пусть останутся пустыми, потом мы еще займемся их наполнением. Еще добавьте в «MyFirstTheme» сюда папку images. куда можно будет добавлять картинки для оформления шаблона.

В последствии в «MyFirstTheme» можно добавлять шаблоны для отдельных частей сайта: боковой панели (sidebar.php), сайта (header.php), записей на страничках (single.php), комментариев (comments.php) и пр. Набор дополнительных файлов зависит от структуры, которую вы запланируете для своего веб-ресурса.

Шаг третий: наполнение index.php

Первое, что надо сделать – заполнить индексный файл (index.php). Вот пример самого простого кода, по которому у сайта будет четыре области: header, main, sidebar и footer.

В файле можно прописать любые элементы, которые вы хотите видеть у себя на сайте. Больше информации о прописывании кода index.php для создания тем в WordPress можно получить из видео:

Шаг четвертый: заполняем и style.css

Теперь надо открыть style.css, добавить и заполнить следующие поля (вписать вместо *** собственную информацию о сайте и владельце). Введенные данные будут отображаться в админке.

/*Theme Name: ***

Theme URI: http:// ***

Author URI: http:// ***

Description: ***

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

(информация в /**/ — это комментарии, а не части кода)

На данном этапе пока рано задавать строгие параметры стилей, но при дальнейшей работе с файлом вам пригодится этот видеоурок:

Шаг пятый: разбиваем файлы

Все элементы, указанные в index.php следует продублировать отдельными файлами. В шаге первом в примере помимо главной части main были указаны header, sidebar и footer – следовательно, для них создаем свои документы в формате.php.

Например, создаем файл header.php, открываем index.php. находим соответствующий участок кода и вставляем его в новый файл. Это будет:

Тоже самое проделывается для остальных частей. Это надо сделать для более легкой навигации. Когда элементов будущего сайта будет много, то отдельные файлы помогут лучше ориентироваться для проверки или внесения изменений.
Чтобы главный индексный файл был согласован с дополнительными, в index.php под блоками для каждой части надо прописать следующее:

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

• Header – стиль шапки вашего сайта.
• Comments – шаблон для создания комментариев.
• Home – тема для главной страницы.
• Page — определяет тему, если создадите отдельные странички на сайте
• Category – шаблон для разбивки на категории
• Date – определяет стиль вывода даты-времени.
• Archive – шаблон для архивного раздела со старыми материалами.
• Search – файл, в котором указываются параметры для поиска на сайте.
• 404 — шаблон для страницы, на которой сообщается об ошибке 404 Not Found.
• Footer – определяет стиль подвала вашего сайта.

Когда впоследствии вы будете дорабатывать каждый элемент, понадобится наглядный видеоурок. Вот несколько подборок, которые могут вам помочь:

Шапка в header.php:

Добавление контента:

Стилизация комментариев:

Подвал на сайте:

Как можно вносить изменения без опасений

Когда надо вносить изменения на страницы сайта, то есть риск что-то неправильно прописать и не суметь «откатить» назад. Также может случиться так, что внесения в таблицу стилей исчезнут при обновлении главной темы.

Чтобы этого не произошло, можно создать дочернюю тему WordPress (подтему) – это дублер файла стилей style.css, не затрагивающий главный файл (изменения в одном не отменяют обновления в другом).

Создание дочерней темы WordPress не составит никакого труда. Надо сделать новую папку в основном каталоге C:\WebServers\home\localhost\www\НАЗВАНИЕ_ЗАДАННОЕ_ПРИ_УСТАНОВКЕ\wp-content\themes . В новой папке делаем свой файл style.css с вот таким содержимым:

Theme Name: НАЗВАНИЕ ТЕМЫ

Template: НАЗВАНИЕ ПАПКИ В ДОЧЕРНЕЙ ТЕМОЙ

Theme URI: ЗАПОЛНИТЬ

Description: ЗАПОЛНИТЬ

Author URI: ЗАПОЛНИТЬ

/* импортируем стили родительской темы */

@import url(«../НАЗВАНИЕ/style.css»);

/* Свои дополнительные стили */

Foo{ color:red; }

Теперь можно в админке зайти во «Внешний вид›Темы» и активировать дочерний шаблон. В дальнейшем можно работать в новом файле. В дополнение небольшая видео-презентация на тему дочерних шаблонов:

Уютное рабочее место является одним из тех факторов, которые помогаю нам лучше справляться со своими рабочими обязанностями, создавая приятную атмосферу для работника. Это касается всех без исключения специальностей и, если постоянно рабочее место можно украсить своими дипломами, поставить туда хорошее эргономичное кресло, возможно, кому-то приятны глазу растения на рабочем столе и т.д., то для мобильных работников, постоянными для которых остаются лишь ноутбук и некоторые периферийные устройства, как говорится, не до «украшательств» временных рабочих мест. Конечно, мы всегда попытаемся найти уютный уголок в кафе с диванчиком, вдали от основной массы посетителей, однако, еще одним фактором который скрасит часы работы над очередным проектом является тема операционной системы. Основой для темы составляют рисунки на рабочем столе.

Несмотря на то, что существует достаточно большое количество тем, которые можно скачать с сайта Microsoft, хочется чего-то уникального, своего. На самом деле создать темы для Windows 8 проще простого.

Как создать тему.

Шаг первый нужно определиться с фотографиями и их количеством. Если вы фотограф, возможно приятны глазу будут свои работы, но даже если своих фотографий нет, до достать их для своей темы проще простого, достаточно в поисковике ввести интересующую темы, выбрать раздел «картинки», а в дополнительных настройках указать желаемые размеры фотографий.

Лучшим вариантом будет поиск фотографий с разрешение, которое соответствует разрешению вашего экрана. Можно использовать фотографии с тем же соотношением сторон, но с большим разрешением. Например, если у вашего монитора разрешение 1366 на 768, то подойдут и фотографии 1600 на 900, 1920 на 1080, или любое другое выше 1366 на 768 с соотношение 16 к 9. Если использовать разрешение фотографий меньше разрешения рабочего стола, то придется мирится с ухудшением качества самой картинки на рабочем столе, если она будет отмасштабирована до размеров рабочего стола.

Шаг второй. После того, как набор картинок собран, нужно вызвать окно персонализации системы.

В разделе «Фон рабочего стола» добавить паку с сохраненными рисунками.

Шаг третий. Тема практически готова, осталось настроить дополнительные параметры, такие как: периодичность смена изображения, порядок повтора картинок, звуковую схему темы, заставку, а также цвет окон. Касательно последнего параметра следует сказать, что, начиная с 8й версии Windows у пользователей появилась возможность выбора сменяемой цветовой схемы, что в определенной степени, приносит дополнительное разнообразие в темы.

В этом случае системой будет создан файл с расширением «.deskthemepack».

Многие, установившие себе windows 7 не нарадуются на интерфейс Аэро. Как же сделать свою тему в Windows 7?

Всё очень просто – я бы даже сказал интуитивно понятно, так как я сам сделал её через 3 минуты после того, как задался сделать свою собственную тему.

Для того, чтобы было наглядней, я сделаю инструкцию в картинках, то, что у меня английский язык в Windows думаю никому не помешает. В других языках – аналогично всё.

1. Нажимаем правой кнопкой мыши на рабочем столе – выбираем Personalize.

3. У нас откроется окно выбора фонов. Снимаем галочку у ненужных фоток. И по необходимости через кнопку Browse (обзор) – выбираем папку с фотографиями, которые вы хотите влить в тему. Оптимально, чтобы фотографии были с разрешением не менее 1024 на 768. Формат Jpeg. Фоток от 5-8. Это если вы собираетесь тему выложить в интернете. Если тему Windows 7 вы делаете для себя, то делайте как душе угодно. Внизу не забывайте о галочке – опции показа: случайно или последовательно. Также можно выбрать местоположение фонового рисунка – по умолчанию стоит обычно оптимальное значение (рисунок растягивать).

4. Далее сохраняйте изменения (Save Changes). У вас снова появится окно из пункта 2. Выбирайте Windows color – это по сути цвет темы. Вы можете выбрать цвет из предложенных или сделать свой оттенок. Плюс выбрать свою прозрачность.

5. Далее сохраняйте изменения (Save Changes). У вас опять появится окно из пункта 2. Выбирайте Sounds. Вдаваться в подробности как сделать свою звуковую схему – не буду. Можете выбрать в выпадающем списке из предложенных.

6. Можно выбрать скринсейвер для темы, но я не считаю нужным его вообще выбирать, ну кроме разве что черного экрана. Поэтому пункт Screen Saver благополучно опустим.

7. Далее мы увидим, что тема у нас уже в разделе мои темы (My Themes) и написано, что она не сохранена (Unsaved Theme). Нажимаем на ней правой кнопкой мыши и в выпадающем списке выбираем: первый пункт Сохранить тему (Save theme), если мы просто хотим её сохранить на своём компьютере (достаточно ввести имя). Или выбираем: второй пункт Save Theme for Sharing, чтобы сохранить тему в файл.

8. Всё тема создана. Можете скачать бесплатно тему Windows 7 – Чианг-Майский зоопарк . Именно на ней я и проводил свои опыты. Фотки там все сделаны мной.

Многие знакомы с принципом смены темы, но есть и такие, кому требуется подсказка, которая поможет осуществить желаемое. Но,как создать тему для Windows? Давайте разберемся, что к чему. На самом деле, в смене темы Windows XP и Windows 7 нет ничего сложного. Правда, если придерживаться инструкции и не выходить за ее рамки.

Как создать тему Windows XP?

Выполните следующие действия:

• Откройте компонент "Персонализация" (Панель управления), после чего выберите любую из предложенных тем для применения ее на рабочем столе.
• Измените каждый из элементов – звуковые эффекты, цвет границ окон, фон и заставку так, как предпочитаете именно вы.

Создание темы: первые шаги

• Первое действие:Откройте компонент "Персонализация" ("Пуск" -"Панель управления"). Щелкните не тему, для применения ее на рабочем столе. Измените один или несколько элементов рабочего стола. Так, допускается заранее подготовить более одного изображения, однако, использовать можно только одну из фотографий.
• Для изменения фона, выберите "Фон рабочего стола", затем перейдите к изображениям, установив флажки на тех, которые следует добавить в показ слайдов. Сохраните изменения.
• Для изменения цвета границ и окон, зайдите на панель задач -меню "Пуск". Щелкните "Цвет окна", выбрав требуемый цвет, настройте интенсивность. Сохраните изменения.
• Можно также изменить звуки, установленные по-умолчанию.
• Для изменения заставки щелкните: "Заставка" -"Выбрать элемент" и внесите свои правки.
• Тема появится в разделе "Мои темы", как несохраненная.

Есть довольно интересный режим смены обоев рабочего стола (режим слайдшоу). Более того, операционная система давно на "ты" с обоями слайдшоу, и самостоятельно умеет творить очередной шедевр – тему, которая придаст уникальности и добавит море эмоций и позитива на рабочий стол. Теперь давайте поговорим о том,что касается создания темы для операционной системы, которая имеет далеко не последний уровень популярности на сегодняшний день – Windows 7.

Как создать тему Windows 7?

• Первым делом, подберите фотографии для темы. Фото следует выбрать не меньше, чем разрешение вашего монитора. В количестве фотографий ограничений нет. Будет неплохо, если вы добавите при использовании "Фотошопа" или других программ (благо, сейчас их огромное количество) резкость на фото. Если требуется порядок показа, переименуйте фотографии так, чтобы они расположились в требуемом при сортировке порядке.
• Укажите фотографии слайдшоу в теме Windows.
• Кликните правой кнопкой мышки по свободному месту рабочего стола, выберите строку "персонализация". Кликните на фон рабочего стола.
• Укажите папку с фотографиями, после нажатия на "Обзор".
• Не забудьте настроитьрежим смены фотографий.
• Сохраните изменения.

Для сохранения своей темы выполните следующее:

• Наведите на созданную тему, щелкнув ПКМ (правой кнопкой мышки), выбрав "сохранить тему".
• Откройте окно, вписав имя темы.

Готово! Тема уже на рабочем столе.

Темы WordPress состоят из файлов и стилей, которые вместе определяют внешний вид сайта. Они могут сильно отличаться между собой, позволяя пользователям быстро изменить дизайн веб-сайта. Но зачем вам может понадобиться своя тема?

• Чтобы создать ваш собственный уникальный дизайн сайта.
• Чтобы воспользоваться , и для вывода различного содержимого и стиля страниц.
• Чтобы создать альтернативные шаблоны для специальных разделов сайта, например для страниц рубрик и результатов поискового запроса.
• Чтобы быстро переключаться между двумя разметками сайта, или с помощью позволить пользователям изменять вид вашего сайта.
• Чтобы предоставить тему в общественный доступ и позволить другим насладиться вашим дизайном.

Тема WordPress также предоставляет некоторые преимущества.

• Она разделяет стили представления и от системных файлов, позволяя производить обновления без сильных изменений внешнего вида сайта.
• Она позволяет настраивать специфические для данной темы параметры вывода.
• С помощью неё можно быстро сменить внешний вид сайта на основе WordPress.
• Благодаря ей, отпадает необходимость пользователю изучать CSS, HTML и PHP для того, чтобы сделать свой сайт привлекательным.

Но зачем вам создавать свою собственную тему? Вот в чём главный вопрос.

• Это возможность узнать больше о CSS, HTML/XHTML и PHP.
• Это возможность показать свои умения в CSS, HTML/XHTML и PHP.
• Это возможность творить.
• Это весело (по большей части).
• Если вы предоставили свою тему в общественный доступ , то вы получите удовлетворение от того, что поделились и дали что-то взамен Сообществу WordPress (можете похвастаться!)

Стандарты создания тем

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

• Используйте корректно структурированный, не содержащий ошибок PHP-код и валидный HTML-код (см. ).
• Используйте правильно составленный, валидный CSS-код (см. ).
• Придерживайтесь рекомендаций по .

Анатомия Темы

Темы WordPress находятся в поддиректориях wp-content/themes/ . Директория темы содержит таблицы стилей, файл дополнительного функционала (functions.php) и картинки. К примеру, тема под названием "test" вероятно будет расположена в директории wp-content/themes/test/ .

По умолчанию WordPress содержит три темы, созданные командой разработчиков Wordpress: "Twenty Fifteen", "Twenty Sixteen" и "Twenty Seventeen". Эти темы отличаются между собой и используют различные функции и теги для создания внешнего вида и страниц сайта. Внимательно изучите составляющие их файлы, чтобы лучше понять, как создать свою собственную тему.

Тема WordPress состоит из трёх основных типов файлов, в дополнение к изображениям. Первый - это таблица стилей под именем style.css , которая контролирует внешний вид страниц сайта. Второй предоставляет собой файл дополнительного функционала (functions.php). Остальные файлы - это файлы шаблонов , которые определяют, каким образом выводится информация из базы данных на веб-страницу. Давайте рассмотрим каждый тип по отдельности.

Таблица стилей темы

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

Ниже приведен шаблон заголовка таблицы стилей (style sheet header) вашей темы Rose . Он должен находится в начале файла стилей style.css , в первых строках:

/* Theme Name: Rose Theme URI: домашняя-страница-темы Description: краткое-описание-темы Author: ваше-имя Author URI: ваш-URI Template: напишите-здесь-наименование-родительской-темы--необязательное-поле Version: номер-версии--необязательное-поле. Развёрнутое описание темы/Лицензия-если-нужно. . */

Простейшая тема включает в себя только файл style.css плюс изображения, если они необходимы. Для создания такой темы необходимо в строке заголовка Template: указать имя родительской темы. Например, если ваша тема "Rose" происходит (наследует) от темы "test", напишите в заголовке style.css следующую строку:

Template: test

После добавления такой строки в заголовок style.css все шаблоны темы "test" будут наследоваться вашей темой "Rose", в которой ничего нет, кроме файла с таблицей стилей style.css , и возможно, рисунков. Эти файлы необходимо поместить в каталог wp-content/themes/Rose .

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

Комментарии в заголовке style.css нужны WordPress для идентификации темы и отображения её в подменю > в качестве установленной темы, вместе с другими установленными темами.

Примечание : Когда вы определяете родительскую тему, в строке комментариев Template: , вы должны использовать имя каталога темы. Например, для использования темы "Default Wordpress Theme", не пишите

Template: WordPress Default

а пишите

Template: default

поскольку "default" - это имя каталога родительской темы.

Файл дополнительного функционала

Тема может дополнительно использовать файл с необходимыми функциями для работы темы, он должен располагаться в каталоге темы и называться functions.php . Этот файл в основном работает подобно плагину, и если он присутствует в каталоге темы, которую вы используете, то он автоматически загружается во время инициализации WordPress. Это верно как для страниц админки, так и для остальных (внешних к админке) страниц. Предлагается следующее использование для этого файла:

• Определение функций, используемых в файлах шаблонов вашей темы;
• Настройки в админке вашей темы, которые предоставляют пользователям варианты настроек цветов, стилей или других аспектов вашей темы.

Темы, поставляемые с WordPress и установленные из коробки, имеют файл functions.php , который определяет ряд функций и настроек в админке темы, поэтому вы можете использовать его в качестве модели. Файл functions.php в основном работает как плагин, раздел Кодекса - лучшее место, где можно получить более подробную информацию о том, как вы можете использовать этот файл.

Файлы шаблонов темы

Выбор шаблонов, основанный на запросах

WordPress позволяет программисту использовать различные варианты для подключения шаблонов из набора : во-первых, с использованием иерархии шаблонов , во-вторых - с использованием условных тегов внутри цикла обработки файлов шаблона.

В первом случае, при использовании иерархии шаблонов , необходимо создать специальные файлы шаблонов, которые будут автоматически использоваться в необходимый момент для создания страницы вместо базового шаблона index.php . Например, если ваша тема содержит шаблон под названием category.php и пришёл запрос на страницу с категорией, шаблон category.php будет загружен вместо шаблона index.php . Если файл category.php в теме отсутствует, будет загружен шаблон index.php , как обычно.

Вы можете определить шаблон для конкретной категории, например, добавив в тему файл шаблона category-6.php . Файл будет использован вместо index.php в том случае, когда ID категории будет равен 6. Чтобы узнать ID категории, зайдите в > , если у вас есть доступ администратора в WordPress version 2.3 или ниже.

Начиная с WordPress 2.5 столбец ID был удалён из панели администратора. Вы можете определить ID категории, кликнув "Edit Category" и посмотрев в URL-е значение cat_ID. Например, конец URL:

"...categories.php?action=edit&cat_ID=3"

где "3" - и есть ID текущей категории. Более детально этот процесс рассмотрен в

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

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

Или, используя объект запроса, тот же алгоритм можно реализовать по-другому:

post; if ($post->in_category("9")) { include(TEMPLATEPATH . "/single2.php"); } else { include(TEMPLATEPATH . "/single1.php"); } ?>

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

Иконки типов файлов

Wordpress использует иконки типов файлов () в вашем блоге и в интерфейсе Админ-панели, если эти иконки существуют в указанном месте.

Wordpress ищет эти файлы в каталоге images текущей темы. (А в Wordpress 2.2, тема по умолчанию имеет только одну иконку, audio.jpg .)

Например, для отрисовки иконки типа MIME type audio/mpeg , Wordpress будет искать файл иконки в указанном каталоге images текущей темы, он выбирает первый подходящий файл (см. описание функции ):

1. my_theme /images/audio.jpg
2. my_theme /images/audio.gif
3. my_theme /images/audio.png
4. my_theme /images/mpeg.jpg
5. my_theme /images/mpeg.gif
6. my_theme /images/mpeg.png
7. my_theme /images/audio_mpeg.jpg
8. my_theme /images/audio_mpeg.gif
9. my_theme /images/audio_mpeg.png

Перечень стандартных файлов шаблонов темы

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

Style.css Главный файл таблицы стилей. Файл должен быть в теме обязательно и обязательно должен содержать описанные выше комментарии в заголовке файла. index.php Главный файл шаблонов. Если вы в своей теме используете свои шаблоны, этот файл index.php обязателен. comments.php Шаблон комментариев. Если его нет, используется файл comments.php из темы по умолчанию. comments-popup.php Добавляет всплывающее меню для комментариев на JS. При отсутствии вызывается comments-popup.php из темы по умолчанию. home.php Шаблон главной страницы блога. single.php Шаблон страницы одиночного поста. Используется, когда запрошен конкретный пост. Для этого и других шаблонов по запросу используется index.php , если в вашей теме нет соответствующего файла шаблона. page.php Шаблон отдельной страницы, используется для отображения запрошенной страницы . category.php Шаблон категории . Используется при запросе категории. author.php Шаблон автора блога . Используется при запросе автора блога. date.php Шаблон вывода даты-времени. Используется при запросе даты и времени. Год, месяц, день месяца, час, минута, секунда. archive.php Шаблон архива. Используется, когда запрошены категория, автор или дата. Учтите, что этот шаблон может быть переопределен шаблонами category.php , author.php и date.php для соответствующих типов запросов. search.php Шаблон результатов поиска. Используется после выполнения поиска. 404.php Шаблон для сообщения об ошибке . Используется, когда WordPress не может найти сообщение или страницу, которая соответствует запросу.

Эти файлы имеют специальное значение в WordPress, поскольку они используются для замены index.php , когда они есть в каталоге темы, в соответствии с иерархией шаблонов , и когда поступил соответствующий запрос; или же в соответствии с истинностью условных тегов , когда функция типа is_*(); возвращает "true".

Например, если требуется отобразить единственный пост, функция возвращает "true", и в каталоге активной темы есть файл шаблона single.php , этот шаблон используется для создания страницы.

Ссылки на файлы из шаблона

Тема WordPress по умолчанию представляет собой хороший пример техники (впервые описанной Майклом Хелманном (Michael Heilemann) в Kubrick в макете для WordPress 1.2), как запросы отображаются в шаблонах.

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

Следующий код добавляет URL каталога, который содержит файлы стилей.css вашей темы, в вывод шаблона. Вы можете добавить любую дополнительную информацию для ссылок на файлы вашей темы, особенно те, которые необходимы для таблиц стилей (чтобы этого избежать, используйте это вместо ).

Константа TEMPLATEPATH содержит абсолютный путь к каталогу шаблонов текушей темы (без символа "/" в конце).

Обратите внимание, что URI, которые используются в таблице стилей, привязаны к каталогу, где находится файл таблицы стилей, а не к каталогу, где находится шаблон, использующий эти стили. Это устраняет необходимость добавления кода PHP в файл таблицы стилей для задания текущего каталога. Например, если вы в таблице стилей используете изображения из каталога images/ своей темы, вы должны указать в CSS только относительный путь, например:

H1 { background-image: URL(images/my_background.jpg); }

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

Определение пользовательских типов шаблонов

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

Необходимые вызовы событий для совместимости

При разработке темы желательно иметь в виду, что ваша тема должна быть настроена таким образом, что она может хорошо работать с любым плагином для WordPress, который вы или другой пользователь вашей темы захочет установить. Плагины расширяют функциональные возможности WordPress с помощью перехвата событий ("Action Hooks", см. для получения дополнительной информации). Большинство событий происходит в ядре WordPress, так что вашей теме нет необходимости вызова перехваченных специальных событий для своей работы. Но некоторые перехваченные события всё же придётся вызывать, для того, чтобы устанавливаемые плагины корректно отображали информацию, непосредственно в заголовке (верхнем колонтитуле) и подвале (нижнем колонтитуле), в боковой панели, или в основном теле страницы. Вот список специальных тегов событий, которые необходимо вызывать в вашей теме для корректной работы любых плагинов:

Wp_head Происходит при отображении кода элемента в шаблоне header.php . Пример использования в плагине: добавление кода javascript. Использование: -или- wp_footer Происходит при отображении заголовка (верхнего колонтитула) "footer" темы в шаблоне footer.php . Пример использования в плагине: вставка кода PHP, который должен выполняться после всего, самым последним на странице. Использование: -или- wp_meta Событие обычно происходит при обработке тега

Meta

при отрисовке меню или в меню боковой панели в шаблоне sidebar.php . Пример использования: включение круговой рекламы или облака тегов в боковую панель. Использование: -или- comment_form Происходит при отработке скриптов шаблонов comments.php и comments-popup.php , непосредственно перед закрытием тега формы комментариев (). Пример использования: Показать предпросмотр только что добавленных комментариев. Использование: ID); ?>

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

Общие замечания для разработчиков тем

Пожалуйста, четко представьте себе и опишите в вашей документации на тему (файл README, включенный в вашу тему, поможет многим пользователям обойти любые потенциальные камни преткновения):

1. Укажите, для чего именно предназначена ваша тема и файлы шаблонов.
2. Придерживайтесь соглашения о наименованиях в стандартной иерархии темы.
3. Укажите недостатки вашей темы, если таковые имеются.
4. Пишите простые и понятные комментарии , особенно в сложных местах, в шаблонах и файлах стилей. Добавьте комментарии в местах, где вы изменили стандартное поведение шаблонов и стилей.
5. Если у вас есть какие-либо специальные требования, которые могут включать пользовательские правила перезаписи или изменений или использование некоторых дополнительных, специальных шаблонов, изображений или других файлов, пожалуйста, чётко укажите шаги действий пользователя, которые он должен предпринять, чтобы получить вашу тему полноценно работающей.
6. Попробуйте и протестируйте вашу тему в разных браузерах , чтобы поймать хотя бы некоторые из проблем, с которыми пользователи могут столкнуться .
7. Укажите контактную информацию (веб-страницу или электронную почту), если возможно, для информационной поддержки и вопросов пользователей.

Ссылки и ресурсы

Полный список ресурсов, касающихся тем и шаблонов доступен в статье .