Рубрика: Разное

Основные файл-шаблоны темы WordPress

Рассмотрим из каких файлов (файл-шаблонов) состоит стандартная тема WordPress.

Чтобы создать тему, достаточно всего лишь два файл-шаблона WordPress:
index.php — главный файл-шаблон темы,
style.css — главная таблица стилей темы,
Всё уже можно создавать простейшую тему для CMS WordPress.

Рассмотрим остальные файл-шаблоны темы WordPress

functions.php — один из важнейших файлов, позволяющий подключать виджеты сайдбара, меню, миниатюры и многие другие полезные элементы сайта созданного на WordPress,
screenshot.png — скриншот темы сайта, обычно это изображение с размерами 800×600, это изображение можно увидеть в разделе выбора тем, в админке WordPress Внешний вид -> Темы

Подключаемые файлы отвечающие за структуру страницы сайта

header.php — подключаемый файл содержащий код шапки страницы сайта,
sidebar.php — подключаемый файл содержащий код сайдбара (боковую панель) страницы сайта,
footer.php — подключаемый файл содержащий код подвала страницы сайта.

Файл-шаблоны отдельных страниц сайта

single.php — файл-шаблон отвечающий за отображение страниц типа post (обычно это новости, записи, товары и т.д.),
page.php — файл-шаблон отвечающий за отображение страниц типа page (обычно это страница ‘о компании’, ‘контакты’, ‘наши услуги’ и т.д.),
404.php — файл-шаблон отвечающий, за вывод страницы при возникновении 404 ошибки (данная ошибка возникает при открытии не существующей страницы). Например вы можете открыть не существующуюю страницу данного сайта и попасть на страницу 404, пример http://gabdrahimov.ru/1111

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

Остальные файл-шаблоны, не обязательные

home.php — файл-шаблон главной страницы сайта,
front-page.php — файл-шаблон главной страницы сайта (этот главнее чем home.php),
category.php — файл-шаблон выводящий список постов, какой-либо категории,
author.php — файл-шаблон выводящий список постов, какого-либо автора,
date.php — файл-шаблон выводящий список постов, какой-либо даты.

Файл-шаблонов WordPress на самом деле еще больше, со всеми ими мы познакомимся чуть позже, особенно подробно рассмотрим их при изучении «Иерархии шаблонов WordPress».

Папки темы WordPress

Помимо файл-шаблонов в теме WordPress могут быть еще и различные папки, содержащие файлы скриптов JavaScript, дополнительных стилей CSS, файлы изображений дизайна темы, файлы шрифтов и т.п.

Для начала создадим правильный файл style.css

Создаём свою тему на WordPress 4

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

Прежде чем начать изучать уроки по темизации WordPress, вы уже должны знать как установить WordPress (локально или на хостинг). Уметь администрировать WordPress: создавать посты и страницы, пользоваться виджетами и плагинами.

Помимо начальных знаний о CMS WordPress, вы также должны уметь верстать сайты (понимать что такое шапка сайта, сайдбар, подвал и т.д.), знать на хорошем уровне языки HTML и CSS.

В цикле уроков учебника по «Самостоятельному созданию своей темы для WordPress», мы научимся:

1. Разбираться в иерархии шаблонов WordPress
2. Создавать шаблоны для постов (записей) и страниц
3. Узнаем что такое цикл и его теги (функции)
4. Грамотно подключать файлы стилей CSS и скриптов JavaScript
5. Использовать файл functions.php с помощью которого на сайт внедряются, такие элементы как:
• Сайдбар с виджетами
• Произвольное меню
• Миниатюры
• Устанавливают правильные пути к файлам CSS и JS
• и мн.др.
6. Создавать собственные комментарии для сайта
7. и много чего ещё интересного…

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

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

Где хранятся темы WordPress?

Темы которые установлены в ваш WordPress, хранятся по адресу /wp-content/themes/

Чтобы подключить свою тему к WordPress, нужно в папке themes, создать папку с каким нибудь именем (например mytheme), и в этой папке разместить файл-шаблоны темы.

Чтобы ваша тема была видна в админке WordPress Внешний -> Темы

Достаточно всего лишь в папке с вашей темой (например в папке mytheme), разместить 2 пустых файла index.php и style.css, и ваша первая тема уже готова, правда если вы её активируете и перейдете на главную страницу сайта то он окажется пустым.

Чтобы на сайте с вашей темой была видна различная информация (посты, страницы, виджеты, дизайн), нужно файл шаблоны заполнить HTML-тегами и некоторыми WordPress фунциями, написанными на языке PHP. Кстати сразу вам скажу, чтобы создавать темы для CMS WordPress, знать язык PHP хоть и желательно, но вовсе не обязательно.

В данном учебнике создадим простую тему WordPress, где ничего программировать не нужно, просто скопируете и вставите необходимый PHP-код, который встречается практически в каждой теме. В последующих учебниках WordPress, где мы будем создавать более сложные темы, вполне возможно вам уже придётся знать хотябы основы языка PHP.

При создании тем, можете использовать любой удобный вам текстовый редактор файлов: Notepad++, Sublime Text, Brackets и т.п. Я буду использовать Sublime Text. Главное в редакторе не забудьте установить кодировку UTF-8 (без BOM).

В заключение, по первому уроку темизации WordPress

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

• Скачать последнюю четвёртую версию CMS WordPress
• Установить её локально или на хостинг
• Создать 10 любых записей, можно одинаковых, главное заполнить заголовок и текст



• Создать по адресу /wp-content/themes/ папку с любым именем, например mytheme
• В папке mytheme создать два пустых файла: index.php и style.css

Читать далее: основные файл шаблоны темы WordPress.