Страницы со своим дизайном в Wоrdpress

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

По умолчанию, Wоrdpress сканирует все файлы, находящиеся в директории Вашей активной темы. Если Вы добавите файл определённого формата, неважно с каким-названием, и файл будет помечен как шаблон, то Wоrdpress автоматически добавит его к уже имеющимся шаблонам. Если в теме до этого не было шаблонов, то добавленный файл станет первым, и при создании страницы, появится опция выбора шаблона.

• Возьмём для примера дефолтную тему twentyseventeen.
• По умолчанию, в этой теме нет шаблонов страниц. И при создании страницы, доступен только выбор атрибута.

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

• Если Вы хотите создать шаблон страницы с небольшими изменениями, но в общем формате (шапка, боковая панель, подвал…), то можно сделать копию файла page.php, именно он отвечает за шаблон страницы по умолчанию, и производить изменения уже в копии файла.
• Как будет назван новый файл, не имеет значения.

• Нужно открыть файл, и в самом верху добавить несколько строк.
• Для Wоrdpress наличие данных строк, означает, что данный файл – это шаблон страницы. И движок воспринимает его соответственно.

<?php
/*
Template Name: Моя страница
*/
?>

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

• После добавления строк указанных выше, при создании страницы, добавится опция выбора шаблона.

• В выпадающем меню, присутствует добавленный нами шаблон.

Небольшие изменения в дизайне

• Если Вы хотите применить какие-либо стили к содержимому создаваемой страницы, но не терять возможность работы с текстом через админ-панель, то изменения в шаблон нужно вносить в рамках вывода контента и комментариев.
• В теме twentyseventeen, рамки указаны на картинке:

Создание шаблона для одной страницы

• Если Вы создаёте шаблон, для использования одной единственной страницей, то можно удалить отмеченное рамками на странице выше, и производить форматирование и использование стилей прямо в исходном коде файла.
• При таком подходе, не будет возможности работы с текстом из админ-панели.

Создание страницы с нуля

• Ещё один вариант использования шаблона, это создание страницы без привязки к дизайну сайта. Можно создать страницу с нуля, но она будет в формате Вашего сайта.

http://Ваш_сайт/Ваша_страница

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

• В админ-панели, создал пустую страницу с заголовком, и вот результат:

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

Сегодня мы рассмотрели тему: "Страницы со своим дизайном в Wоrdpress".  Научились создавать шаблоны страниц под свои нужды. Смотрите также видео по теме.

Надеюсь статья была вам полезна. До встречи в новых статьях.

✍

С уважением, Андрей Бондаренко.

Видео на тему "Страницы со своим дизайном в Wоrdpress":