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

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

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

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

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

Итак, давайте начинать.

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

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

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

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

Первый, как вы могли догадаться, установлен в ВП по умолчанию. Три остальных же были добавлены моей темой.

При желании я могу удалить или добавить шаблоны страниц с помощью несложных манипуляций.

Что можно сделать при помощи шаблонов

Да абсолютно все. По своей сути шаблон — это PHP-файл, который содержит в себе программный код и HTML вместе с CSS.

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

Вот так выглядит код самого простого шаблона страницы:

<?php

/*
Template Name: Шаблон для WordPress
Template Post Type: post, page, product 
*/
?>

<?php get_header(); ?>

<?php get_footer(); ?>

Он содержит в себе только хедер и футер, однако контента в нем нет, и чтобы это исправить туда нужно вставить php-код с определенной последовательностью скриптов.

Как правило, это стандартные переменные WordPress, которые отвечают за вывод информации с постов (post), страниц (page) или product (пользовательские типы записей).

Тут мы плавно подходим к опции Template Post Type, которая, собственно, и отвечает за принадлежность шаблона к тому или иному виду таксономии.

Как вы могли догадаться:

  • Post — записи
  • Page — страницы
  • Product — пользовательские типы постов (кастомные, добавляемые вручную или с помощью плагинов)

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

Делаем шаблоны страниц и записей при помощи PHP

Ну а теперь, в общем-то, можно переходить к непосредственному созданию шаблона страниц и записей в WordPress. Для этого нам необходимо создать php файлик в любом удобном месте нашего сайта.

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

Название можно ставить произвольное. Важно, только, чтобы в содержимом такого файла, в самом начале был код с указанием, что это действительно шаблон таксономии. Для этого используем код:

<?php 

/* Template Name: Шаблон для WordPress */

?>

В поле Template Name вы можете указать название, которое будет отображаться в окне «Атрибуты». Также в этот код, как было указано в примере, можно добавить строчку Template Post Type, с помощью которой задать параметры (для каких именно таксономий будет этот шаблон.

По-умолчанию: только для страниц) Также, чтобы на выходе мы могли получить что-то кроме чистой белой страницы, мы можем указать функцию вызова статичных частей нашего сайта — хедера и футера (верхней и нижней части дизайна, которые, как правило, имеются в каждой теме).

Для этого мы прописываем соответствующие строки:

<?php 

/* Template Name: Шаблон для WordPress */

<?php get_header(); ?> 

<?php get_footer(); ?>

?>

Теперь наш шаблон будет выглядеть куда более презентабельно. Однако какого-либо контента в нем не будет. Между футером и хедером необходимо добавить блок, который и будет отвечать за отображение контента.

Выглядеть это будет примерно так:

<?php 

/* Template Name: Шаблон для WordPress */

<?php get_header(); ?> 

<div class="content">

<main class="main-content">

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

<?php endwhile; ?>

</main>
</div>

<?php get_footer(); ?>

?>

Как видите, здесь мы используем элементы языка гиперразметки — HTML. Вы можете отыграться по полной. И прописать тут с десяток-другой различных div`ов или любых других элементов.

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

Заключение

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

Нужно лишь, как я говорил, знать язык программирования php. Также нужно уметь работать с функциями WordPress, а также иметь понятие о HTML и CSS.

Оцените статью:
( 2 оценки, среднее 5 из 5 )
Поделишься в соцсетях? 🙂 Спасибо 💪🏻

Интернет-предприниматель и создатель этого блога. Бросил универ, работаю удаленно и развиваю бизнес в интернете с 2017-го года.

Основные способы заработка: сайты, арбитраж трафика, партнерские программы, фриланс. Сейчас присматриваюсь к офлайн-бизнесу.

Увлекаюсь инвестированием, видеоиграми, хожу в фитнес-клуб.

Добавляйте блог в закладки и почаще заглядывайте, буду очень рад 😊.

Оцените автора
( 2 оценки, среднее 5 из 5 )
AWayne.Biz
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.