Создание тела, шапки, сайдбара и подвала сайта

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

Далее  рассмотрим как создать и наполнить файлы header.php, index.php, sidebar.php и footer.php для обеспечения верной организации кода темы сайта.

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

Файл header.php - шапка сайта

В файле header.php чаще все хранится верхняя часть разметки темы сайта и содержимое тега <head>.

Создадим файл header.php в корневом каталоге темы сайта.

touch /var/www/example.ru/www/wp-content/themes/travelblog/header.php

Заполним его минимально необходимым содержимым для темы блога о путешествиях.

Файл index.php - тело сайта

index.php является файлом шаблоном для всех страниц сайта (если не используются другие шаблоны).

index.phpагрегирует в себе все вспомогательные файлы (header.php, sidebar.php, footer.php) и содержит в себе главную разметку и данные сайта.

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

Создадим index.php и сделаем в нем вывод списка постов.

touch /var/www/example.ru/www/wp-content/themes/travelblog/index.php

Файл sidebar.php - сайдбар сайта

sidebar.php предназначен для разметки боковой колонки, отделенной от основного контента.

Важно понимать, что sidebar.php никак не влияет на расположение блоков. Добиваться бокового расположения сайдбара необходимо с помощью CSS.

Простой пример содержимого sidebar.php.

touch /var/www/example.ru/www/wp-content/themes/travelblog/sidebar.php

Файл footer.php - подвал сайта

В footer.php содержатся закрывающиеся теги, которые были открыты в файле header.php.

Также в footer.php можно добавить разметку для дополнительного контента.

touch /var/www/example.ru/www/wp-content/themes/travelblog/footer.php