Структура шаблона wordpress: Структура шаблонов темы WordPress, их иерархия и порядок работы движка с файлами страниц

Каждый, когда был маленьким, при виде какого-то предмета, жаждал узнать, что там внутри – у телевизора, магнитофона, автомобиля. Ведь было так интересно покопаться во внутренностях, что-то там изменить, и чтобы это работало с твоими поправками, которые удобны именно тебе.

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

Файловая структура шаблона

Каждый шаблон сайта WordPress состоит из нескольких файлов PHP и одного или более CSS. Каждый из них выполняет свою функцию. Некоторые шаблоны могут содержать дополнительные файлы. Вот перечень обязательных файлов шаблонов сайтов WordPress:

• styles. css – файл стилей. Он определяет внешний вид всех элементов сайта – цвета, размеры, положение на экране и относительно друг друга и проч.
• index.php – основной шаблон сайта WordPress.
• сomments.php – файл, отвечающий за вывод комментариев на WordPress. Если этого файла в шаблоне нет, то будет применяться этот же файл из темы по умолчанию.
• comments-popup.php – отвечает в шаблоне сайта WordPress за вывод комментариев в popup окне.
• php – отвечает за содержание главной (домашней) страницы сайта.
• php – выводит текст статьи и определяет его вид.
• php – определяет то, как будет выглядеть страница в шаблоне сайта WordPress.
• php – отвечает за категории на сайте.
• php – отвечает за отображение данных автора.
• php – выводит архив записей с сортировкой по датам.
• php – отвечает за вывод архивов.
• php – этот файл в шаблоне сайта WordPress выводит результаты поиска из стандартной формы.
• php – определяет то, как будет выглядеть шаблон страницы ошибки 404.
• php – выводит шапку сайта, и отвечает, за всё, что в ней содержится – название, логотип и проч.
• php – этот файл шаблона сайта WordPress создаёт области меню и виджетов вертикально или горизонтально.
• php – всё, что умеет шаблон, содержится в этом файле WordPress в виде разнообразных скриптов.

Каждый из этих файлов может быть отредактирован. И сделать это можно двумя способами. Самый простой – воспользоваться встроенным редактором шаблона сайтов WordPress, который находится в пункте «Внешний вид» – «Редактировать». Однако тут не подсвечивается синтаксис, и будет не очень удобно. Второй способ – скачать файлы себе на компьютер, отредактировать через редактор, который подсвечивает синтаксис, и закачать обратно на сайт.

Руководство по иерархии шаблонов WordPress и ее структуре

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

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

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

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

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

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

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

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

1. Индекс.php

Как я упоминал ранее, index.php входит в число файлов шаблона, необходимых для работы темы 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 и вызывается в разделе нижнего колонтитула всех файлов шаблонов.Footer.php обычно содержит информацию об авторских правах, вызовы JS-файлов, области виджетов, которые обычно имеют навигацию по сайту.

4. sidebar.php

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

1. первая страница.php
2. home.php
3. page.php
4. index.php

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

Если первая страница.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 будет искать категорию-3.php для рендеринга страницы. В противном случае он загрузит category.php

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

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

— search.php

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

— attachment.php

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

-404.php

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

— комментарии.php

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

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

Начните расти с Cloudways уже сегодня!

Мы никогда не идем на компромисс в отношении производительности, безопасности и поддержки.

Ахсан Парвез

Ахсан — менеджер группы сообщества в Cloudways — управляемой платформе облачного хостинга.Он любит решать проблемы и помогать клиентам Cloudways во всем, что может. В свободное время он играет в компьютерные стратегии в реальном времени.

Получите наш информационный бюллетень

Спасибо за подписку на нас!

Руководство для начинающих по иерархии шаблонов WordPress (шпаргалка)

После нашей инфографики о том, как WordPress работает «за кулисами», несколько пользователей попросили нас рассказать, как тема WordPress работает «за кулисами».

В этой статье мы объясним иерархию шаблонов WordPress для начинающих. Эта шпаргалка чрезвычайно полезна при настройке шаблона или создании собственной темы WordPress.

Pro Tip: Хотите создавать собственные целевые страницы, не меняя тему WordPress? Попробуйте SeedProd, это лучший конструктор страниц WordPress для перетаскивания.

Зачем изучать иерархию шаблонов WordPress?

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

Связано: 9 вещей, на которые вы должны обратить внимание при выборе идеальной темы WordPress для своего сайта.

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

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

Сказав это, давайте посмотрим, как эта иерархия шаблонов WordPress работает за кулисами.

Визуализация иерархии шаблонов WordPress (шпаргалка)

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

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

Какие файлы шаблонов используются на домашней странице?

По умолчанию WordPress отображает сообщения вашего блога на главной странице вашего веб-сайта. Вы также можете настроить его на использование настраиваемой домашней страницы (также известной как главная страница), посетив «Настройки » »Чтение страницы в области администрирования WordPress.

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

2.home.php — Если вы используете статическую главную страницу и в вашей теме нет шаблона front-page.php, WordPress будет искать шаблон home.php. Он также используется для отображения сообщений блога по умолчанию на домашней странице.

3. index.php — Если front-page.php или home.php не существуют, WordPress возвращается к шаблону index.php для отображения домашней страницы. Этот шаблон является резервным шаблоном по умолчанию в WordPress для отображения любой страницы.

Какие файлы шаблонов используются для отдельного сообщения?

WordPress ищет эти файлы для отображения одного сообщения.

1. single- {post-type} — {slug} .php — Используйте этот шаблон для изменения отображения определенного отдельного сообщения в любом типе сообщения. Например, если тип сообщения — «обзор», а ярлык сообщения — acme-phone, то WordPress будет искать single-review-acme-phone.php .

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

3. single.php — WordPress вернется к single.php .

4. singular.php — этот шаблон добавляет еще один резерв для отображения одного элемента из любого типа сообщения.

5. index.php — Наконец, как упоминалось выше, WordPress в конечном итоге возвращается к index.php.

Какие файлы шаблонов используются на одной странице?

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

1. Пользовательский шаблон страницы — Шаблон страницы, назначенный странице. Узнайте, как создать собственный шаблон страницы в WordPress.

2. page- {slug} .php — Если ярлык страницы — contact-us, WordPress будет использовать page-contact-us.php .

3. page- {id} .php — Если идентификатор страницы 17, WordPress будет искать файл шаблона с именем page-17.php .

4.page.php — Шаблон для отображения всех статических страниц.

5. singular.php — этот шаблон является резервным вариантом по умолчанию для всех элементов одиночного типа.

6. index.php — резервный шаблон по умолчанию.

Какие файлы шаблонов используются в архивах категорий?

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

1. category- {slug} .php — этот шаблон используется для отображения страницы архива категории для определенной категории.Например, если ярлык категории — reviews, то WordPress будет искать шаблон category-reviews.php .

2. category- {id} .php — WordPress затем ищет шаблон с идентификатором категории. Например, если идентификатор категории 17, то WordPress будет искать category-17.php .

3. category.php — это шаблон по умолчанию для отображения всех страниц архива категорий в WordPress.

4. archive.php — это шаблон по умолчанию, используемый WordPress для отображения любых страниц архива.

5. index.php — резервный шаблон по умолчанию.

Какие файлы шаблонов используются в архивах тегов?

WordPress использует эти файлы для отображения страниц архивов тегов.

1. tag- {slug} .php — Если ярлык тега — fruit, WordPress будет искать tag-fruit.php .

2. tag- {id} .php — Если идентификатор тега 17, WordPress будет искать шаблон tag-17.php .

3.tag.php — шаблон по умолчанию для архивов тегов.

4. archive.php — шаблон по умолчанию для любой архивной страницы.

5. index.php — резервный шаблон по умолчанию.

Какие файлы шаблонов используются в архивах пользовательской таксономии?

Категории и теги — это две таксономии WordPress по умолчанию. Пользователи также могут создавать свои собственные пользовательские таксономии. Вот как WordPress ищет шаблоны для отображения пользовательских страниц таксономии.

1. taxonomy- {taxonomy} — {term} .php — Если у вас есть настраиваемая таксономия, называемая жанром, и есть термин «триллер», то WordPress будет искать taxonomy-genre-thriller.php .

2. taxonomy- {taxonomy} .php — Если бы таксономия была жанровой, WordPress искал бы taxonomy-genre.php .

3. taxonomy.php — шаблон по умолчанию для отображения любых пользовательских архивов таксономии.

4. archive.php — резервный вариант по умолчанию для всех страниц архива в WordPress.

5. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются в пользовательских типах сообщений?

Вот как WordPress ищет шаблоны для отображения архивов произвольных типов записей.

1. archive- {post_type} .php — Если у вас есть тип сообщения «обзор», WordPress будет искать archive-review.php .

2. archive.php — шаблон по умолчанию для отображения всех страниц архива в WordPress.

3. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются для отображения архивов авторов?

WordPress создает архивные страницы для каждого автора на вашем сайте WordPress. Вот как выглядит шаблон авторского архива.

1. author- {nicename} .php — Если красивое имя автора матовое, WordPress будет искать author-matt.php.

2. author- {id} .php — Если идентификатор пользователя автора равен 6, WordPress будет искать author-6.php .

3. author.php — шаблон по умолчанию, используемый для отображения страниц архива авторов в WordPress.

4. archive.php — шаблон по умолчанию для отображения всех страниц архива в WordPress.

5. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются для отображения архивов на основе даты?

WordPress также отображает ваши сообщения на страницах архива на основе даты по месяцам и годам.Вот как выглядят шаблоны для этих страниц.

1. date.php — шаблон по умолчанию для архивов на основе даты.

2. archive.php — шаблон по умолчанию, используемый для отображения страниц архива авторов в WordPress.

3. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются для отображения страниц поиска?

1. search.php — Страница по умолчанию для отображения результатов поиска в WordPress.

2. searchform.php — Шаблон для отображения формы поиска в WordPress.

3. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются для отображения страниц с ошибками 404?

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

1. 404.php — шаблон по умолчанию для отображения страницы ошибки 404 в WordPress.

2. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются для отображения страниц вложений?

1. MIME_type.php — Mime_type обозначает тип файла. Например, image.php, video.php, application.php.

2. attachment.php — шаблон по умолчанию для отображения страниц вложений.

3. single-attachment.php — для отображения одного вложения.

4.single.php — шаблон по умолчанию для отображения элементов одиночного типа.

5. index.php — Резервный шаблон по умолчанию в WordPress.

Какие файлы шаблонов используются для отображения закладок?

Начиная с WordPress 4.5, вы можете использовать шаблоны для рендеринга поста, встроенного в WordPress.

1. embed- {post-type} — {post_format} .php — WordPress сначала будет искать тип сообщения и шаблон формата сообщения. Например, если у вас есть обзор с видео, WordPress будет искать embed-review-video.php .

2. embed- {post-type} .php — Если тип сообщения — обзор, WordPress будет искать embed-review.php .

3. embed.php — резервный вариант по умолчанию для всех встраиваемых файлов.

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.

Руководство по иерархии шаблонов WordPress (издание 2021 г.)

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

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

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

Давайте приступим!

Введение в иерархию шаблонов WordPress

Обычно нединамические веб-сайты используют статические файлы HTML и CSS для отображения своего содержимого. Однако WordPress — это динамическая платформа, основанная на языке программирования PHP.Каждый сайт WordPress загружает несколько файлов .php , каждый из которых определяет, как выглядит определенный раздел или компонент.

Каждый раз, когда вы загружаете определенный тип страницы, система управления контентом (CMS) ищет файлы шаблонов, которые ей соответствуют.

Например, если вы используете функцию поиска WordPress и загружаете страницу результатов поиска, CMS будет искать два файла шаблона:

1. s earch.php , который определяет внешний вид страниц результатов поиска
2. индекс.php , который является файлом шаблона по умолчанию, который WordPress использует, когда не может найти верхний вариант в каждой иерархии

Файлы шаблонов, к которым у вас есть доступ, будут зависеть от того, какую тему вы используете. Все темы WordPress представляют собой набор шаблонов, таблиц стилей и других элементов, таких как изображения. Итак, в приведенном выше примере, если используемая вами тема включает шаблон search.php , WordPress найдет и загрузит его.

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

Для страницы поиска, если WordPress не может найти файл search.php , он перейдет к следующему файлу в иерархии, которым является index.php . Этот файл является последним резервным вариантом для каждой отдельной ветви в иерархии шаблонов.

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

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

Как работает иерархия шаблонов WordPress

Как вы, возможно, знаете, WordPress позволяет использовать несколько типов страниц в зависимости от того, что вы хотите опубликовать. Вы можете использовать семь основных категорий:

1. Титульная страница
2. Одиночные стойки
3. Отдельные страницы
4. Пользовательские типы сообщений
5. Страницы результатов поиска
6. Страницы категорий и тегов
7. 404 страницы ошибок

Каждая из этих страниц имеет собственную настраиваемую иерархию, что означает, что она использует определенный набор файлов шаблонов.

Если вы быстро заглянете в любую из папок вашей темы, вы обычно найдете набор файлов шаблонов. Ниже приведен пример файлов шаблонов, перечисленных в каталоге тем для сообщения в блоге:

Файлы шаблонов, перечисленные в каталоге тем WordPress

Это тип страницы с одним постом, что означает, что он использует файл single.php в качестве шаблона для основного контента на странице (самого сообщения в блоге).

Кроме того, у него есть отдельный файл шаблона для каждого элемента страницы, большинство из которых вы сможете сразу определить, в том числе:

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

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

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

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

Где найти и изменить файлы шаблонов WordPress

Файл .php может включать как код PHP, так и разметку HTML (все из которых вы можете редактировать). Таким образом, файлы шаблонов WordPress могут быть настолько сложными, насколько вам нужно. Во многих случаях файлы шаблонов, которые использует WordPress, представляют собой набор функций для элементов, которыми они управляют.

В качестве примера рассмотрим заголовок .php , который используется в официальной теме WordPress Twenty Twenty-One:

Файл шаблона заголовка темы Twenty Twenty-One

Как мы уже упоминали, каждая тема WordPress включает в себя собственный набор файлов шаблонов. Вы можете увидеть, какие файлы шаблонов включает ваша тема, открыв ее папку в корневом каталоге вашего веб-сайта через клиент протокола передачи файлов (FTP).

Вот как это выглядит для предыдущей официальной темы WordPress Twenty Twenty:

Каталог тем и файлы шаблонов Twenty Twenty

По умолчанию WordPress загружает файлы шаблонов, которые находятся либо в основном каталоге вашей темы ( wp_content> themes ), либо в папке частей шаблона .

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

Лучший способ понять всю иерархию шаблонов WordPress — это шпаргалка. В этом случае мы показываем вам визуальный обзор иерархии шаблонов благодаря кодексу WordPress:

Иерархия шаблонов WordPress

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

Разбивка иерархии шаблонов WordPress по типу страницы

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

Файлы шаблонов первой страницы

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

Однако для базовой главной страницы WordPress будет искать эти три файла шаблона по порядку:

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

Если ваша тема не включает файл шаблона front-page.php , WordPress по умолчанию выберет второй вариант и так далее. Как всегда, файл index.php — это последняя остановка, которую WordPress делает в дереве решений шаблона.

Одиночные сообщения

Отдельные статьи WordPress используют иерархию шаблонов одного сообщения. Для основного содержания каждого сообщения в блоге WordPress будет искать следующие файлы:

1. single.php
2. singular.php
3. index.php

Однако если вы посмотрите шпаргалку по шаблону, вы заметите более сложную иерархию, которая появляется в некоторых случаях.

Подпишитесь на информационный бюллетень

Мы увеличили наш трафик на 1187% с помощью WordPress.

Присоединяйтесь к более чем 20 000 других людей, которые получают нашу еженедельную рассылку с инсайдерскими советами по WordPress!

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

Помимо основных файлов шаблонов, у вас есть такие элементы, как верхний и нижний колонтитулы, боковые панели и разделы комментариев. Как мы упоминали ранее, каждый из этих элементов может иметь собственный файл шаблона.

Отдельные страницы

После публикаций отдельные страницы — это хлеб с маслом для большинства веб-сайтов WordPress. В большинстве случаев они используют шаблон, отличный от вашей главной страницы, если для обоих типов страниц по умолчанию не используется значение index.php .

Вот как выглядит иерархия одностраничных шаблонов:

1. стр. Php
2. singular.php
3. index.php

Хотя иерархия шаблонов для отдельных сообщений и страниц похожа, есть некоторые ключевые различия.

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

Кроме того, вы можете создавать шаблоны для определенных ярлыков и идентификаторов. Если у вас есть страница – {slug} .php или файл – {id} .php , WordPress попытается загрузить каждый файл по порядку, прежде чем по умолчанию будет установлено значение page.php .

Пользовательские типы сообщений

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

1. архив — {post_type} .php
2. archive.php
3. index.php

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

Страницы результатов поиска

Мы уже познакомили вас с иерархией шаблонов, которую WordPress использует для страниц результатов поиска, поэтому давайте кратко напомним, как это выглядит:

1. search.php
2. index.php

По мере того, как мы отходим от «сложных» типов страниц, таких как сообщения или ваша главная страница, иерархия шаблонов WordPress становится намного более простой.

На странице поиска обычно не нужно включать слишком много элементов, помимо самих результатов.Чем проще структура, тем обычно короче иерархия.

Страницы категорий и тегов

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

Учитывая, насколько сложной может стать таксономия для веб-сайтов с большими библиотеками контента, эта иерархия включает больше «шагов», чем обычно:

1. категория — {slug}.php
2. категория- {id} .php
3. category.php
4. archive.php
5. index.php

Обратите внимание, что для тегов используется та же иерархия, за исключением того, что «тег» заменяет «категорию» во всех случаях.

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

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

страницы ошибок 404

Иногда посетители пытаются получить доступ к несуществующей странице. Когда это произойдет, WordPress вернет страницу с ошибкой 404.

По умолчанию WordPress не предлагает параметры для настройки внешнего вида этой страницы. Однако вы можете настроить его внешний вид самостоятельно с помощью файла шаблона. Иерархия шаблонов довольно короткая:

1. 404.php
2. index.php

По мере роста вашего сайта будут расти и случаи, когда пользователи могут столкнуться с ошибкой 404. Наличие настраиваемой страницы ошибок для таких ситуаций может помочь вам проинформировать посетителей, почему страница не загружается, направить их в другом направлении и уменьшить разочарование.

При загрузке файла шаблона 404 WordPress будет искать и загружать ваш пользовательский файл перед тем, как использовать файл по умолчанию.

Где дочерние темы вписываются в иерархию шаблонов WordPress

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

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

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

1. p age.php в дочерней теме
2. стр.php в родительской теме
3. singular.php в дочерней теме
4. singular.php в родительской теме
5. index.php в дочерней теме
6. index.php в родительской теме

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

Как и в случае с другими типами настроек, при обновлении вы потеряете изменения в файлах шаблона темы. Добавление этих изменений через дочернюю тему спасет вас от этой ситуации.

Использование тегов шаблонов WordPress для разработки тем

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

WordPress встраивает в свой код десятки шаблонных тегов, которые вы можете использовать при разработке тем.Некоторые примеры включают:

• get_header ()
• get_footer ()
• get_sidebar ()
• get_search_form ()
• get_template_part ()

Эти теги позволяют собирать файлы шаблонов из используемой вами темы. На практике это означает, что вы можете добавлять определенные элементы в первичные файлы шаблонов, например, front-page.php или index.php .

Если вам нужен полный список всех тегов шаблонов, которые вы можете использовать при разработке WordPress, ознакомьтесь с Кодексом WordPress.

Здесь вы найдете инструкции по использованию каждого тега шаблона, их индивидуальные параметры и примеры кода в действии.

Сводка

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

Помимо основных шаблонов для каждого типа страницы, вы также можете иметь файлы шаблонов для отдельных элементов, таких как верхние и нижние колонтитулы и боковые панели.

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

У вас есть вопросы о том, как работает иерархия шаблонов WordPress? Поделитесь ими в разделе комментариев ниже!

Если вам понравилась эта статья, то вам понравится хостинговая платформа Kinsta WordPress.Ускорьте свой сайт и получите круглосуточную поддержку от нашей опытной команды WordPress. Наша инфраструктура на базе Google Cloud ориентирована на автоматическое масштабирование, производительность и безопасность. Позвольте нам показать вам разницу в Kinsta! Ознакомьтесь с нашими тарифами

Иерархия шаблонов WordPress

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

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

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

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

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

Например, если вы посмотрите на страницу индекса, например на первую страницу блога, вы обычно увидите заголовок, созданный шаблоном header.php , контент, созданный index.php , боковую панель, созданную sidebar.php и нижний колонтитул, созданный нижним колонтитулом .php

.

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

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

Если вы откроете папку темы «Twenty Fifteen» (одна из тем WordPress по умолчанию), там будет более 15 файлов шаблонов. К ним относятся файлы шаблонов для 404, архив, биография автора, комментарии и ссылка на контент, и это лишь некоторые из них. WordPress будет использовать информацию строки запроса, содержащуюся в каждой ссылке на вашем веб-сайте, чтобы решить, какой шаблон или набор шаблонов будет использоваться для отображения страницы.

WordPress решает, какой тип страницы (например, страница поиска, страница категории или домашняя страница) запрашивается, а затем выбирает соответствующий шаблон, предложенный иерархией шаблонов WordPress для создания контента.

Соглашение об именах

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

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

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

Минимальные требования к теме

Единственные файлы, которые требуются для работы темы WordPress, — это index.php и style.css . index.php — это главный и единственный файл, который будет обрабатывать каждый запрос WordPress, а также структуру сайта.

Минимум файлов, необходимых для работы темы WordPress и отображения на панели управления WordPress для активации, — это index.php и style.css .

Если index.php или style.css отсутствуют, вы увидите следующую ошибку.

Следующие темы установлены, но не полностью.Темы должны иметь таблицу стилей и шаблон.

Это разделение значительно увеличивает эффективность. Объединение всего в один большой файл index.php может технически работать, но это будет некрасиво и вызовет бесконечные проблемы в будущем. Также редактирование темы было бы кошмаром!

Вот список файлов темы, распознаваемых WordPress.

• style.css

• rtl.css

• индекс.php

• comments.php

• front-page.php

• single.php

• стр. Php

• author.php

• archive.php

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

Двадцать пятнадцать шаблонов иерархии, пример

Предположим, вы активировали тему Twenty Fifteen и пользователь посещает страницу вашего сайта.ком / автор / тахир / . Сначала WordPress будет искать шаблон с пометкой author-tahir.php , но author-tahir.php недоступен. Затем WordPress будет искать author.php , если он также не существует, он будет искать archive.php . Этот файл доступен в теме Twenty Fifteen. Если вы удалите или переименуете archive.php в , WordPress будет использовать index.php для рендеринга страницы.

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

Плагин What The File

Чтобы узнать, какой файл и шаблон WordPress использует для отображения содержимого страницы, которую вы просматриваете в данный момент, вы можете использовать очень удобный плагин What The File. Это бесплатный плагин, разработанный Барри Куиджем.

Этот плагин добавляет на панель инструментов параметр, показывающий, какой файл и шаблоны используются. Я установил плагин What The File Plugin для тестирования на моем локальном сервере и обнаружил, что он отлично работает.

Чтобы проверить, какие файлы использует WordPress, если конкретный файл недоступен, я переименовал два файла (в теме Twenty Fifteen). На скриншоте ниже вы можете увидеть, какие файлы WordPress использует для отображения контента.

Как видите, тема Twenty Fifteen использует файл content-search.php для отображения результатов поиска. Если вы удалите или переименуете content-search.php в , WordPress вместо этого будет использовать content.php для отображения результатов поиска.

Плагин What The File также позволяет щелкнуть имя файла напрямую, чтобы отредактировать его в редакторе темы.Для этого плагина требуется WordPress 3.1 или выше, он также отлично работал с WordPress 4.1.

Полезные ресурсы

Если вы хотите узнать больше об иерархии шаблонов WordPress и разработке тем в целом, я бы порекомендовал следующие ресурсы:

Construction Industrial Factory от ThemeMove

Структура — WordPress тема Construction Industrial Factory

Теперь ваш бизнес-сайт Construction может работать со скоростью орла с плавной производительностью и оптимальной поисковой оптимизацией. Все интегрированные плагины премиум-класса , WPBakery Page Builder, Revolution Slider, Essential Grids обновлены для улучшения работы. Кроме того, решена проблема импорта демо, совместимость с WordPress 5.0 и Gutenberg. Теперь пользователи могут быть уверены, что новое обновление Structure предоставило все самое лучшее, что может понадобиться вашему сайту.

WordPress тема строительства | Structure — это адаптивная тема WordPress для строительных компаний, таких как Construction , Engineering , архитектура веб-сайта . Основываясь на потребностях строительного веб-сайта , Structure предлагает профессиональный и понятный дизайн для вашего веб-сайта.

Кроме того, поддерживается WooCommerce. Функции Visual Composer предоставляют вам возможность перетаскивания, чтобы вы могли легко создать свой строительный веб-сайт так, как вам нравится.Контактная форма 7, MailChimp для WP и Testimonial включены в это.

Мы предоставляем клиентам специализированную поддержку премиум-класса различными способами. Найдите в базе знаний или отправьте нам заявку, чтобы наша служба поддержки клиентов могла помочь с любой проблемой строительства на стройплощадке, с которой вы сталкиваетесь.

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

Привлекательные предустановки заголовков разработаны для упрощения навигации, что улучшает взаимодействие с пользователем. Основываясь на тщательных исследованиях того, что лучше всего работает для посетителей в вариантах просмотра при увеличении UX / UI, эти заголовки, несомненно, помогут вам сохранить вашу аудиторию.

Исследования показали, что ваши посетители не останутся, если сайт загружается более 3 секунд.Понимая важность скорости страницы в SEO, скорость загрузки страницы полностью оптимизирована, так что ваш сайт может работать со скоростью орла.

Если вы не назначите действие Site content элементу вашего HTML-документа, Pinegrow сделает это автоматически, НО не сможет точно настроить, где начинаются разделы header и footer и, в конце концов, сойдет «в лучшем случае».”

Определение и использование мастер-страниц

Каждой теме нужен основной файл, который будет экспортирован как index.php , шаблон WordPress по умолчанию. Обычно это документ index.html .

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

Любая дополнительная мастер-страница может быть добавлена ​​с помощью действия Define Master Page .

В процессе экспорта Pinegrow автоматически связывает верхний колонтитул и нижний колонтитул вашей мастер-страницы с используемыми шаблонами WordPress.

Допустим, вы редактируете HTML-документ 404.html , чтобы создать шаблон WordPress, который будет экспортирован как 404.php .

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

В Starter Theme 2 мы создали дополнительную главную страницу с именем page-builders-full-width.php с настраиваемым заголовком и нижним колонтитулом .

После экспорта элементы верхнего и нижнего колонтитула автоматически получают имена header-page-builders-full-width.php и footer-page-builders-full-width.php .

Если мы создадим другой шаблон и определим page-builders-full-width.php как главную страницу, header-page-builders-full-width.php и footer-page-builders-full-width.php будет также использоваться для отображения ЗАГОЛОВКИ и ФУТБОРА.

Можно определить несколько дополнительных мастер-страниц с совершенно разными настраиваемыми заголовками и нижними колонтитулами и связать эти дополнительные мастер-страницы со стандартными шаблонами..

Бонус — Применить мастер страницу

В Pinegrow, по косметическим причинам или для лучшей визуализации отрисовки вашего окончательного документа, вы можете захотеть включить HTML-код настраиваемого верхнего и нижнего колонтитула с главной страницы. Это возможно с помощью меню WordPress> Применить мастер-страницу .

ПРЕДУПРЕЖДЕНИЕ , однако, когда вы редактируете HTML-документ, который не определен как эталонная страница, но использует эталонную страницу, распространенной ошибкой является изменение элементов верхнего колонтитула и нижнего колонтитула из этого документа.