Как добавить свои Шаблоны Страниц в WordPress? Шаблоны страниц wordpress
Как добавить свои Шаблоны Страниц в WordPress?
Шаблоны для Страниц в 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
Сколько страниц вы создали в последнем своем проекте на WordPress? Если вы используете WordPress в качестве системы управления контентом, а не для блогов или по любой другой причине, то очень вероятно, что Страницы являются наиболее часто используемым типом в этом проекте. Почему? Потому что Страницы — это самые основные и самые полезные типы записей в WordPress.
Смотрите также:
Есть пять типов записей по умолчанию, которые включены в WordPress из коробки:
- Записи
- Страницы
- Вложения
- Редакции
- Навигационные меню
Пожалуй, Страницы имеют наиболее важное значение среди этих встроенных типов записей. Распространенная фишка для корпоративного веб-сайта — состоять из нескольких статичных страниц, вы можете найти десятки, возможно сотни различных сайтов такого типа.
Хотя Страницы очень важны для WordPress, как системы управления контентом, но есть опасность сделать веб-сайт очень скучным и однообразным, с идентичными для других сайтов страницами.
И вот где шаблоны страниц вступают в игру. Шаблоны страниц — наиболее эффективный способ оживить дизайн ваших страниц.
Что представляют собой шаблоны страниц?
По сути, шаблоны страниц позволяют настраивать внешний вид и восприятие ваших страниц. Вы не можете использовать их как плагин, но вы можете использовать их в ваших темах или дочерних темах. Создавая и размещая их в папке вашей темы, вы сможете использовать различные макеты для страниц автоматически или при необходимости, в зависимости от типа шаблона страницы.
Существуют различные типы шаблонов страниц:
- Шаблоном страницы по умолчанию является файл page.php вашей темы
- Специализированные шаблоны страницы, которые буквально предназначены для конкретных страниц
- Пользовательские шаблоны страниц, именно те, о которых мы все думаем, когда мы видим слова «шаблон страницы»
Шаблон страницы по умолчанию, page.php, является файлом, который переопределяет index.php для того чтобы изменить дизайн ваших страниц. Если вы хотите создать новый макет для конкретной страницы (например, страница «about»), можно использовать специализированные шаблоны страницы, которые переопределяют page.php и index.php.
А если вы хотите создать новый дизайн страницы для использования в любой странице, вы можете использовать шаблоны пользовательских страниц, которые переопределяют шаблоны специальных страниц, page.php и index.php.
Я не думаю, что нужно углубляться в файл page.php дальше, так что давайте перейдем к шаблонам специализированных страниц.
Специализированные шаблоны страниц
Специализированными шаблонами страниц являются те, которые можно задать для одной страницы и заставить ее использовать макет, а не предоставлять это решение пользователю. Это хороший способ задать шаблоны страниц для отдельных страниц, при разработке веб-сайта для клиента (или себя), но это не так полезно, как пользовательские шаблоны страниц.
Есть два очень простых способа для создания специализированных шаблонов: с помощью ID страницы или ее slug. Просто назовите файл шаблона используя ID или slug страницы, например page-9.php или page-about.php, заставляя WordPress использовать этот шаблон для отображения страницы. (Slug имеют более высокий приоритет чем идентификаторы в шаблонах специализированных страниц, поэтому page-about.php будет перезаписывать page-9.php, если они оба предназначены для той же страницы).
Если вы делаете тему для общего распространения, вы не должны использовать шаблоны специализированных страниц, если у вас нет особых причин для этого.
Пользовательские шаблоны страниц
Как я говорил ранее, пользовательские шаблоны страниц являются тем видом шаблонов страниц, о которых каждый думает, когда упоминаются «шаблоны страниц», из-за их простоты использования и как следствие — популярности.
Создание пользовательских шаблонов страниц также очень простой процесс. Вы просто размещаете следующий фрагмент PHP комментария в начале файла шаблона, и WordPress позаботится об остальном:
<?php /* * * Template Name: My Template * * (You can also use other lines before or after the line above, * WordPress only cares about the line that starts with "Template Name".) * */ ?>И это всё! Теперь на экране редактирования каждой страницы, вы можете выбрать этот шаблон пользовательской страницы вместо шаблона страницы по умолчанию.
Если вы собираетесь сделать и выпустить в релиз тему, имейте в виду, что пользовательские шаблоны страниц являются одним из лучших способов обогатить тему.
Полезные советы и хитрости
Создание специализированных или пользовательских шаблонов страниц
Это просто — если вы хотите создать специализированные или пользовательские шаблоны страниц, просто дублируйте page.php файл, переименуйте как вам нужно и редактируйте файл, как вам нравится.
Организация шаблонов страниц в подкаталоге
Вот интересный факт: вы можете хранить ваши пользовательские файлы шаблонов страниц в подкаталоге вместо хранения их всех в корневой папке вашей темы. (Это не относится к шаблоны специализированных страниц). Просто имейте в виду, что дочерней теме также необходимо иметь такой же подкаталог, если тема намеревается переопределить пользовательские шаблоны страниц в родительской теме.
Если вы не хотите (или нет необходимости) иметь вложенную папку, необходимо по крайней мере именовать настраиваемую страницу файла шаблона с префиксом (например page-template-***.php) для повышения их наглядности среди других файлов темы.
Использование пользовательских шаблонов в других типах записей
К сожалению, пользовательские шаблоны можно использовать только для типов записи "Страницы". Можно задать шаблон универсальной страницы для вашего типа записи портфолио путем создания специализированного файла шаблона под названием single-portfolio.php, но нельзя задать различные пользовательские шаблоны для каждого элемента портфолио.
Для того, чтобы добиться этого, я нашел старый (и возможно заброшенный) плагин Custom Post Type Page Template. Он все еще работает хорошо в WordPress 4.0, так что вы можете дать ему шанс, если вам действительно нужна такая функциональность.
Называйте ваши пользовательские шаблоны страниц правильно
Если вы разрабатываете тему для дальнейшего релиза, вы должны думать с точки зрения всех пользователей. Присваивание имен пользовательским шаблонам страниц — это лишь один пример.
Если вы хотите, чтобы люди использовали вашу тему без каких-либо хлопот, вы должны выбирать имена шаблонов страниц тщательно. Вы могли бы понять, что означает «1/1», но вы должны назвать ее «Страница на всю ширину» во избежание путаницы. Ваши пользователи могут даже просто забыть про использование пользовательских шаблонов страниц вообще, если они не понимают, что они обозначают.
Заключение
По сравнению с другими функциями, шаблоны страниц имеют очень простую логику, а также они показывают нам богатство WordPress (с точки зрения дизайна) больше, чем любые другие функции WordPress. Я лично люблю их, и глядя на разнообразие пользовательских шаблонов страниц в самых популярных бесплатных и коммерческих темах WordPress, я могу сказать, что сообщество любит их так же сильно.
Что вы думаете о шаблонах страниц? Есть ли у вас какие-нибудь идеи, мнения или вещи, которые я пропустил в этой обучающей статье? Расскажите нам, что вы думаете в комментариях. И если вам понравилась статья, не забудьте поделиться ей со своими друзьями!
Источник: code.tutsplus.com 
hostenko.com
Шаблон отдельной страницы и отдельной записи в WordPress
Доброго времени суток дорогие читатели блога «Мои тараканы».
Сегодняшний пост начну с Offtop сообщения: сегодня у моего братишки родилась дочурка, с чем я его и поздравляю!!!
В жизни блога также произошло одно приятное событие. После длительного пребывания под фильтром АГС (почти пол года), постепенно начало расти число страниц, попавших в поисковую выдачу Яндекса (на данный момент их аж 27 штук). Скоро опубликую статью, в которой опишу, что я сделал для того, чтобы вывести блог из АГС.
И первое, и второе событие меня очень порадовали. Но давайте всё-таки вернёмся к заявленной теме сегодняшнего поста.
Итак, о каких шаблонах идёт речь, и для каких целей их можно применить?
Шаблон страницы в WordPress
Дело в том, что в WordPress есть возможность каждую страничку (не путать с записями) оформить так, как вам пожелается. То есть для любой страницы можно придумать свой, оригинальный дизайн.
Где это можно применить? Например у вас есть страница «Контакты» или «Карта сайта», в базовом шаблоне страницы включены комментарии, но согласитесь, комментарии к карте сайта или к форме обратной связи не совсем уместны. Или например, вы хотели бы каким-то оригинальным образом оформить страничку «Об авторе». Вот здесь и пригодится собственный шаблон страницы.
Создать собственный шаблон странички совсем не сложно. Для этого создаем новый php-файл, называем его например, templete1.php (англ. templet, template — шаблон, лекало, модель), и в самом его начале вставляем следующий код:
<?php /* Template Name: Template */ ?>Имя файла и шаблона (в нашем примере это templete1.php и Template) можете подобрать свои.
Этот код нужен для вывода в админку пункта выбора шаблона статьи.
Дальше можете скопировать код, например, из файла page.php или single.php и отредактировать нужным образом, например, удалить код, который отвечает за вывод комментариев. Или создать шаблон страницы с нуля. В-общем, создаём шаблон, соответствующий нашим потребностям. Сохраняем файл в папку, где лежат все файлы темы.
Теперь в админке WordPress, в редакторе страницы в блоке «Атрибуты страницы», мы можем выбрать наш новый шаблон страницы.
Шаблон отдельной записи в WordPress
Таким же образом можно создать шаблон и для отдельной записи. Код в файле будет немного отличаться, и, естественно, сам файл нужно назвать по-другому.
<?php /* Template Name Posts: Template */ ?>Чтобы мы смогли активировать шаблон, нужно установить плагин custom-post-template. После активации плагина в меню редактирования статьи появится такой блок:
Теперь мы можем выбрать, какой шаблон использовать для записи.
Вроде бы ничего не упустил. Если всё-таки возникнут вопросы, жду их в комментариях.
И как всегда напоследок...
Список Dofollow блогов:
http://www.editor.ruhttp://proofsite.com.uahttp://nodar.namehttp://seom.infohttp://absolvo.ruhttp://www.spomoni.comhttp://www.tagirov.org/bloghttp://boyandin.infohttp://submitgu.ruhttp://prodaga.comhttp://firstseoblog.comhttp://anokalintik.ruhttp://seoonly.ruhttp://www.mlm-leysan.ru/
Буду благодарен, если поможете наполнить блог комментариями. Для вашего удобства ссылки в комментариях открыты для индексации поисковыми машинами (после пяти комментариев). Кто не понимает о чем идёт речь, может почитать мой пост «Движение Dofollow».
Понравилась статья? Расскажите о ней друзьям, для этого ниже есть кнопочки социальных сетей.
Хотите узнавать о новых статьях в блоге? Предлагаю подписаться на обновления по RSS или по почте! Также Вы можете следить за моим щебетом в Твиттере.
С уважением, Мышак Пётр.
Похожие записи:
moi-tarakany.ru
14 шаблонов страниц для WordPress
Если вы как-то связаны с разработкой сайтов под WordPress, то эта статья для вас.
Просто запомните, что разработку под WordPress можно и нужно облегчать («Работайте умнее, а не усерднее»).
Одним из таких облегчений будет готовый набор основных шаблонов страниц под WordPress.Вот и список шаблонов, которые вы можете использовать в своих новых и старых темах.
Полезные WordPress шаблоны
Шаблоны на всю ширину сайта
Вероятно, самые популярные страницы — страницы на всю ширину сайта. Их предназначение — landing page.Что это такое? Это такие целевые страницы, которые наполнены всей необходимой информацией. Такие шаблоны могут быть главными страницами, прайсами, тарифами и т.д.Пример | Код
Шаблон карты сайта
Обычно, карты сайта генерируются плагинами, и если вы добавите эту тему, то отображение будет более элегантным.Пример | Код
Шаблон галереи
Шаблон галереи изображений может собирать все изображения прикрепленные к посту и отображать их в определенном порядке с определенным эффектом анимации.Важно помнить, что посты должны быть в новом формате и должен стоять определенный шорткод галереи.Пример
Шаблон списка подстраниц
Этот шаблон страницы нужен для отображения ссылок на ее потомков. Хорошо подходит для генерации пресс-релизов и новостных архив без использования постов.Код
Шаблоны страницы автора/команды
Шаблон страницы автора или команды может отображать списков сотрудников компании или авторов блога. Это или список зарегистрированных WordPress пользователей или специальный тип поста.Пример | Код
Шаблон страницы социальных сетей
Хорошим решением также будет создание страницы ваших социальных связей.Пример
Шаблон страницы входа
Шаблон страницы входа на сайт — это самый простой способ ограничить доступ к приватному разделу или данным для незарегистрированных пользователей.Пример | Код
Шаблон страницы с виджетизированным контентом
Этот шаблон позволит вам перевести основной контент в сайдбар, таким образом вы можете грузить виджеты там, где, обычно, у вас контент.Код
Шаблон страницы портфолио
Этот шаблон страницы портфолио очень похож на страницу галереи, и также, может использоваться в пользовательском типе поста.Пример
Страница редиректа
Эта простая страница редиректа используется в некоторых популярных премиум-темах для WordPress. И в основном, она используется для 301 редиректа без плагинов.Код
Шаблон страницы контактов
Некоторые темы уже сейчас используют пользовательские билдеры форм. И вы также можете использовать готовые шаблоны контактов, потому что это самый быстрый и простой путь для встраивания контактной формы на ваш сайт.Пример | Код
Шаблон страницы блога
Шаблон блога будет показывать ваши посты и при этом, некоторые темы позволяет менять некоторые параметры отображения постов.Пример | Код
Пользовательские RSS шаблоны
Такие шаблоны позволяют отображать RSS каналы в читаемом виде на любой странице.Код
Редирект на потомка
Если вам нужны сгруппированные подстраницы, но не нужна страница-родитель, то в случае редиректа, если использовать шаблон редиректа на потомка, то редирект будет на первую страницу из группы потомков.Код
И это только верхушка айсберга. Вы можете сами создать шаблоны для видео, отзывов, сервисов и т.д. Может быть у вас есть уже свои наработки?
Возможно, Вам будет интересно ↓↓↓
2web-master.ru
Шаблон страницы Wordpress | Пространство сайтостроения
Последнее обновление:9/11/13
Шаблон страницы WordPress
Каждая страница в WordPress имеет свой шаблон. Он может быть один-единственный на сайте, но чаще их существует несколько (особенно в современных темах).
Так, например, тема может содержать шаблоны страниц, имеющих один или два сайдбара или совсем без него, с разным их расположением, страницы контактов, главной и т.д. и т.п.
На моём скриншоте тема содержит всего два шаблона: базовый и без сайдбара:
И в других темах большинство страниц создается по одному и тому же шаблону, который называется «базовый», или «по умолчанию», или как-то подобным образом. А Вам, допустим, необходимо какую-то страницу выделить, сделать особенной. Вот тогда-то и необходимо будет создать свой собственный шаблон.
Как создать шаблон?
Проще всего сделать так. Зайти на хостинг любым удобным способом, найти там папку с активной темой и скопировать содержимое файла page.php (а если его нет, то index.php) в новый файл редактора Notepad++, а в самое начало его вставить следующие строки:
<?php
/*
Template Name: page-about
*/
?>
Приведенные 5 строк как раз и определяют, что созданный файл является шаблоном страницы WordPress.
Затем нужно сохранить его с тем именем, которое Вы вписали в Template Name (третья строчка). Я вписала туда page-about, значит, и файл называю page-about.php. Обратите внимание, чтобы в типах файла стояло «All types».
Загрузите его на хостинг в папку с темой:
Теперь Вы увидите название своего шаблона при создании новой страницы:
а также в панели редактора WordPress:
Поскольку Вы создавали этот шаблон для того, чтобы новая страница чем-то отличалась от других, Вам нужно будет в созданном файле подправить те коды, которые будут отвечать за измененный вид будущей страницы. Скорее всего, также необходимо будет внести какие-то дополнения и в файл стилей style.css.
После всех изменений (которые Вы будете производить, естественно, в программе Notepad++), снова загрузите измененные файлы на хостинг и посмотрите, как будет выглядеть новая страница. При необходимости редактирование и загрузку на хостинг надо повторять столько раз, сколько потребуется для придания странице желаемого вида.
Как видите, создать свой собственный шаблон страницы WordPress совсем не сложно.
Это тоже интересно:
mojbiznes.ru
Индивидуальный шаблон для страниц в WordPress
В WordPress для каждой страницы можно задать свой индивидуальный шаблон. Причем достаточно только создать его, и страница сама задействует его.
Я уже публиковал заметку на тему Как добавить свои Шаблоны Страниц в WordPress, но сейчас хочу рассказать об этом еще раз, более проще и локаничнее. Плюс здесь я расскажу про матчасть и укажу на два новых способа задать шаблон для Страниц в WordPress .
В иерархии шаблонов можно увидеть, что при выводе страниц шаблон можно задавать разными способами.
Иерархия шаблонов WordPress для вывода Страниц
1) page.php
Этот шаблон используется по умолчанию для вывода Страницы. Если страница не имеет заданного шаблона, отличного от базового, то она будет выводится по шаблону page.php.
2) page-$id.php
Можно скопировать шаблон page.php и переименовать его в page-$id.php, где $id- это id номер страницы. Как узнать id страницы в WordPress смотрите в конце поста.
3) page-$slug.php
Можно скопировать шаблон page.php и переименовать его в page-$slug.php, где $slug — это псевдоним страницы, ее короткое название. Как узнать slug страницы в WordPress смотрите в конце поста.
4) $custom.php
Можно создать свой шаблон страницы, задать ему любое название, и выбрать его на странице редактирования записи, главное чтобы в файле такого шаблона был специальный заголовок.
<?php /** * Template Name: My Custom Template Name */Тогда его можно будет выбрать прямо на странице редактирования Страницы, в блоке Атрибуты страницы.
Выбор шаблона страницы WordPress
Этот вариант я уже рассматривал в заметке Как добавить свои Шаблоны Страниц в WordPress.
Плюс такого подхода в том что такой шаблон можно выбрать для нескольких страниц, в отличие от вариантов page-$id.php и page-$slug.php кторые будут работать только для одной конкретной страницы. Также такие кастомные шаблоны можно положить в специальную папку в вашей теме, например в my-theme/page-templates/ , в отличие от вариантов 2) и 3) которые должны находится строго в корневой директории темы WordPress.
Едете в Австралию и не знаете что привезти с собой домой в качестве сувенира? Посмотрите сувениры из Австралии. Все сувениры мира на одном сайте suvenirfest.ru.
Как узнать slug или id страницы в WordPress
Чтобы узнать slug или id достаточно открыть Страницу в режиме редактирования. ID — это внутренний номер страницы, посмотреть его можно в адресе страницы редактирования. В адресе будет указано, например: …post=62&….. Вот цифра 62 и есть id страницы. Подробнее смотрите на скриншоте ниже. В нашем примере id равен «62».
Чтобы узнать slug — посмотрим в строчке «Постоянная ссылка», и последнее значение и будет нашим slug (или псевдонимом). Этот псевдоним можно изменить или задать самостоятельно, нажав на кнопку «изменить» рядом с ним. Подробнее смотрите на скриншоте ниже. В нашем примере это «new-page».
Как узнать slug или id страницы в WordPress
rightblog.ru
