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

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

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

Что такое пользовательская страница в WordPress

По умолчанию WordPress позволяет создавать записи и страницы. Тема WordPress контролирует внешний вид ваших страниц, используя файл шаблона, называемый page.php.
Этот файл шаблона влияет на все отдельные страницы, созданные в WordPress. Однако не все страницы одинаковы. Небольшие изменения в их макете и внешности могут сделать их уникальными и намного более полезными.
Создание настраиваемого шаблона страницы в WordPress требует базового понимания HTML, CSS и PHP.

Создание пользовательской страницы в WordPress

Во-первых, вам нужно открыть обычный текстовый редактор, например «Блокнот» на вашем компьютере. В пустой файл добавьте эту строку кода вверху:

<?php
/**
* Template Name: Страница с нашим шаблоном
*/

?>

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

После того, как вы добавили код, сохраните файл на рабочем столе, как, custompage.php.
Вы можете сохранить файл с любым именем, просто убедитесь, что он заканчивается расширением .php.
Для следующего шага вам нужно будет подключиться к вашему сайту с помощью FTP-клиента.
После подключения перейдите в папку вашей текущей темы. Вы найдете его в каталоге / wp-content / themes /. Затем загрузите свой файл шаблона страницы в свою тему.

Теперь заходим в админку WordPress, чтобы создать новую страницу или изменить существующую.
На экране редактирования страницы прокрутите страницу вниз до раздела «Свойства страницы», и вы найдете раскрывающееся меню шаблона. Нажав на нее, вы сможете выбрать шаблон, который вы только что создали.

Теперь, если вы измените шаблон и посетите эту страницу, вы увидите чистую страницу. Это потому, что ваш шаблон пуст.

Редактирование шаблона нашей страницы

Ваш собственный шаблон страницы похож на любой другой файл темы в WordPress. Вы можете добавить в этот файл любую HTML разметку, теги шаблонов или PHP-код.
Самый простой способ начать работу с вашей настраиваемой страницей — скопировать существующий шаблон страницы, предоставленный вашей темой.
Откройте свой FTP-клиент и перейдите в папку темы. Там вы найдете файл с именем page.php. Вам необходимо загрузить этот файл на свой компьютер.

Откройте файл page.php в текстовом редакторе, таком как Блокнот, и скопируйте все его содержимое, кроме части заголовка.

Часть заголовка — это часть с комментариями в верхней части файла. Мы не копируем его, потому что у нашего шаблона пользовательской страницы уже есть один.
Теперь вам нужно открыть свой файл шаблона страницы и вставить его в конце.
Ваш пользовательский файл будет выглядеть примерно так:

/**
* Template Name: Страница с нашим шаблоном
 */

get_header(); ?>

	<section id="primary" class="content-single content-area">
		<main id="main" class="site-main" role="main">
					
			<?php while ( have_posts() ) : the_post();

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

				comments_template();

			endwhile; ?>
		
		</main><!-- #main -->
	</section><!-- #primary -->
	
	<?php get_sidebar(); ?>

<?php get_footer(); ?>

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

Теперь вы можете продолжить редактирование своего файла шаблона страницы. Вы можете настроить его любым способом. Например, вы можете удалить боковую панель, добавить собственный PHP-код, добавить любую другую HTML-разметку.

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

Если у вас остались вопросы после статьи, пишите их в комментарии..

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *