Перевірте свої навички на всіх наших хостингових послугах та отримайте знижку 15%!

Використовуйте код під час оформлення замовлення:

Skills
22.10.2024

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

Освоїти ієрархію шаблонів WordPress на AlexHost

Навіщо використовувати ієрархію шаблонів на AlexHost? Ієрархія шаблонів WordPress визначає, який PHP-файл відображатиме сторінки вашого сайту, пропонуючи гнучкість у налаштуванні блогів, інтернет-магазинів або спеціальних типів публікацій. Розміщуючись на VPS на базі NVMe від AlexHost з root-доступом, ви можете налаштовувати шаблони для створення блискавично швидких сайтів, що відповідають вашим потребам. Цей посібник пояснює ієрархію та способи її налаштування на AlexHost у 2025 році.

Що таке ієрархія шаблонів 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 за допомогою AlexHost

Ієрархія шаблонів WordPress дозволяє створювати унікальні макети для будь-якого типу контенту, від публікацій у блогах до користувацьких архівів. VPS на базі NVMe від AlexHost і root-доступ роблять редагування шаблонів швидким і безпечним. Створюйте дочірні теми, використовуйте умовні теги та налагоджуйте з легкістю, щоб створити індивідуальний сайт. Завдяки швидкості та підтримці AlexHost ваш сайт на WordPress буде виділятися – почніть кастомізацію вже сьогодні!

Перевірте свої навички на всіх наших хостингових послугах та отримайте знижку 15%!

Використовуйте код під час оформлення замовлення:

Skills