Хостинг от 220 ₽/месяц. Перенос сайтов и месяц на тестирование - бесплатно!
HTML Academy

Как создать шаблон страницы в wordpress

239
()

Каждая тема WordPress состоит из множества файлов, которые отвечают за функционал или отображают ту или иную часть страницы сайта. Например, файл header.php отвечает за вывод хедера, а footer.php выводит нижнюю часть сайта. Так же для страниц в cms wordpress есть свои отдельные шаблоны, которые можно найти либо в корневой папке вашей темы /wp-content/themes/ваша_тема, либо в папках templates или page-templates. Папки с шаблонами, в зависимости от вашей темы, могут называться, как угодно. Поэтому, чтобы создать новую тему для wordpress страницы, необходимо разместить в корне темы или в папке с шаблонами  php файл с нужным вам кодом, указав вверху название темплейта.


1 Для примера, я создам в папке темы новый шаблон с названием newtheme.php

 

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

Как вывести записи отдельной рубрики в wordpress.

В результате код нового темплейта будет выглядеть так:

<?php
/** * Template name: категория */
?>
<?php get_header();
if ( have_posts() ) :
query_posts('cat=49');
while (have_posts()) : the_post();
?>
<div class=col-sm-3>
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<img src="<?php echo get_the_post_thumbnail_url() ?>">
<p><?php the_content(); ?></p>
</div>
<?php endwhile;
endif;
wp_reset_query();
get_footer(); ?>

В самом верху шаблона задается его имя (Template name). Имя можно задать любое, я в качестве примера назвал его "категория".

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

На этом все. Надеюсь, что статья была вам полезной!

Понравилась статья?

Оцените!

Средняя оценка / 5. Количество оценок:

Оценок пока нет. Поставьте оценку первым!

Добавить комментарий

Ваш адрес email не будет опубликован.

*
code