Подписка
Email
Fb
RSS
Twitter
Email

Отдельный шаблон страницы WordPress

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

Часто бывает нужно задать какой-либо странице блога на WordPress отдельный стиль, отличный от основного дизайна блога. Делается это при помощи задания этой странице отдельного шаблона. Разберем, как все это реализуется.

Сначала нужно создать собственно сам шаблон страницы. Для этого можно просто отредактировать файл page.php, который отвечает за вывод постоянных страниц.

Создаем копию этого файла и называем ее к примеру page_extra.php (имя может быть любым). После этого открываем ее в текстовом редакторе и меняем содержимое на то, какое нам нужно. Например, если нужно изменить шапку, то можно создать отдельный файл header_extra.php (имя опять же не имеет значения), а в файле page_extra.php вместо get_header(); вставляем include("header_extra.php"); . Аналогично можем поменять другие блоки страницы.

Теперь в самом начале файла page_extra.php пишем

 

Это будет название нашего нового шаблона. Все, сохраняем файл и закидываем его в папку с установленной темой! Туда же отправляем и все вновь созданные файлы (header_extra.php).

Теперь надо применить этот шаблон к нужной странице. Это можно сделать через админ панель блога. Для этого создаем страницу или переходим в админке wordpress на редактирование страниц и меняем шаблон трубуемой страницы на только-что созданный.

Шаблон страницы wordpress
Шаблон страницы wordpress

Так же можно прописать в файле page.php следующий код:

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

Для версий WordPress от 2.8 все вышесказанное можно сделать другим методом. Для этого используем функцию:<?php body_class(); ?>. Ее нужно прописать в тег <body> в файле header.php вашей темы.

>

В итоге мы получаем тег <body> с дополнительными классами. И теперь пропишем, к примеру в style.css темы код:

.page h3{
	font-size: 18px;
} 

В итоге текст заголовков третьего уровня станет равным 18px, причем только на статических страницах, или

#post-2 {
	color: red;
} 

Этот код изменит цвет текста в посте с идентификатором 2 на красный.

Вот полный список классов body которые можно использовать для применения к ним стилей:

  • rtl
  • home
  • blog
  • archive
  • date
  • search
  • paged
  • attachment
  • error404
  • single postid-(id)
  • attachmentid-(id)
  • attachment-(mime-type)
  • author
  • author-(имя)
  • category
  • category-(имя)
  • tag
  • tag-(имя)
  • page
  • page-parent
  • page-child parent-pageid-(id)
  • page-template page-template-(имя файла шаблона)
  • search-results
  • search-no-results
  • logged-in
  • paged-(номер страницы)
  • single-paged-(номер страницы)
  • page-paged-(номер страницы)
  • category-paged-(номер страницы)
  • tag-paged-(номер страницы)
  • date-paged-(номер страницы)
  • author-paged-(номер страницы)
  • search-paged-(номер страницы)