Грамотные решения по разработке и продвижению веб-сайтов.
+380 93 988 5312
hello@qmiart.com
helloqmi

Звоните, пишите, всегда рады помочь!

September 27, 2012

Файлы шаблонов темы WordPress

wordpress шаблоныФайлы шаблонов являются строительными блоками Вашего сайта на WordPress. Они сочетаются друг с другом, как кусочки мозаики, для создания веб-страниц на Вашем сайте. Некоторые шаблоны (header и footer, например) используются на всех веб-страницах, в то время как другие используются только при определенных условиях. Традиционные веб-страницы состоят из двух файлов:

  • XHTML-страница – отвечает за структуру и содержания страницы.
  • CSS Style Sheet – содержит стили для элементов страницы.

В WordPress присутствуют (X)HTML структура и CSS стили, но содержание формируется “за кулисами”, различными файлами шаблонов. Файлы шаблонов и стилей собраны вместе и хранятся в теме WordPress. Чтобы узнать больше о создании темы, читайте раздел Создание Тем из официальной документации.

Структура WordPress страницы

Структура простой веб-страницы WordPress состоит из трех основных блоков: header, content и footer. Каждый из этих блоков генерируется файлом шаблона в вашей текущей WordPress теме.

  • header.php содержит всю информацию, которая должна быть в верхней части – т.е. внутри тега head – вашей веб-страницы XHTML; сюда входят такие теги как doctype, meta, а также ссылки на таблицы стилей. Эта часть также включает в себя теги заголовка Вашей страницы (которые обычно включают в себя название Вашего сайта, логотип, описание вашего сайта и т.д.).
  • content.php содержит посты и страницы вашего сайта, то есть “основа” Вашего сайта.
  • footer.php содержит информацию, которая идет в нижней части страницы, такие как ссылки на другие страницы или категории, контактную информацию, дополнительное меню навигации, авторские права и другие детали.

Основные файлы шаблона

Для создания сайта в WordPress теме, начните с файла index.php, он лежит в папке Вашей темы. Этот файл имеет две основные функции:

  • Подключить или вывзвать другие файлы шаблонов.
  • Подключить WordPress Loop для сбора информации из базы данных (сообщений, страниц, категорий и т.д.)

Для нашей простой структурой, мы должны включать в себя только два файла шаблона: header и footer. Они должны называться header.php и footer.php. Теги шаблона, которые включают эти файлы, выглядят следующим образом:



Для отображения записей и страниц вашего блога Ваш файл index.phpдолжен запустить WordPress Loop между вызовом header-а и footer-а.

Более сложные структуры страниц

Многие темы WordPress включать в себя одну или несколько боковых панелей, которые содержат функции навигации и больше информации о вашем сайте. Боковая панель создается файлом шаблона и называется sidebar.php. Он может быть включен в Ваш index.phpи обозначаться таким тегом шаблона:

Обратите внимание, что мы не включили в шаблоне тег, для того, чтобы “получить” содержание нашей веб-страницы. Это потому, что содержание формируется в Loop WordPress, внутри index.php. Также отметим, что таблица стилей темы определяет внешний вид и размещение header-а, footer-а и sidebar-а.

Файлы шаблона внутри файла шаблона

Мы уже познакомились с тем, как WordPress включает в себя стандартные файлы шаблонов (header, footer и sidebar) в файле index.php шаблона. Вы также можете включать другие файлы шаблонов в любой из ваших файлов шаблона. Например, sidebar.php может содержать файл шаблона, который генерирует форму поиска – searchform.php. Потому, что это не один из стандартных файлов шаблона WordPres. Код для подключение немного отличается:

Мы не должны больше включать и прописывать TemplatePath, чтобы получить наши формы поиска в WordPress теме, нам это предоставляет тег шаблона выше. Большинство WordPress тем включают в себя файлы шаблонов, которые в свою очередь включают различные файлы других шаблоны для создания веб-страниц на сайте. Следующие файлы шаблонов характерны для основного шаблона (index.php) сайта на WordPress:

  • header.php
    • theloop.php (The Content)
    • wp-comments.php
  • sidebar.php
    • searchform.php
  • footer.php

Тем не менее, эта структура может быть изменена. Например, Вы могли бы поставить форму поиска в заголовке.

Теги: , , ,