Ієрархія шаблонів

Ієрархія шаблонів WordPress – це система, за допомогою якої WordPress визначає, які файли шаблонів використовувати для відображення тієї чи іншої сторінки на сайті. Ця ієрархія забезпечує велику гнучкість і можливість налаштування відображення різних типів контенту, сторінок, постів і категорій на вашому сайті. Розуміння того, як працює ієрархія шаблонів, допоможе вам ефективно налаштувати тему WordPress.

Ось детальний огляд того, як працює ієрархія шаблонів WordPress:

Що таке ієрархія шаблонів WordPress?

Ієрархія шаблонів – це набір правил, яких дотримується WordPress при виборі файлу(ів) шаблону(ів) для відображення сторінки. Ці шаблони зберігаються у папці вашої теми і дозволяють WordPress динамічно генерувати правильний макет і дизайн на основі типу контенту, що відображається.

Наприклад:

• При відображенні окремого допису в блозі WordPress спочатку шукає шаблон з назвою single.php. Якщо він його не знайде, він рухається вниз по ієрархії, шукаючи альтернативи, такі як index.php.
• При відображенні сторінки категорії WordPress спочатку шукатиме category-slug.php або category-ID.php і так далі.

Основні файли шаблонів у WordPress

Кожна тема WordPress має кілька основних файлів шаблонів. Ось найпоширеніші з них:

• index.php: Запасний шаблон для всіх сторінок, якщо немає інших більш специфічних шаблонів.
• header.php: Визначає заголовну частину вашого сайту (наприклад, логотип, навігація).
• footer.php: Визначає розділ нижнього колонтитула вашого сайту (наприклад, інформація про авторські права, віджети нижнього колонтитула).
• single.php: Відображає окремі записи блогу.
• page.php: Відображає окремі сторінки.
• archive.php: Відображає сторінки архіву (наприклад, категорії, теги, автори).
• category.php: Показує сторінки архіву категорій.
• tag.php: Показує сторінки архіву тегів.
• search.php: Відображає сторінки результатів пошуку.
• 404.php: Відображає сторінку помилки 404, якщо сторінку не знайдено.

Як працює ієрархія шаблонів WordPress

WordPress визначає, який шаблон використовувати, виходячи з типу запитуваного контенту. Давайте розглянемо деякі поширені типи сторінок і те, як WordPress обирає шаблон:

1. Одиночний пост (single.php)

При відображенні одного допису WordPress буде шукати наступні шаблони в такому порядку:

1. single-{post-type}.php (для кастомних типів постів, наприклад, single-product.php)
2. single.php
3. index.php

2. Сторінка (page.php)

При відображенні окремої сторінки (наприклад, сторінки “Про нас” або “Контакти”) WordPress дотримуватиметься такого порядку:

1. custom-page-slug.php (якщо сторінка має власний шаблон)
2. page-{slug}.php (наприклад, page-about.php)
3. page-{ID}.php (наприклад, page-2.php)
4. page.php
5. index.php

3. Архів категорій (category.php)

Для сторінок архіву категорій (наприклад, список дописів у певній категорії) ієрархія виглядає наступним чином:

1. category-{slug}.php (наприклад, category-news.php)
2. category-{ID}.php (наприклад, category-3.php)
3. category.php
4. archive.php
5. index.php

4. Архів тегів (tag.php)

Для сторінок архіву тегів WordPress використовує:

1. tag-{slug}.php (наприклад, tag-recipes.php)
2. tag-{ID}.php
3. tag.php
4. archive.php
5. index.php

5. Кастомні типи дописів

Кастомні типи дописів можуть мати власні шаблони. WordPress шукає їх:

1. single-{post-type}.php (наприклад, single-product.php)
2. single.php
3. index.php

Аналогічно для кастомних архівів типів постів:

1. archive-{post-type}.php (наприклад, archive-product.php)
2. archive.php
3. index.php

6. Архів автора (author.php)

Для сторінок авторів WordPress дотримується такої ієрархії:

1. author-{nicename}.php (наприклад, author-john.php)
2. author-{ID}.php
3. author.php
4. archive.php
5. index.php

7. Результати пошуку (search.php)

При відображенні результатів пошуку WordPress використовує наступний порядок:

1. search.php
2. index.php

8. сторінка помилки 404 (404.php)

Коли сторінку не знайдено, WordPress використовує:

1. 404.php
2. index.php

9. Архів дат (date.php)

WordPress використовує архіви на основі дат:

1. date.php
2. archive.php
3. index.php

10. Головна сторінка

WordPress пропонує два варіанти домашньої сторінки: індекс блогу або статична сторінка.

• Для індексу блогу:
  1. home.php
  2. index.php
• Для статичної головної сторінки:
  1. front-page.php
  2. home.php
  3. page.php
  4. index.php

Візуальне представлення ієрархії шаблонів

Ось спрощена візуальна схема для кращого розуміння ієрархії:

• Окремий пост: single-{post-type}.php → single.php → index.php
• Сторінка: custom-page-slug.php → page-{slug}.php → page.php → index.php
• Архів категорій: category-{slug}.php → category.php → archive.php → index.php
• Архів тегів: tag-{slug}.php → tag.php → archive.php → index.php
• Архів авторів: author-{nicename}.php → author.php → archive.php → index.php
• Результати пошуку: search.php → index.php
• 404 Помилка: 404.php → index.php
• Головна сторінка: front-page.php → home.php → index.php

Налаштування ієрархії шаблонів

Ви можете створювати кастомні шаблони, дотримуючись правил іменування ієрархії. Наприклад, щоб створити кастомний шаблон для певної категорії (наприклад, “Новини”), створіть файл з назвою category-news.php і помістіть його в папку вашої теми. WordPress буде автоматично використовувати цей шаблон при відображенні постів з категорії “Новини”.

Крім того, ви можете замінити шаблони за замовчуванням, створивши більш специфічні файли шаблонів, наприклад, single-product.php для спеціального типу постів або page-about.php для конкретної сторінки.

Поради щодо роботи з ієрархією шаблонів

1. Використовуйте умовні теги: Ви можете використовувати умовні теги, такі як is_single(), is_page() або is_category() в index.php або інших шаблонах, щоб застосувати певний код до певних типів контенту.
2. Частини шаблону: Використовуйте get_template_part(), щоб включити фрагменти коду, які можна використовувати повторно (наприклад, загальний верхній або нижній колонтитул), в декілька шаблонів.
3. Дочірні теми: Якщо ви вносите зміни до існуючої теми, створіть дочірню тему, щоб ви могли змінювати шаблони, не впливаючи на вихідні файли теми.
4. Налагодження: Якщо ви не впевнені, який шаблон WordPress використовує для певної сторінки, ви можете скористатися плагінами на кшталт What The File, щоб дізнатися це.

Висновок

Ієрархія шаблонів WordPress – це потужна система, яка надає розробникам гнучкість у створенні індивідуальних макетів для різних типів контенту. Розуміючи ієрархію, ви можете контролювати відображення різних типів контенту на вашому веб-сайті WordPress, забезпечуючи послідовний та унікальний користувацький досвід. Незалежно від того, чи створюєте ви кастомні шаблони для конкретних сторінок, чи налаштовуєте макети архівів, освоєння ієрархії шаблонів дасть вам контроль, необхідний для точного налаштування вашого сайту на WordPress.