Создание своей темы на WordPress

После того как Вы установили WordPress, заходим в директорию «\wp-content\themes»,  где расположены все темы и создаем там папку с названием своей новой темы, в моем случае это будет папка «New 3.0 Theme». Далее качаем архив в котором находится заготовка для темы с необходимым набором файлов и папок, далее копируем содержимое архива в папку с нашей новой темой.

• 404.php — шаблон для отображения ошибки 404 Not Found (не найдено).
• category.php — шаблон вывода постов в категории.
• comments.php - стандартная форма комментариев
• footer.php — обычно содержит код нижней части html- документа сайта (футера) ,  который подключается во всех шаблонах.
• functions.php — файл с необходимыми функциями для этой темы.
• header.php - обычно содержит код верхней части html- документа сайта (хедера),   который подключается во всех шаблонах. Также в нем размещены стандартные функции WordPress, для корректного отображения правильных путей для файлов скриптов и стилей темы и т.д.
• index.php — шаблон который подключается по умолчанию, если отсутствуют какие-либо специализированные шаблоны, например, если отсутствует шаблон page.php, то будет использоваться index.php.
• page.php — шаблон для вывода  статических страниц сайта.
• sidebar.php — обычно используется для вывода в этом блоке сайта разного рода виджетов, меню и т.д.
• single.php —  шаблон для вывода страниц постов.
• style.css — основной файл стилей.
• screenshot.png — скриншот темы размером 880 x 660

Теперь, когда у нас есть скелет темы, можно приступать к натягиванию на него своей верстки. В качестве примеров кода  будет браться содержимое файлов из архива с заготовкой для темы. В шаблонах часто будут встречаться стандартные функции wordpress, но я  буду объяснять их назначение по минимуму или совсем не буду о них говорить, их подробное описание вы всегда можете найти на специализированных сайтах воспользовавшись поисковиком.

1 шаг — style.css

Вместо стандартного содержимого этого файла скопируйте сюда все стили используемые в вашей верстке.

2 шаг — header.php

Сюда копируется верхняя часть html-документа, до того места где должен выводится контент, оставшуюся часть кода нужно поместить в footer.php, а на месте контентной части нашей темы будет выводиться содержимое всех других шаблонов нашей темы.

3 шаг — footer.php

Копируем нижнюю часть html-документа

4 шаг - index.php

Это шаблон главной страницы нашего сайта.  В нем будет выводится сайдбар, заголовок страницы, контент и постраничная навигация.

5 шаг - sidebar.php

Файл sidebar.php будет отображать информацию, которую мы хотим видеть на боковой панели.  На 4-ом шаге можно посмотреть как его подключить в нужном шаблоне.

6 шаг — single.php

Шаблон single.php будет использоваться для вывода одиночной страницы поста.

7 шаг — page.php

В файл page.php находится код отвечающий за отображение статических страниц нашего сайта. Он будет практически идентичен тому, который был размещён в single.php.

8 шаг - category.php

Файл category.php предназначен для вывода сообщений из определённой рубрики или архива. Здесь, основная часть кода будет похожа на page.php и single.php, которые рассматривали чуть ранее, за исключением определенной части кода:

Скачать исходники