Понимание иерархии шаблонов WordPress для более быстрой разработки

Создание темы WordPress - это не ракетостроение. Если вы начнете с основ, вы легко сможете погрузиться в разработку темы WordPress. Но прежде чем вы погрузитесь в хардкорную разработку, абсолютно необходимо, чтобы вы понимали иерархию шаблонов WordPress и иерархию тем WordPress. Страницы на веб-сайте WordPress создаются с использованием одного файла шаблона или комбинации файлов шаблонов, которые запрашиваются в определенной области веб-страницы.

Вот несколько примеров файлов иерархии шаблонов WordPress:

1. Index.php
2. Sidebar.php
3. Header.php
4. footer.php

Они находятся в папке wp-content / themes / theme-name . Существует много файлов структуры шаблонов WordPress, но только два файла абсолютно необходимы для работы темы WordPress, это index.php и style.css. Кроме того, functions.php (не рассматриваемый как файл шаблона) является обязательным файлом, который содержит функции темы. Чтобы добавить больше индивидуального внешнего вида нашему сайту и почувствовать, что мы можем использовать различные файлы шаблонов, доступные нам в иерархии тем WordPress.

Сначала, чтобы понять, как он отображает страницу и как перемещается вверх по иерархии шаблонов WordPress, давайте рассмотрим этот пример.

Посетитель посещает страницу отзывов на вашем сайте WordPress, и вы создали собственный шаблон страницы, известный как page-testimonials.php , WordPress затем загрузит page-testimonials.php. Однако, если page-testimonials.php не существует, тогда WordPress откатится и загрузит page.php, а если page.php не существует в файлах темы, WordPress загрузит index.php .

Я разобью файлы шаблонов на разделы, чтобы было легче понять их назначение и где они используются.

Базовая иерархия страниц WordPress

Базовая иерархия страниц WordPres включает:

1. index.php
2. header.php
3. footer.php
4. sidebar.php

1. Index.php

Как я упоминал ранее, index.php находится среди одного файла шаблона в иерархии страниц WordPress, необходимого для работы темы WordPress. index.php чаще всего используется для рендеринга домашней страницы темы WordPress. Когда файл шаблона не существует, например single.php или post.php, WordPress загружает index.php.

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

2. header.php

Header.php содержит заголовок сайта WordPress и обычно вызывается в начале всех файлов шаблонов. Обычно он содержит информацию заголовка, аналитику, вызовы файлов CSS, навигацию по сайту, заголовки страниц, логотип сайта и т. Д.

3. footer.php

Точно так же footer.php в файле в иерархии страниц WordPress используется для создания раздела нижнего колонтитула темы WordPress и вызывается в разделе нижнего колонтитула всех файлов шаблонов. Footer.php обычно содержит информацию об авторских правах, вызовы JS-файлов, области виджетов, которые обычно имеют навигацию по сайту.

4. sidebar.php

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

Страницы отображения главной страницы

1. front-page.php
2. home.php
3. page.php
4. index.php

На домашних страницах сайтов WordPress отображаются либо последние сообщения в блогах, либо статическая страница. Это зависит от настроек в настройках панели управления WordPress -> Чтение . Если он установлен на последние сообщения, он будет отображать последние сообщения блога на домашней странице, а когда он установлен на статическую страницу, он загрузит шаблон из иерархии шаблонов WordPress, такой как page.php или front-page.php.

Если существует front-page.php , WordPress будет использовать этот файл шаблона как для настроек « последние сообщения в блоге », так и « статическая страница ». Home.php будет загружен, если front-page.php не существует и «последние сообщения в блоге» установлены в настройках чтения WordPress.

Если в Настройках -> Чтение статической страницы со страницей сообщений выбран, то WordPress будет искать шаблон page.php для рендеринга домашней страницы.

Если, однако, front-page.php, page.php и home.php не существуют, WordPress вернется к index.php для рендеринга домашней страницы.

Страницы отдельных сообщений

1. single.php
2. singular.php

1. single.php

В WordPress отдельные сообщения в блоге отображаются с использованием файла single.php. В WordPress версии 4.3 и выше был добавлен новый файл шаблона WordPress singular.php.

Для пользовательских типов записей WordPress мы можем использовать single- {post-type} .php. Например, наш тип сообщения - животные, тогда WordPress будет искать single-animals.php, и он будет иметь приоритет над single.php. Если файл пост-типа не существует, он будет использовать single.php для рендеринга страницы.

2. singular.php

Singular.php используется в тех случаях, когда page.php и single.php обычно имеют один и тот же код. Если single.php не существует, WordPress будет искать singular.php.

Статические страницы

Страницы отображаются в следующем порядке:

1. шаблоны страниц
2. страница- {slug} .php
3. страница- {id} .php
4. page.php
5. singular.php
6. index.php

Как указано выше, если мы хотим, чтобы single.php и page.php выглядели одинаково, лучше создать singular.php.

Архивные страницы

1. author.php
2. category.php
3. taxonomy.php
4. date.php
5. tag.php
6. archive.php

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

У нас может быть один шаблон архива, то есть archive.php. Но для более детального изучения у нас есть author.php, category.php, taxonomy.php, date.php, tag.php, и все они довольно понятны.

В дальнейшем мы можем создавать индивидуальные шаблоны, например,

category- {slug} .php - если ярлык категории cute-kittens, WordPress будет искать category-cute-kittens.php, если он не существует, будет использоваться category.php.

category- {id} .php - если id = 3, WordPress будет искать category-3.php для рендеринга страницы. В противном случае он загрузит category.php

Аналогичная теория {slug} и {id} применима к странице «Тег».

Для пользовательских шаблонов Author мы можем использовать author- {nicename} .php или author- {id} .php. Если имя автора Энди, WordPress будет искать author-andy.php, если он не существует, WordPress вернется к author.php для рендеринга страницы.

Другие файлы шаблонов WordPress

- search.php

Результаты поиска в WordPress используют файл шаблона search.php. Если его нет, результаты поиска отображаются из index.php.

- attachment.php

Этот файл шаблона используется для отображения страниц вложений, таких как изображения и видео. image.php и video.php используются для рендеринга изображений и видео соответственно. Если эти файлы не существуют, используется attachment.php.

- 404.php

Не найденные страницы в WordPress отображаются с 404.php. Если 404 не существует, он отображает страницу из index.php.

- comments.php

Это шаблон комментариев, он вызывается в файлах шаблонов, таких как single.php или page.php, для добавления раздела комментариев.

Заключительные слова

Понимание иерархии шаблонов WordPress очень полезно, если вы хотите разработать собственные темы WordPress и / или настроить файловую структуру темы WordPress. Вам будет легко найти нужные файлы шаблонов для редактирования и настройки. Иерархия шаблонов WordPress хороша тем, что она следует строгому соглашению об именах. Создавать темы WordPress, как только вы овладеваете ими, становится проще простого. Вы можете обратиться к иерархии тем WordPress, чтобы получить быстрый и наглядный справочник по разработке темы.