Шаблони сторінок та записів у WordPress

Створення шаблонів для певних типів постів

WordPress надає потужну систему шаблонів, що дозволяє керувати відображенням сторінок та записів. У цій статті ми розберемося, як створити шаблони для певних типів постів та розглянемо приклади їх реалізації.

Що таке шаблони у WordPress?

Шаблон — це файл теми, який відповідає за відображення конкретних сторінок, записів або типів контенту. WordPress використовує ієрархію шаблонів (Template Hierarchy), визначаючи, який завантажувати файл залежно від запиту користувача.

Приклад шаблонів в ієрархії WordPress:

single.php — шаблон для одиночного запису;
page.php — шаблон для окремої сторінки;
archive.php — шаблон для архівів записів;
category.php — шаблон для категорій;
single-{post-type}.php — шаблон для певного типу постів;
page-{slug}.php — шаблон для конкретної сторінки за її склагу.

Створення шаблону сторінки

Щоб створити кастомний шаблон сторінки, виконайте такі дії:

Перейдіть до папки з вашою темою: wp-content/themes/ваша-тема/.
Створіть новий файл, наприклад, custom-page-template.php.
Додайте наступний код на початок файлу:

PHP

<?php
/*
Template Name: Назва шаблону
Template Post Type: post, page, event
*/
get_header();
?>

<h1><?php the_title(); ?></h1>
<div>
    <?php the_content(); ?>
</div>

<?php get_footer(); ?>

Збережіть файл і завантажте його до папки теми.
У адмінці WordPress під час редагування сторінки виберіть новий шаблон у розділі “Атрибути сторінки”.

Шаблони для типів постів користувача

Якщо ви використовуєте кастомні типи записів (Custom Post Types), наприклад “portfolio”, ви можете створити окремі шаблони для їх відображення.

Шаблон для окремого запису кастомного типу

Створіть файл single-portfolio.php і додайте код:

PHP

<?php get_header(); ?>

<h1><?php the_title(); ?></h1>
<div>
    <?php the_content(); ?>
</div>

<?php get_footer(); ?>

Цей шаблон використовуватиметься для всіх записів типу “portfolio”.

Шаблон архіву для кастомного типу постів

Для сторінки архіву створіть archive-portfolio.php:

PHP

<?php get_header(); ?>

<h1>Наше портфоліо</h1>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <div><?php the_excerpt(); ?></div>
<?php endwhile; endif; ?>

<?php get_footer(); ?>

Тепер WordPress використовуватиме цей шаблон для архіву постів “portfolio”.

Використання шаблонів у коді

Ви можете програмно задавати шаблони сторінок у коді за допомогою функції get_template_part():

PHP

get_template_part('template-parts/content', 'portfolio');

Це дозволить завантажувати певний шаблон всередині інших шаблонів, спрощуючи код та підвищуючи зручність редагування.

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