И так, после того как вы получили (нарисовали) макет, проанализировали его и решили для себя что где, время приступить к непосредственному созданию шаблона для WordPress. Естественно каждый делает как ему удобно. Кто-то сначала делает html версию шаблона, а потом натягивает её на движок (в нашем случае wordpress), а кто-то, в том числе и я, сразу делает php файлы без html вёрстки.

Понятное дело, что без знаний html-вёрстки сайтов вам не обойтись, я же не заостряю на этом внимание и подразумеваю, что вы её знаете. Если же нет, сначала стоит ознакомиться с ней самостоятельно, или же просмотрев видео-курсы по которым изучал я.

В wordpress почти вся динамическая информация выводится через функции, их очень много, и почти все они описаны в кодексе codex.wordpress.org.

И так, что у нас есть: разрезанный макет сайта, текстовый редактор и дикое желание сделать шаблон для wordpress. Что ж, приступим…

Для начала стоит разобраться с «вспомогательными» файлами, а именно style.css, functions.php

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

/*
Theme Name: название темы
Theme URI: ссылка на тему
Author: автор темы
Author URI: ссылка на автора
Description: описание темы
Version: версия
License: лицензия
License URI: имя файла лицензии
Tags: метки темы
*/

Не все они являются обязательными, достаточно указать только имя темы.

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

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'=>'Название зоны для виджетов',
'before_widget' => '
', //Код который выводится ДО виджета 'after_widget' => '
', //Код который выводится ПОСЛЕ виджета 'before_title' => '
', //Код который выводится ДО заголовка виджета 'after_title' => '
' //Код который выводится ПОСЛЕ заголовка виджета ));

Если не задавать значения ‘before_widget’, ‘after_widget’ и т.д., тогда будет определён вывод по умолчанию (по умолчанию все виджеты это элементы маркированного списка — <li>).

Определяем необходимое количество зон, не забывая всё обрамить тегами для php кода


Навигация по циклу статей «Как создать шаблон для WordPress»