Вы, наверняка, замечали, что многие WordPress сайты имеют различные макеты для разных страниц. В этой статье мы покажем вам, как создавать пользовательские страницы в WordPress.
Что такое Пользовательские страницы в WordPress
По умолчанию WordPress позволяет создавать сообщения (посты) и страницы. Ваша WordPress-тема управляет внешним видом ваших страниц, используя файл шаблона под названием page.php.
Этот файл шаблона затрагивает все отдельные страницы, которые вы создаете в WordPress. Тем не менее, не все страницы одинаковы. Небольшие изменения в расположении элементов и внешний вид могут сделать страницы уникальными и намного более полезными.
Создание пользовательского шаблона страницы в WordPress требует базового понимания HTML, CSS и PHP.
Теперь давайте окунемся в создание первой пользовательской страницы в WordPress.
Создание пользовательской страницы WordPress
Создайте новый файл в текстовом редакторе и запишите в него следующую строку кода:
<?php /* Template Name: CustomPageT1 */ ?>
Этот код просто говорит WordPress, что это файл шаблона и он должен быть принят как CustomPageT1. Вы можете назвать свой шаблон как вам самим захочется.
После того, как вы добавили код, сохраните файл на рабочем столе как custompaget1.php.
Вы можете сохранить файл с любым именем, просто убедитесь, что файл имеет расширение .php.
Для следующего шага, вам нужно будет подключиться к веб-сайту с помощью FTP клиента. После подключения, перейдите к текущей теме или к дочерней. Вы можете найти ее в директории /wp-content/themes/. Затем загрузите файл шаблона пользовательской страницы для вашей темы.
Теперь вам нужно войти в свою админку (http://ваш_сайт/wp-admin/), чтобы создать новую страницу или отредактировать существующую. На экране редактирования страницы прокрутите вниз до раздела "Атрибуты страницы" и вы увидите выпадающее меню c шаблонаvb. С ее помощью, вы сможете выбрать шаблон, который вы только что создали.
Теперь, если вы измените шаблон и зайдете на эту страницу, то она будет пустой. Это потому, что ваш шаблон не говорит WordPress, что нужно отобразить на странице. Не волнуйтесь, мы покажем вам, как легко можно изменить свой собственный шаблон страницы.
Редактирование шаблона в WordPress
Ваш шаблон похож на любой другой файл вашей темы в WordPress. Вы можете добавить любой HTML код, теги шаблонов или PHP код в этот файл. Самый простой способ начать работу с вашей пользовательской страницей - это копирования существующего шаблона страницы, имеющегося в вашей теме. Откройте свой FTP-клиент и перейдите в папку темы. В ней вы найдете файл с именем page.php. Вам необходимо скачать этот файл на свой компьютер.
Откройте файл page.php в вашем редакторе и скопируйте все его содержимое, за исключением части заголовка, в конец файла custompaget1.php.
Часть заголовка закомментировано в начале файла. Мы не копировали эту часть, потому что у нашего шаблона она уже есть.
Файл custompaget1.php должен выглядеть примерно так:
<?php /* Template Name: CustomPageT1 */ ?>
<?php get_header(); ?>
<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/content', 'page' );
// Если разрешено комментировать или у нас есть хотя бы
// один комментарий, - загрузить шаблон с коментариями
if ( comments_open() || get_comments_number() ) {
comments_template();
}
// Конец цикла
endwhile;
?>
</main><!-- .site-main -->
<?php get_sidebar( 'content-bottom' ); ?>
</div><!-- .content-area -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Сохраните файл шаблона пользовательской страницы и загрузите его обратно в папку темы с помощью FTP. Снова зайдите на страницу, созданную с помощью пользовательского шаблона. Теперь она будет выглядеть так же, как и ваши другие страницы в WordPress. Вы можете продолжить редактирование ваш шаблон, например, вы можете удалить боковую панель, добавить свой PHP или HTML код.
Контент можно добавлять путем редактирования страницы на экране редактора страницы в WordPress. Также можно оставлять место для контента пустым, а затем добавлять его напрямую через шаблон.
Мы надеемся, что эта статья помогла вам создать пользовательскую страницу в WordPress. Удачи!