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


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

Что такое шаблоны страниц

Тема в WordPress может иметь несколько разных шаблонов для вывода страниц, записей, архивов и так далее. Среди шаблонов мы рассматриваем сейчас шаблоны для Страниц. При создании Страницы в WordPress можно выбрать специальный шаблон для неё:

Разные темы могут предоставлять разные шаблоны страниц, например шаблон для страницы во всю ширину экрана (без боковой колонки), с левой боковой колонкой вместо правой и прочее. Отсутствие этой опции при редактировании страниц означает, что тема не объявила дополнительные шаблоны.

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

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

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


или page-*.php. Если же для текущей страницы установлен свой шаблон, то ядро WordPress будет использовать его.

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

Для простоты рекомендуем использовать префикс template-*.php и/или хранить все шаблоны страниц в субдиректории, например:

  • my-theme/templates/full-width.php
  • my-theme/templates/front-page.php
  • my-theme/templates/left-sidebar.php

Все шаблоны страниц в WordPress должны иметь специальный заголовок, который необходимо разместить в начале файла:

<?php /**  * Template Name: My Custom Template Name  */ 

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

После специального заголовка вы можете писать произвольный код PHP и HTML, который будет использоваться для вывода страниц с вашим шаблоном. Для соблюдения структуры сайта (заголовок, подвал, боковые колонки) за основу можно взять шаблон page.php вашей темы.

Дочерние темы


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

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

Когда не следует использовать шаблоны страниц

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

В WordPress есть вспомогательная функция body_class(), которая используется в большинстве существующих тем. С помощью классов выводимых данной функцией, вы можете изменить стиль одной любой страницы используя CSS код:

/* Спрятать боковую колонку на странице 123 */ body.page-id-123 #secondary {  display: none; } 

Шаблоны страниц так же не следует использовать, чтобы изменить параметры основного цикла WordPress, например для добавления произвольного типа записей или исключения категории. Для таких целей есть специальный фильтр pre_get_posts в WP_Query().


Если у вас возникли вопросы по работе с шаблонами страниц в WordPress, буду рад ответить на них в комментариях.

rightblog.ru

Этот туториал покажет, как создать новый шаблон страницы для шаблонов WordPress Cherry Framework.

WordPress. Как создать шаблон страниц

  1. Войдите в админ панель WordPress.

  2. Откройте меню Страницы -> Добавить новую (Pages -> Add New) и создайте новую страницу с новым шаблоном страницы.


  3. Введите заголовок страницы и сохраните изменения. В правой колонке в панели Атрибуты страницы (Page Attributes) вы можете выбрать один из используемых в вашей теме шаблонов страницы. Вам необходимо добавить новый шаблон станицы в этот список.


    1042;се эти шаблоны находятся в папке wp-content/themes/CherryFramework на вашем сервере. Но вам необходимо добавить новый шаблон страницы в папку wp-content/themes/theme##### .

  4. Создайте новый .php файл в любом редакторе, например, Dreamweaver или Notepad++, и назовите его, например, new.php. Добавьте в этот файл следующий код:

     <?php  /*  Template Name: Custom  */ ?> 

  5. Сохраните файл и загрузите его в папку wp-content/themes/theme#####  на ваш сервер.

  6. Теперь вернитесь к странице, которую вы создали в админ панели WordPress. В панели Атрибуты страницы (Page Attributes) вы можете выбрать новый шаблон страницы под названием “Пользовательский” (“Custom”).

    wordpress_cherry_new_page_template_adding_1


  7. Нажмите кнопку Опубликовать (Publish). Потом нажмите кнопку (Просмотреть) Preview. Страница будет чисто белой.

  8. Cнова откройте файл new.php file и начните добавлять свой контент. Файл может содержать все, что вы захотиm.


    1090;ь ее контент.

  9. Вы можете использовать элементы кода других шаблонов страницы из папки wp-content/themes/CherryFramework , чтобы создать специфическую страницу.

  10. Давайте сначала добавим хедер и футер в новый шаблон страницы:

     <?php  /**  * Template Name: Custom  */ get_header(); ?> <?php get_footer(); ?>  

  11. Если вы сохраните изменения, то сможете увидеть их на странице:

    wordpress_cherry_new_page_template_adding_2

  12. Теперь необходимо выбрать вид контента, который вы хотите использовать на этой странице. Допуст.


    #1072;” (“Our Team”). И вам нравится дизайн шаблона страницы Отзывов (Testimonials) и вы бы хотели использовать этот дизайн для постов “Наша команда” (“Our Team”). Для этого в меню Дизайн -> Редактор (Appearance -> Editor) вы легко найдете файл, который содержит код шаблона страницы Отзывов (Testimonials). Его название page-testi.php.

    wordpress_cherry_new_page_template_adding_3

  13. Откройте этот файл для редактирования. Скопируйте только код контента, так как вы уже добавили хедер и футер (ниже приведен пример данного кода, ваш код может выглядеть иначе):

     <div class="motopress-wrapper content-holder clearfix">  <div class="container">  <div class="row">  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-wrapper-file="page-testi.php" data-motopress-wrapper-type="content">  <div class="row">  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-type="static" data-motopress-static-file="static/static-title.php">  <?php get_template_part("static/static-title"); ?>  </div>  </div>  <div class="row">  <div class="<?php echo cherry_get_layout_class( 'content' ); ?> <?php echo of_get_option('blog_sidebar_pos'); ?>" id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-testi.php">  <?php get_template_part("loop/loop-testi"); ?>  </div>  <div class="<?php echo cherry_get_layout_class( 'sidebar' ); ?> sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">  <?php get_sidebar(); ?>  </div>  </div>  </div>  </div>  </div>  </div> 
  14. Вставьте скопированный код в файл new.php. Замените Template Name: Custom на Template Name: Team

  15. И замените page-testi.php на new.php в этом коде.

  16. Данный код также содержит ссылку на файл loop/loop-testi.php. Это еще один файл, который вам необходимо скопировать и редактировать. Скопируйте файл loop-testi.php из папки wp-content/themes/CherryFramework/loop и вставьте его в папку wp-content/themes/theme#####/loop (если в папке вашей темы отсутствует папка loop , вам следует создать ее). Переименуйте этот файл, например, на loop-new.php и откройте его для редактирования. Замените слово “testi” на слово “team” во всех строчках файла и сохраните изменения. (Для замены слов вы можете использовать комбинацию клавиш Control (Command) + F).

    wordpress_cherry_new_page_template_adding_4

  17. Когда файл loop-new.php создан и отредактирован, снова откройте файл new.php и замените loop/loop-testi.php на loop/loop-new.php в его коде. В результате ваш код будет выглядеть следующим образом:

     <?php  /**  * Template Name: Team  */ get_header(); ?> <div class="motopress-wrapper content-holder clearfix">  <div class="container">  <div class="row">  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-wrapper-file="new.php" data-motopress-wrapper-type="content">  <div class="row">  <div class="<?php echo cherry_get_layout_class( 'full_width_content' ); ?>" data-motopress-type="static" data-motopress-static-file="static/static-title.php">  <?php get_template_part("static/static-title"); ?>  </div>  </div>  <div class="row">  <div class="<?php echo cherry_get_layout_class( 'content' ); ?> <?php echo of_get_option('blog_sidebar_pos'); ?>" id="content" data-motopress-type="loop" data-motopress-loop-file="loop/loop-new.php">  <?php get_template_part("loop/loop-new"); ?>  </div>  <div class="<?php echo cherry_get_layout_class( 'sidebar' ); ?> sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar-file="sidebar.php">  <?php get_sidebar(); ?>  </div>  </div>  </div>  </div>  </div>  </div> <?php get_footer(); ?>  
  18. Сохраните изменения и проверьте вашу новую страницу. Теперь она должна содержать пользовательские посты “Наша команда” (“Our Team”) с дизайном страницы Отзывов (Testimonials).

    wordpress_cherry_new_page_template_adding_5

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

WordPress. How to create page templates

www.templatemonster.com

О страницах коротко

Чем страницы являются и что могут:

  • Страницы являются контейнером для содержимого, которое не зависит от времени.
  • Страницы могут быть организованы в другие страницы, а также Подстраницы.
  • Страницы могут использовать различные шаблоны, которые могут включать в себя файлы шаблонов, метки шаблона (Template Tags) и код PHP.

Чем страницы НЕ являются и что НЕ могут:

  • Страницы — не записи. Они не проходят циклически через главную страницу. Примечание: Включать записи в страницы можно с помощью модуля Inline Posts Plugin.
  • Страницы — не пункты меню, даже если список страниц выводится на месте навигации. Для создания полноценного навигационного меню существует отдельный механизм.
  • Страницы не могут быть связаны с рубриками и метками. Организационная структура опирается только на иерархию.
  • Страницы — это не файлы. Они сохраняются в базе данных точно так же, как записи.
  • Хотя в шаблон страницы можно добавить код PHP, в саму страницу нельзя добавить код так, чтобы при этом он ещё и работал. Примечание: Этого можно достичь, используя модуль, работающий с PHP, такой как Exec-PHP или RunPHP

Создание страниц

Для того чтобы создать страницу войдите в WordPress с достаточными привилегиями для создания статей. Выберите Administration > Pages > Add New для того чтобы начать работу с новой страницей.

Изменение URL или слага (Slug) страниц

С версии 2.5 смена URL страниц стала менее интуитивной. Если у вас включены пермалинки (Permalinks) и вы выбрали настройку Day and Name(Нажмите Settings и в открывшемся списке Permalinks), то пермалинк автоматически покажется под названием записи, когда вы начнёте печатать в теле записи (не только в заголовке).

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

  1. Создать страницу с помощью Write > Page.
  2. Опубликовать её, нажав Publish.
  3. Перейти в Manage > Pages.
  4. Нажать Edit рядом со страницей.
  5. Посмотреть на пермалинк под заголовком и нажать Edit, чтобы его поменять.

Таким образом, если у вас не включено использование пермалинков, вы должны опубликовать ваши страницы перед тем как устанавливать URL.

Вывод страниц на сайте

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

  • Сортировать список страниц. Полная настройка порядка вывода описана в секции «Page Order» административной панели Write > Page.
  • Исключать из вывода или прятать страницу
  • Управлять отображением страниц, то есть выводить ли все страницы или некоторые подстраницы.
  • Определять насколько глубоко список уходит в иерархию страниц.

Естественно, вы можете определять ссылки на страницы вручную используя HTML-ссылки. Например, если вы хотите вывести страницу об авторских правах в «подвале», ссылка может быть такой:
Если пермалинки НЕ настроены

<a title="Copyright information" href="wordpress/?page_id=14">Copyright 1996-2006</a> 

Если пермалинки настроены

<a title="Copyright information" href="wordpress/copyright/">Copyright 1996-2006</a> 

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

Структурирование страниц

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

Например, предположим вы создаёте сайт для продавца турпутёвок и хотели бы иметь отдельную страницу для каждого континента и страны, куда могут продаваться путёвки. Вы можете начать с создания страницы «Африка» на которой будет общее описание о путешествии на континент. Затем вы создаёте страницы, вложенные в эту, то есть подстраницы, со странами «Лесото», «Того», «Камерун» и «Свазиленд». Затем в таком же ключе вы создаёте страницу «Южная Америка» с подстраницами «Бразилия», «Аргентина» и «Чили». И вот что получится:

  • Африка
    • Камерун
    • Лесото
    • Свазиленд
    • Того
  • Южная Америка
    • Аргентина
    • Бразилия
    • Чили

Для того, чтобы начать, перейдите в Administration > Write > Write Page , в верхнем правом углу панели и нажмите выпадающий список «Page Parent». Этот список содержит перечень всех созданных страниц. Для преобразования текущей страницы в подстраницу, или наоборот, для преобразования в родительскую страницу выберите необходимый пункт из выпадающего меню. Текущая страница станет дочерней по отношению к выбранной.

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

В нашем примере для страницы «Камерун» пермалинк будет такой:

http://example.com/africa/cameroon/ 

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

Отдельные страницы могут использовать собственный шаблон страницы (файл-шаблон PHP, например, snarfer.php) который можно включить в создаваемую тему (см. ниже Создание собственных шаблонов страниц). Вновь созданный шаблон будет перекрывать шаблон по умолчанию page.php.

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

WordPress может быть настроен на использование разных шаблонов для разных страниц. Внизу административной панели Write > Page (или на боковой панели — зависит от версии) имеется выпадающее меню «Page Template», в котором можно выбрать шаблон, используемый данной страницей.

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

Шаблоны встроенной темы по умолчанию

Встроенная тема по умолчанию содержит три шаблона:

  • page.php — шаблон страницы по умолчанию: отображает содержимое страницы
  • archives.php — игнорирует содержимое и вместо него показывает список архивов по месяцам и рубрикам.
  • links.php — также игнорирует содержимое и вместо него показывает ссылки, используя wp_list_bookmarks().

Какой шаблон используется для показа отдельных страниц?

WordPress просматривает несколько файлов в активной теме. Первый найденный будет использован для показа любой страницы. WordPress просматривает файлы в следующем порядке:

  1. Выбраннный для данной страницы шаблон.
  2. page.php
  3. index.php

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

Файлы, определяющие шаблоны, находятся в папке с темой. Для создания собственного шаблона нужно создать файл. Итак, для примера, назовём наш новый шаблон snarfer.php. В первых строчках файла напишем следующее:

<?php /* Template Name: Snarfer */ ?> 

Приведённый код определяет что файл snarfer.php — шаблон «Snarfer» (естественно, вы можете переименовать «Snarfer» во что угодно, только не запутайтесь). Это имя появится в редакторе тем со ссылкой на соответствующий файл.

Файл можно назвать как угодно с расширением .php (об именах, которые нельзя использовать см. в reserved Theme filenames; это специальные имена, зарезервированные системой для внутреннего использования).

Всё что вы напишете ниже — зависит от вашего желания и фантазии. Остаток кода будет управлять выводом страниц, которые используют наш шаблон «Snarfer». См. Теги шаблонов, где содержатся описания для различных функций вывода. Для удобства при создании своего шаблона можно воспользоваться уже существующим, скопировав его, например, из page.php или index.php в snarfer.php и затем оформив заголовок, как мы это сделали выше. В таком случается останется только подправить код HTML и PHP, вместо того, чтобы набирать всё это «с нуля».

Примеры приведены ниже. С того момента, как вы создали шаблон страницы и поместили его в папку с темой он становится доступным для выбора во время создания или правки страницы.

Примечание: когда страница создаётся или правится, настройка шаблона не появляется пока не будет создан как минимум один шаблон, как описано выше.

Примеры страниц и шаблонов

Ниже приводится список примеров. Вы можете добавить свои.

Архивы с содержимым

Шаблон, который сначала показывает вверху содержимое страницы, а ниже — список архивов по месяцам и рубрикам. Он работает с темой по умолчанию (Kubrick), но с незначительными доработками подойдёт для других тем.

Сохраните код ниже в arc-cont.php:

 <?php /* Template Name: Archives with Content */ ?>  <?php get_header(); ?>  <div id="content" class="widecolumn">   <?php if (have_posts()) : while (have_posts()) : the_post();?>  <div class="post">  <h2 id="post-<?php the_ID(); ?>"><?php the_title();?></h2>  <div class="entrytext">  <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>  </div>  </div>  <?php endwhile; endif; ?>  <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>  </div> <div id="main">  <?php include (TEMPLATEPATH . '/searchform.php'); ?>  <h2>Archives by Month:</h2>  <ul>  <?php wp_get_archives('type=monthly'); ?>  </ul>  <h2>Archives by Subject:</h2>  <ul>  <?php wp_list_cats(); ?>  </ul>  </div> <?php get_footer(); ?>  

Страница с записями

Шаблон показывает записи определённой рубрики в зависимости от того, какая страница показывается. Он работает с темой по умолчанию (Kubrick), но с незначительными доработками подойдёт для других тем.

Сохраните код ниже в pageofposts.php:

 <?php /* Template Name: PageOfPosts */  get_header(); ?>  	<div id="content" class="narrowcolumn">  <?php // page id 21 will get category ID 12 posts, page 16 will get category 32 posts, page 28 will get category 17 posts if (is_page('21') ) { $cat = array(12); } elseif ( is_page('16') ) { $cat = array(32); } elseif ( is_page('28') ) { $cat = array(17); } else { $cat = ''; }  $showposts = -1; // -1 shows all posts $do_not_show_stickies = 1; // 0 to show stickies $args=array(  'category__in' => $cat,  'showposts' => $showposts,  'caller_get_posts' => $do_not_show_stickies  ); $my_query = new WP_Query($args);   ?>  	<?php if( $my_query->have_posts() ) : ?>  		<?php while ($my_query->have_posts()) : $my_query->the_post(); ?> 			<?php 			//necessary to show the tags  			global $wp_query; 			$wp_query->in_the_loop = true; 			?> 			<div <?php post_class() ?> id="post-<?php the_ID(); ?>"> 				<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> 				<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>  				<div class="entry"> 					<?php the_content('Read the rest of this entry »'); ?> 				</div>  				<p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p> 			</div>  		<?php endwhile; ?>  	<?php else : ?>  		<h2 class="center">Not Found</h2> 		<p class="center">Sorry, but you are looking for something that isn't here.</p> 		<?php get_search_form(); ?>  	<?php endif; ?>  	</div>  <?php get_sidebar(); ?>  <?php get_footer(); ?>  

WordPress как CMS

Вы можете использовать WordPress для управления содержимым. Если вы так решили — вам понадобится создать некоторое (возможно, большое) количество страниц.

Использование страницы в качестве главной

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

Для этого необходимо перейти в Параметры > Чтение в административной панели. В секции «На главной странице отображать» можно выбрать что показывать в качестве главной страницы. По умолчанию там стоит значение «Ваши последние записи».

Дополнительные методы установки главной страницы для версий ниже 2.1

Если не использовать встроенную возможности установки главной страницы остаётся две возможности. Первая — использовать модуль Static Front Page Plugin. Он модифицирует запрос к главной странице и sticks the Page with a Page slug of «home» to the front page.

Когда страница показывается как главная, если шаблон с именем home.php есть для текущей темы, модуль перекрывает настройки шаблона и вместо него использует home.php. Шаблон применяется в том случае, если на страницу переходят по адресу (например, http://example.com/home/)

В качестве альтернативы модулю WordPress попытается распознать «home.php» в папке с шаблонами и использовать его вместо «index.php». Однако, если ваша главная страница — не блог, примите во внимание, что шаблон home.php будет всегда показывать её как блог, хотите вы этого или нет. Вы можете использовать метку шаблона query_posts() перед вызовом главного цикла. Например:

 <?php   query_posts('pagename=home');  ?> 

вызовет запись с именем страницы «home».

Включение страницы

Также вы можете включить страницы в разные места сайта. Для этого есть модуль Improved Include Page с помощью которого процесс включения существенно облегчается.

codex.wordpress.org

Почему бы не использовать разные шаблоны страниц?

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

По умолчанию шаблон страницы (page.php) настроен таким образом, что весь необходимый контент отображается на странице.

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

Наиболее известный пользовательский шаблон страницы — это Archive (шаблон архивной страницы archive.php). Он есть во многих темах WordPress и содержит весь контент сайта, который разделен на страницы, категории, тэги, даты архивов, авторские архивы.

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

Как создать свой шаблон страницы для сайта на WordPress» />

В темах можно найти и другие типы шаблонов страниц, как например:

  • Контактную форму
  • Страницы без сайдбара (боковой панели)
  • Лендинговую страницу (посадочную страницу)
  • Индекс блога

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

Как выбрать шаблон для страницы?

Добавить шаблон для страницы очень просто. В редакторе страницы справа вы увидите окошко (виджет) под названием «Атрибуты страницы». Оно размещено под окошком «Опубликовать».

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

Как создать свой шаблон страницы для сайта на WordPress» />

Шаблон также можно изменить другим способом — через список всех страниц. Нужно только нажать на «Свойства».

Как создать свой шаблон страницы для сайта на WordPress» />

Затем изменить шаблон в опциях меню справа.

Как создать свой шаблон страницы для сайта на WordPress» />

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

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

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

Нужно только использовать код page.php уже существующего шаблона темы в качестве основы для нового шаблона страницы. К примеру, вы используете старую стандартную тему Twenty Twelve. Файл page.php имеет следующий код:

<?php  /**   * The template for displaying all pages   *   * This is the template that displays all pages by default.   * Please note that this is the WordPress construct of pages   * and that other 'pages' on your WordPress site will use a   * different template.   *   * @package WordPress   * @subpackage Twenty_Twelve   * @since Twenty Twelve 1.0   */     get_header(); ?>      <div id="primary" class="site-content">   <div id="content" role="main">      <?php while ( have_posts() ) : the_post(); ?>   <?php get_template_part( 'content', 'page' ); ?>   <?php comments_template( '', true ); ?>   <?php endwhile; // end of the loop. ?>      </div><!-- #content -->   </div><!-- #primary -->     <?php get_sidebar(); ?>  <?php get_footer(); ?>  

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

/*  Template Name: My Custom Page Template  */  

Шаблон вашей страницы будет выглядеть следующим образом:

<?php  /*  Template Name: My Custom Page Template  */     Далее идет код шаблона страницы  

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

В стандартном шаблоне сайдбар страницы отображается с правой стороны:

Как создать свой шаблон страницы для сайта на WordPress» />

Стандартный шаблон страницы в теме Twenty Twelve

Создать шаблон новой страницы без сайдбара просто.

Для начала нужно создать новый файл, используя любой текстовый редактор (Блокнот или Notepad++ подойдет). Его можно назвать как-то по-простому, например, nosidebar-page.php или full-page.php (о названиях файлов поговорим немного позже). Затем загрузите файл на ваш сайт таким образом, чтобы он находился рядом с файлом page.php.

По сути, наш шаблон — это шаблон от page.php темы Twenty Twelve, только с удаленным кодом <?php get_sidebar(); ?>.

Он выглядит так:

<?php  /*  Template Name: Full Width Page with No Sidebar  */     get_header(); ?>      <div id="primary" class="site-content">   <div id="content" role="main">      <?php while ( have_posts() ) : the_post(); ?>   <?php get_template_part( 'content', 'page' ); ?>   <?php comments_template( '', true ); ?>   <?php endwhile; // end of the loop. ?>      </div><!-- #content -->   </div><!-- #primary -->     <?php get_footer(); ?>  

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

Как создать свой шаблон страницы для сайта на WordPress» />

Но это еще не все. Пока мы только удалили сайдбар. Нам нужно сделать так, чтоб контент размещался по всей ширине страницы. А пока он занимает только две третьих страницы:

Как создать свой шаблон страницы для сайта на WordPress» />

Если вы посмотрите на код нашего шаблона, то увидите, что основная часть контента находится под действием определенного класса CSS:

<div id="primary" class="site-content">  

За стиль основной части контента отвечает вторая часть class=»site-content». Если проверить файл стилей (style.css) темы, то можно заметить, что этот класс находится почти в самом низу:

.site-content {   float: left;   width: 65.104166667%;   }  

Для того чтобы расширить контент на всю страницу, нам нужно изменить ширину области контента с 65% на 100%. Но не нужно изменять класс контента сайта, т.к. он по-прежнему используется в других шаблонах, как например, стандартная страница page.php и шаблон записей single.php. Изменение цифры процента для контента сайта повлияет на все записи и страницы на вашем сайте, которые занимают всю ширину страницы.

Поэтому нам нужно создать новый класс, который употребляется специально для страниц с полной шириной:

.site-content-fullwidth {   float: left;   width: 100%;   }  

После обновления файла style.css с вышеуказанным классом нам нужно изменить наш шаблон с полной шириной страницы и быть уверенными, что мы создали ссылку на класс CSS с шириной в 100%:

<div id="primary" class="site-content-fullwidth">  

Наш финальный шаблон будет выглядеть так:

<?php  /*  Template Name: Full Width Page with No Sidebar  */     get_header(); ?>      <div id="primary" class="site-content-fullwidth">   <div id="content" role="main">      <?php while ( have_posts() ) : the_post(); ?>   <?php get_template_part( 'content', 'page' ); ?>   <?php comments_template( '', true ); ?>   <?php endwhile; // end of the loop. ?>      </div><!-- #content -->   </div><!-- #primary -->     <?php get_footer(); ?>  

Этот обновленный шаблон подтверждает, что контент на нашем сайте будет отображаться на всю страницу:

Как создать свой шаблон страницы для сайта на WordPress» />

Теперь контент на сайте отображается по всей странице

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

Как называть шаблоны страниц

Согласно WordPress Template Hierarchy, WordPress отображает шаблоны для страницы в следующем порядке:

  • Пользовательский шаблон (Custom Template)
  • page-{slug}.php
  • page-{id}.php
  • page.php
  • index.php

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

Этот порядок означает, что на WordPress всегда будет отображаться шаблон для страницы, если он был прикреплен к ней. Если к странице не был добавлен ни один из шаблонов, то WordPress будет искать page-{slug}.php.

Если шаблон page-{slug}.php не найден, WordPress ищет шаблон по ID страницы. К примеру, если ID страницы = 15, то WordPress будет искать шаблон страницы с названием 15.php.

Если шаблон не привязан к странице и нет совпадений с ID страницы, то WordPress ищет по стандартному шаблону страницы page.php. И если страницы шаблона page.php не существует, то для поиска используется index.php.

Многие разработчики называют свои шаблоны тем, используя формат page-name.php. К примеру, шаблон страницы контактов называют page-contact.php. По большому счету вы можете давать шаблонам названия на свое усмотрение и использовать любые конфигурации, будь то page-name.php, name-page.php или name.php. В любом случае, в будущем вы сможете эти названия изменить.

hostenko.com

Введение

В предыдущих статьях мы рассмотрели принципы верстки на чистом CSS и с помощью Bootstrap. Сегодняшней статьей мы начинаем рассматривать особенности верстки под популярные CMS. И начнем с WordPress, как самой популярной из них. Будем считать, что WordPress у вас уже установлен и перейдем непосредственно к созданию шаблона, в качестве которого у нас по-прежнему будет выступать Corporate Blue от студии Pcklaboratory. Если вы не знаете как установить WordPress, то инструкцию можно найти здесь. В данном руководстве мы не будем подробно описывать CSS стили и HTML код – это было сделано уже в предыдущих статьях. Вместо этого рассмотрим детально особенности создания темы именно под WordPress.

Добавление темы

Для начала в папке themes создадим папку нашего шаблона «whitesquare». В ней будет находиться папка images и два необходимых пустых файла index.php и style.css.

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

Следующим шагом нужно добавить скриншот нашей темы. Сохраните изображение главной страницы из psd макета размером 880х660 в папку темы whitesquare с именем screenshot.png.

После этого мы уже можем использовать нашу тему. Зайдите в панель администратора по адресу http://{site-name}/wp-admin, а затем в управление темами (Appearance -> Themes). В списке уже должна появиться наша тема whitesquare. Наведитесь на тему и нажмите «Activate».

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

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

Предварительный осмотр

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

Если посмотреть на макет, то можно увидеть, что наша страница состоит из шапки и футера, которые повторяются на всех страницах. Также на всех страницах, кроме главной, есть сайдбар слева. Для того чтобы руководство было более универсальным, давайте страницы главного меню оформим как «страницы WordPress» (page), а страницы подменю как «посты блога WordPress» (post) с комментариями. Главную же страницу сделаем как отдельную страницу (front-page) с собственной разметкой. Здесь надо отметить, что, несмотря на то, что страницы WordPress могут быть реализованы двумя способами (как страницы или как посты) в базе данных они различаются только типом, однако при создании шаблонов они обрабатываются немного по-разному. В этом вы сможете убедиться чуть ниже.

Структура страниц

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

Давайте начнем со структуры страниц. Прежде чем добавлять страницы, нужно сначала зайти в настройки и указать стиль ссылок: Settings -> Permalink settings -> Post name. Это позволит сделать ссылки в виде «http://site_name/page_name».

Добавление страниц осуществляется через панель администратора: Pages -> Add new. Для каждой страницы в области Page Attributes в поле Order укажите цифрой порядок страницы в главном меню.

После добавления, список страниц должен выглядеть вот так:

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

Когда все страницы будут добавлены, нужно указать, что страница Home будет главной. Для этого зайдите в меню Settings -> Reading и в поле Front page displays укажите: A static page -> Home.

Header.php и Footer.php

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

<!doctype html> <html> <head> 	<meta http-equiv="Content-type" content="text/html; charset=<?php bloginfo('charset'); ?>"> 	<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 	<title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title> 	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 	<?php wp_head(); ?> </head> <body <?php body_class(); ?>> 	<div class="wrapper"> 

Внутри тега head мы установили кодировку, указанную в WordPress, заголовок страницы и pingback (для связи с другими сайтами). В последней строке вызываем команду wp_head(), которая добавляет заголовки WordPress. Также открываем блок «wrapper».

Кроме этого, нам нужно подключить css и js файлы. В текущих версиях wordpress это делается не прямым текстом в header.php, а через подключение в специальных функциях. Для этого откройте файл functions.php внутри нашей темы и добавьте в него следующий код:

function enqueue_styles() { 	wp_enqueue_style( 'whitesquare-style', get_stylesheet_uri()); 	wp_register_style('font-style', 'http://fonts.googleapis.com/css?family=Oswald:400,300'); 	wp_enqueue_style( 'font-style'); } add_action('wp_enqueue_scripts', 'enqueue_styles');  function enqueue_scripts () { 	wp_register_script('html5-shim', 'http://html5shim.googlecode.com/svn/trunk/html5.js'); 	wp_enqueue_script('html5-shim'); } add_action('wp_enqueue_scripts', 'enqueue_scripts'); 

В функции enqueue_styles мы зарегистрировали и подключили нужные стили, а затем указали вордпрессу, что эта функция является подключением стилей. Аналогично и для js файла, который требуется для отображения html5 тегов в старых браузерах.

Футер аналогично шапке — содержит общий код, который встречается в конце всех страниц сайта. Давайте запишем его содержимое в файл footer.php.

	</div> 	<footer></footer> 	<?php wp_footer(); ?> </body> </html> 

Здесь мы закрываем открытые блоки и вызываем wp_footer(), чтобы добавить скрипты футера WordPress.

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

Следующим шагом, нам нужно сделать шаблон обычной страницы WordPress.
Создайте в папке темы файл page.php и добавьте в него следующий код:

<?php get_header(); ?> <div class="main-heading"> 	<h1><?php the_title(); ?></h1> </div> <section> 	<?php if (have_posts()): while (have_posts()): the_post(); ?> 		<?php the_content(); ?> 	<?php endwhile; endif; ?> </section> <?php get_footer(); ?> 

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

Теперь нужно стилизовать получившуюся страницу. Сохраните фоны в файлы images/bg.png и images /h1-bg.png. Далее добавьте немного базовых стилей в файл style.css:

В результате должна получиться вот такая картина:

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

Логотип

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

После того, как мы закончили с каркасом основной страницы, приступим к ее наполнению. Начнем с логотипа. Сохраните изображение логотипа в images/logo.png. В шаблон шапки, в файле header.php вставьте разметку для логотипа:

<div class="wrapper"> 	<header> 		<a href="/"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="Whitesquare logo"></a> 	</header> 

Форма поиска

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

WordPress позволяет достаточно гибко сохранять блоки кода в отдельные файлы, а затем использовать их в нескольких разных местах. Рассмотрим пример на нашей форме поиска.
В папке темы создайте новый файл searchform.php и сохраните в него код формы поиска:

<form name="search" action="<?php echo home_url( '/' ) ?>" method="get" class="search-form"> 	<input type="text" value="<?php echo get_search_query() ?>" name="s" placeholder="<?php echo __('Search', 'whitesquare'); ?>" class="input"> 	<button type="submit" class="button"><?php echo __('GO', 'whitesquare'); ?></button> </form> 

А в файл стилей запишите стили для формы:

Всё, что осталось сделать – это подключить searchform.php внутри header.php.

<header> 	… 	<?php get_search_form(); ?>  </header> 

Навигация

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

Добавить навигацию на страницу можно разными способами, например через функцию wp_list_pages, но более современным способом будет добавление через админку. По умолчанию функционал добавления меню не активирован, для того, чтобы это сделать, добавьте в файл темы functions.php следующий код:

if (function_exists('add_theme_support')) { 	add_theme_support('menus'); } 

После этого, в панели администрирования в пукте меню Appearance появится подпункт Menus, в котором нужно нажать на ссылку Create new menu, ввести имя меню «top-menu», выделить страницы из левой колонки и добавить их в меню кнопкой Add to menu.

Теперь, когда меню создано, нужно его показать на страницах сайта. Для этого добавьте в конец header.php следующий код:

<nav class="main-navigation"> 	<? wp_nav_menu(array('menu' => 'top-menu', 'menu_class' => 'top-menu')); ?> </nav> 

Функция wp_nav_menu отобразит меню с именем «top-menu» и css классом «top-menu».

После этого меню уже появится на страницах но без стилей. Стилизуем его:

Футер

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

Теперь приступаем к самой сложной части нашего шаблона. Давайте нарежем изображения и сохраним их в в папку images

images/footer-logo.png – логотип футера
images/social.png – спрайты больших иконок
images/social-small.png – спрайты маленьких иконок

Далее делаем вёрстку в файле footer.php:

<footer> 	<div class="footer-content"> 		<div class="twitter"> 			<h3 class="footer-heading"><?php echo __('Twitter feed', 'whitesquare'); ?></h3> 			<time datetime="2012-10-23"><a href="#" class="twitter-time">23 oct</a></time> 			<p><?php echo __('In ultricies pellentesque massa a porta. Aliquam ipsum enim, hendrerit ut porta nec, ullamcorper et nulla. In eget mi dui, sit amet scelerisque nunc. Aenean aug', 'whitesquare'); ?></p> 		</div> 		<div class="sitemap"> 			<h3 class="footer-heading"><?php echo __('Sitemap', 'whitesquare'); ?></h3> 			<div class="column first"> 				<a href="/home/"><?php echo __('Home', 'whitesquare'); ?></a> 				<a href="/about/"><?php echo __('About', 'whitesquare'); ?></a> 				<a href="/services/"><?php echo __('Services', 'whitesquare'); ?></a> 			</div> 			<div class="column"> 				<a href="/partners/"><?php echo __('Partners', 'whitesquare'); ?></a> 				<a href="/customers/"><?php echo __('Support', 'whitesquare'); ?></a> 				<a href="/contact/"><?php echo __('Contact', 'whitesquare'); ?></a> 			</div> 		</div> 		<div class="social"> 			<h3 class="footer-heading"><?php echo __('Social networks', 'whitesquare'); ?></h3> 			<a href="http://twitter.com/" class="social-icon twitter-icon"></a> 			<a href="http://facebook.com/" class="social-icon facebook-icon"></a> 			<a href="http://plus.google.com/" class="social-icon google-plus-icon"></a> 			<a href="http://vimeo.com/" class="social-icon-small vimeo-icon"></a> 			<a href="http://youtube.com/" class="social-icon-small youtube-icon"></a> 			<a href="http://flickr.com/" class="social-icon-small flickr-icon"></a> 			<a href="http://instagram.com/" class="social-icon-small instagram-icon"></a> 			<a href="/rss/" class="social-icon-small rss-icon"></a> 		</div> 		<div class="footer-logo"> 			<a href="/"><img src="<?php bloginfo('template_url'); ?>/images/footer-logo.png" alt="Whitesquare logo"></a> 			<p><?php echo __('Copyright © 2012 Whitesquare. A <a href="http://pcklab.com">pcklab</a> creation', 'whitesquare'); ?></p> 		</div> 	</div> </footer> 

И прописываем стили в style.css:

В итоге главная страница сайта должна выглядеть вот так:

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

Главная страница

Если вы посмотрите на psd макеты, то увидите, что разметка главной страницы отличается от внутренних. В частности, на главной странице нет сайдбара и заголовка страницы.

WordPress позволяет задавать разные шаблоны для разных страниц. Такой шаблон должен храниться в файле page-{название страницы}.php. Если шаблон не найден, то будет подключаться шаблон по умолчанию page.php.

Для главной страницы создайте новый файл front-page.php в папке темы. Добавьте в него следующий код:

<?php get_header(); ?> <section> 	<?php if (have_posts()): while (have_posts()): the_post(); ?> 		<?php the_content(); ?> 	<?php endwhile; endif; ?> </section> <?php get_footer(); ?> 

Он отличается от кода page.php только тем, что в нем нет заголовка страницы.

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

Прежде, чем добавить контент главной страницы – необходимо нарезать все изображения этой страницы и добавить их в библиотеку WordPress через меню Media -> Library. Назовём эти изображения так:

home-1.png
home-2.png
home-3.png
home-4.png
home-5.png
clients-1.png
clients-2.png
clients-3.png
clients-4.png
clients-5.png
clients-6.png
clients-7.png

Далее, перейдите в панели администратора к форме редактирования главной страницы Pages -> Home -> Edit Page и в поле text введите содержимое страницы:

Не забудьте поправить пути до картинок. Они зависят от даты добавления.

Теперь осталось стилизовать данный код.

Если вы сейчас посмотрите на страницу, то увидите, что заголовки блоков разъехались. Это связано с тем, что редактор WordPress добавил пустые параграфы в наш код в местах перевода строк. Чтобы решить эту проблему, создайте в папке темы файл functions.php и поместите в него код:

<?php remove_filter('the_content', 'wpautop'); 

После этого, главная страница должна отобразиться правильно.

Сайдбар

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

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

Для этого создайте файл sidebar.php и поместите в него следующий код:

<aside> 	<nav class="aside-navigation"> 		<? wp_nav_menu(array('menu' => 'aside-menu', 'menu_class' => 'aside-menu')); ?> 	</nav> 	<h2 class="sidebar-heading"><?php echo __('Our offices', 'whitesquare'); ?></h2> 	<div class="map"> 		<img src="<?php bloginfo('template_url'); ?>/images/sample.png" width="230" height="180" alt="<?php echo __('Our offices', 'whitesquare'); ?>"> 	</div> </aside> 

Здесь верстка состоит из двух частей: отображение навигации подменю и блок карты офисов. Для полноты картины в качестве подменю предлагаем показать список всех постов на сайте. Подменю создается аналогично тому, как мы создавали меню. При создании подменю в разделе админки Appearance -> Menus создадим новое меню с именем aside-menu. Чтобы добавить в него посты, кликните наверху в Screen options и отметьте галочкой Show on screen: Posts. Блок карты особых вопросов не вызывает.

После того, как блок сайдбара готов, нужно его подключить для всех подстраниц в файле page.php:

<div class="main-heading"> 	… </div> <?php get_sidebar(); ?> <section> 	… 

Далее нам нужно добавить стили для вёрстки:

Ну и в заключение, добавьте несколько постов в наш блог. Делается это в панели администратора на вкладке Posts -> Add New. Мы добавили точно такие же названия, как были в psd макете.

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

Страница About us

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

Теперь, когда у нас готов шаблон для внутренних страниц, давайте наполним содержимым страницу About us. По той же схеме, как мы наполняли главную страницу – подготовьте изображения и добавьте их в в медиа библиотеку. Назовите изображения вот так:

about-1.png
about-2.png
team-Nobriga.jpg
team-Pittsley.jpg
team-Rousselle.jpg
team-Shoff.jpg
team-Simser.jpg
team-Tondrea.jpg
team-Venuti.jpg
team-Wollman.jpg

Далее перейдите в редактирование страницы в панели администратора и добавьте код:

И стили в style.css:

Шаблон поста

После предыдущих действий, на нашем сайте уже доступны все страницы, кроме страниц с постами. За отображение одиночных постов отвечает шаблон single.php. Создайте его со следующим содержимым:

<?php get_header();?> <div class="main-heading"> 	<h1><?php the_title(); ?></h1> </div> <?php get_sidebar();?> <section> 	<?php while (have_posts()): the_post();?> 		<?php the_content();?> 		<?php 			if ( comments_open() || get_comments_number() ) { 				comments_template(); 			} 		?> 	<?php endwhile; ?> </section> <?php get_footer(); ?> 

Этот шаблон аналогичен предыдущим шаблонам с той лишь разницей, что здесь мы сначала отображаем контент поста, а затем комментарии к нему.

Страница поиска

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

В самом начале, когда мы создавали шаблон шапки мы добавили в него поиск, однако страницы для отображения результатов поиска у нас еще нет. Создайте в папке темы файл search.php и добавьте в него содержимое:

<?php get_header(); ?> <div class="main-heading"> 	<h1>Search</h1> </div> <?php get_sidebar(); ?> <section> 	<h2 class="content-heading"><?php printf( __('Search Results for: %s', 'default'), get_search_query() ); ?></h2> 	<?php if (have_posts()): while (have_posts()): the_post(); ?> 		<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> 		<p><?php the_excerpt(); ?></p> 	<?php endwhile;	else:?> 		<p><?php echo __('Sorry, no results found', 'whitesquare'); ?></p> 	<?php endif; ?> </section> <?php get_footer(); ?> 

От других шаблонов этот отличается тем, что мы выводим заголовок с текстом поиска, а затем список результатов поиска.

Страница архива

В WordPress помимо одиночных постов существуют страницы, на которых отображаются списки постов. Это могут быть категории, сортировка по дате, автору или по ключевым словам. В нашем макете такого функционала нет, но добавить его обязательно нужно, так как мы создаем шаблон, который может использоваться с разным контентом. Для каждого из указанных списков, существуют свои шаблоны, однако если они не найдены, WordPress пытается найти общий файл archive.php. Мы этим воспользуемся и создадим его. Поскольку его содержимое ничем не будет отличаться от содержимого обычной страницы – просто скопируйте page.php в archive.php.

404

Последний шаблон, который осталось добавить — это шаблон для 404 страницы, когда WordPress не смог найти запрошенную страницу. Он будет точно такой же, как page.php только вместо вывода постов будет написано сообщение об ошибке:

<?php get_header(); ?> <div class="main-heading"> 	<h1><?php the_title(); ?></h1> </div> <?php get_sidebar(); ?> <section> 	<p><?php echo __('It looks like nothing was found at this location.', 'whitesquare'); ?></p> </section> <?php get_footer(); ?> 

habr.com


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.