Создаем шаблон страницы в wordpress

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

Созданный сайт должен приносить пользу его владельцу, поэтому новому сайту необходимо сразу же вступить в конкурентную борьбу за своих посетителей с уже существующими в его нише сайтами, чтобы выиграть эту схватку Вам необходима профессиональная

Seo Solution – это вежливый персонал, оперативная техническая поддержка, множество приятных бесплатных сервисов и консультаций.

Для примера возьмем стандартную тему Twenty Seventeen.
Давайте создадим Новую Страницу в данной теме: переходим в пункт “Страницы”, подпункт “Добавить новую” и видим следующее:

В окошке “Свойства страницы” – нет пункта “Шаблоны”. Так как у данной темы не созданы шаблоны страниц.

К сведению, в некоторых стандартных темах wordpress (Twenty Ten, Twenty Eleven, Twenty Twelve, Twenty Thirteen, Twenty Fourteen, Twenty Fifteen, Twenty Sixteen, Twenty Seventeen) уже есть несколько готовых шаблонов страниц на выбор и, соответственно, есть параметр “Шаблоны”, в окне “Свойства страницы”.

Вот так выглядит окошко “Свойства страницы” в теме Twenty Ten:

Есть 2 шаблона на выбор: “Базовый шаблон” и “Одна колонка, без боковой панели”.

В теме Twenty Eleven есть 3 шаблона страницы на выбор:

В теме Twenty Twelve есть также 3 шаблона страницы на выбор:

В теме Twenty Fourteen есть также 3 шаблона страницы на выбор:

В темах Twenty Thirteen, Twenty Fifteen, Twenty Sixteen, Twenty Seventeen шаблоны страниц отсутствуют.

Давайте же создадим свой пользовательский шаблон страницы!

1. Нам нужно создать новый файл в папке темы.

Так как для примера мы используем тему – Twenty Seventeen, то соответственно файл нам нужно создать в папке, находящейся по следующему пути:
“\wp-content\themes\twentyseventeen”

Для создания файла можно воспользоваться ftp доступом с помощью программ, например FileZilla или же при помощи php.

Как создавать, переименовывать, удалять файлы темы с помощью php можно прочитать тут – Как с помощью PHP создать, переименовать, удалить файл.

Если коротко, то заходим в пункт “Внешний вид”, подпункт “Редактор”, находим файл header.php в нем ищем строчку:

<body <?php body_class(); ?>>

и вставляем после неё следующую строчку:

<?php touch('wp-content/themes/twentyseventeen/111.php');?>

Потом заходим на сайт, обновляем страничку (чтобы у нас запустился файл header.php) – далее заходим обратно в пункт “Внешний вид”, подпункт “Редактор” и видим, что у нас создался новый файл 111.php:

Не забываем удалить из файла header.php строчку:

<?php touch('wp-content/themes/twentyseventeen/111.php');?>

2. Редактируем созданный файл:

Открываем файл 111.php и вписываем туда следующий код:

<?php
/*
Template Name: Шаблон 111
*/
?>

<h1>Привет, вы находитесь в шаблоне 111.php</h1>

3. Привязываем шаблон (111.php) к странице:

Для этого заходим в Редактор нужной страницы или же создаем Новую Страницу и выбираем в окошке “Свойства страницы”, в параметре “Шаблоны” – созданный нами шаблон 111.php:

Теперь заходим на данную страницу и видим следующее:

При данном коде шаблона будет отображаться только строчка “Привет, вы находитесь в шаблоне 111.php”, которую мы прописали в коде шаблона.

4. Давайте изменим код шаблона 111.php

Для создания пользовательских страниц часто берут уже имеющиеся в теме шаблоны, а далее меняют их код.

Например, в теме Twenty Seventeen за основу пользовательского шаблона можно взять код файла – page.php, который отвечает за отображение страниц на сайте.

Вот например если мы поменяем код шаблона 111.php на следующий код (скопированный с page.php), то мы уже сможем пользоваться “Редактором Страницы”:

<?php
/*
Template Name: Шаблон 111
*/
get_header(); ?>

<h1>Привет, вы находитесь в шаблоне 111.php</h1>

<div class="wrap">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

			<?php
			while ( have_posts() ) : the_post();

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

				// If comments are open or we have at least one comment, load up the comment template.
				if ( comments_open() || get_comments_number() ) :
					comments_template();
				endif;

			endwhile; // End of the loop.
			?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer();