Сборка WordPress темы - разбиение на шаблоны

Продолжим.

Шапка сайта

Создайте пустой "header.php". Открываем "index.html" и "subpage.html. Высматриваем общие элементы, которые можно будет вынести. OK, это будет кусок разметки от объявления типа документа (DOCTYPE) до идентификатора section. После наполнения шапки результат будет вот таким. Он охватывает логотип, слоган, главное меню и значки Твиттера с RSS. Дополнительно охватим также начало разметки области содержимого:

	<!-- COLUMNS -->
	<div id="section" class="box">

Абсолютно все файлы сохраняем только, используя кодировку UTF-8 без метки BOM. Никакого обычного Блокнота только PSPad, Notepad++, Geany и им подобные текстовые редакторы.

Контент

Делаем "index.php". Вырываем от

		<!-- CONTENT -->
		<div id="content">

до

		</div> <!-- /content -->

Получается, что-то около 99 строк. Псоле данного шага ВордПресс наконец-то полностью увидит нашу работу, впрочем читателя ждет ещё ни одна манипуляция прежде чем мы получим нормальную готовую для использования в блоге тему.

Боковая колонка, "сайдбар"

Sidebar.php. Наполняем, руководствуясь описанными выше принципами. Вот его содержимое.

		<!-- SIDEBAR -->
		<div id="aside">
...
		</div> <!-- /aside -->

Подвал

Завершающий штрих разбивки: нижняя часть сайта, хватаем остатки.

В следующей части сего повествования будем склеивать части в единое целое (страницу) средствами PHP и API "движка".





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.