Шаблоны страниц и записей в WordPress

Для того чтобы получить возможность обработки вывода записей и страниц, в WordPress предусмотрены файлы шаблоны - singular.php, single.php и page.php.

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

Каждый из файлов-шаблонов создается в корне темы сайта.

Рассмотрим каждый из представленных шаблонов.

Файл singular.php - общий шаблон страниц и записей

Если в теме вашего сайта предусмотрен одинаковый формат вывода как страниц, так и записей, то вам будет полезен файл singular.php.

Файл singular.php будет вызываться каждый раз когда пользователь обращается к странице или записи вашего сайта.

Для вывода записи или страницы достаточно трех функций: the_post(), the_title() и the_content().

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

Ниже показан простой пример кода singular.php.

<?php
	// Добавляем содержимое файла header.php 
	get_header();
?>
<div class="content">
	<div class="post common">
		<?php the_post(); // Получаем данные о записи ?>
		<article class="common__article">
			<h1 class="common__title"><?php the_title(); // Заголовок записи ?></h1>
			<?php the_content(); // Выводим содержимое записи ?>
		</article>
		<div class="comments">
			<?php the_comment(); ?>
		</div>
	</div> <!-- .post .common -->
</div> <!-- .content -->
<?php
	// Добавляем содержимое файла footer.php 
	get_footer();
?>

<?php

// Добавляем содержимое файла header.php

get_header();

<?php the_post(); // Получаем данные о записи ?>

<?php the_content(); // Выводим содержимое записи ?>

</article>

<?php the_comment(); ?>

</div>

</div>

</div>

<?php

// Добавляем содержимое файла footer.php

get_footer();

Файл single.php - общий шаблон записей

single.php отвечает только за обработку записей сайта.

В следующем примере мы добавим вывод изображения записи, комментариев и боковую колонку.

<?php
	// Добавляем содержимое файла header.php 
	get_header();
		// Добавляем содержимое файла sidebar.php
	get_sidebar();
?>
<div class="content">
	<div class="post single">
		<?php the_post(); // Получаем данные о записи ?>
		<article class="single__article">
			<?php
			// Изображения записи
			if(has_post_thumbnail()) { the_post_thumbnail(); } ?>
			<h1 class="single__title"><?php the_title(); // Заголовок записи ?></h1>
			<?php the_content(); // Выводим содержимое записи ?>
		</article>
		<div class="comments">
			<?php the_comment(); // Блок комментариев ?>
		</div>
	</div> <!-- .post  single -->
</div> <!-- .content -->
<?php
	// Добавляем содержимое файла footer.php 
	get_footer();
?>

<?php

// Добавляем содержимое файла header.php

get_header();

// Добавляем содержимое файла sidebar.php

get_sidebar();

<?php the_post(); // Получаем данные о записи ?>

<?php

// Изображения записи

if(has_post_thumbnail()) { the_post_thumbnail(); } ?>

<?php the_content(); // Выводим содержимое записи ?>

</article>

<?php the_comment(); // Блок комментариев ?>

</div>

</div>

</div>

<?php

// Добавляем содержимое файла footer.php

get_footer();

Файл page.php - общий шаблон страниц

page.php отвечает только за обработку страниц сайта.

<?php
	// Добавляем содержимое файла header.php 
	get_header();
?>
<div class="content">
	<div class="post page">
		<?php the_post(); // Получаем данные о странице ?>
		<article class="page__article">
			<h1 class="page__title"><?php the_title(); // Заголовок страницы ?></h1>
			<?php the_content(); // Выводим содержимое страницы ?>
		</article>
	</div> <!-- .post .page -->
</div> <!-- .content -->
<?php
	// Добавляем содержимое файла footer.php 
	get_footer();
?>

<?php

// Добавляем содержимое файла header.php

get_header();

<?php the_post(); // Получаем данные о странице ?>

<?php the_content(); // Выводим содержимое страницы ?>

</article>

</div>

</div>

<?php

// Добавляем содержимое файла footer.php

get_footer();

Создание меню для сайта на WordPress

Кастомные шаблоны для страниц сайта на WordPress