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

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

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

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

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

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

добавление файлу атрибута шаблона

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

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

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

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

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

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

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

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

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

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

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

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

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


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