Как добавить свои Шаблоны Страниц в WordPress?
Шаблоны для Страниц в WordPress предназначены для того чтобы придать индивидуальный вид вашим страницам. Чаще всего все страницы имеют один шаблон, либо вариант шаблона с сайдбаром и без него. Согласитесь, этого мало для полета фантазии. В этом уроке мы рассмотрим как лучше всего создавать свои шаблоны для страниц.
Что такое шаблоны страниц
Тема в WordPress может иметь несколько разных шаблонов для вывода страниц, записей, архивов и так далее. Среди шаблонов мы рассматриваем сейчас шаблоны для Страниц. При создании Страницы в WordPress можно выбрать специальный шаблон для неё:
Шаблоны страниц в WordPress
Разные темы могут предоставлять разные шаблоны страниц, например шаблон для страницы во всю ширину экрана (без боковой колонки), с левой боковой колонкой вместо правой и прочее. Отсутствие этой опции при редактировании страниц означает, что тема не объявила дополнительные шаблоны.
Шаблоны страниц можно использовать более чем для одной страницы, а некоторые темы создают вполне специфические шаблоны, предназначенные для использования всего один раз.
Как создать собственный шаблон страницы
Согласно иерархии шаблонов для вывода страниц в WordPress по умолчанию используются файлы темы page.php или page-*.php. Если же для текущей страницы установлен свой шаблон, то ядро WordPress будет использовать его.
Шаблоны страниц в темах WordPress это отдельные файлы, которые могут находится как в корневой директории темы, так и в субдиректории. Название файла шаблона может быть любым, но мы советуем избегать зарезервированных префиксов, как например page-*.php и single-*.php, которые могут конфликтовать с другими файлами.
Для простоты рекомендуем использовать префикс template-*.php и/или хранить все шаблоны страниц в субдиректор
Как использовать шаблоны страниц в темах 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
Смотрите также:
Шаблон отдельной страницы и отдельной записи в 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.ru
http://proofsite.com.ua
http://nodar.name
http://seom.info
http://absolvo.ru
http://www.spomoni.com
http://www.tagirov.org/blog
http://boyandin.info
http://submitgu.ru
http://prodaga.com
http://firstseoblog.com
http://anokalintik.ru
http://seoonly.ru
http://www.mlm-leysan.ru/
Буду благодарен, если поможете наполнить блог комментариями. Для вашего удобства ссылки в комментариях открыты для индексации поисковыми машинами (после пяти комментариев). Кто не понимает о чем идёт речь, может почитать мой пост «Движение Dofollow».
Понравилась статья? Расскажите о ней друзьям, для этого ниже есть кнопочки социальных сетей.
Хотите узнавать о новых статьях в блоге? Предлагаю подписаться на обновления по RSS или по почте! Также Вы можете следить за моим щебетом в Твиттере.
С уважением, Мышак Пётр.
Похожие записи:
Создание шаблона страницы для WordPress
58IT блог — Создание шаблона страницы для WordPress
Зачастую, при использовании WordPress, необходимо создавать настраиваемый шаблон для страницы. Наверняка вы могли заметить, что многие сайты на WordPress имеют разные макеты для разных страниц. Пользовательская страница позволяет вам создавать разный внешний вид для обычных страниц в WordPress. Если вы новичок в WP и никогда не делали этого раньше, не бойтесь — создание настраиваемого шаблона страницы для вашего сайта проще, чем вы думаете.
Большинство тем для WP содержат файл страницы (page.php), который содержит шаблон страницы по умолчанию, используемый на каждой странице, если не указан конкретный тип. Если вам нужна страница с другим макетом или форматом, чем шаблон страницы по умолчанию, необходимо создать собственный тип шаблона. При разработке шаблонов для WP необходимы базовые знания HTML, CSS и PHP. Однако, вы можете воспользоваться готовыми темами WordPress — www.inbenefit.com, если не обладаете нужными навыками.Создание шаблона страницы
Чтобы создать собственный шаблон, вам понадобится текстовый редактор. Для Windows можно использовать обычный блокнот. В противном случае вам понадобится какая-нибудь простая система редактирования, например FileZilla или Dreamweaver. В любом случае выполните следующие действия:
Откройте текстовый редактор.
Введите следующую строку кода в поле ввода:
<?php /* Template Name: CustomPage01 */ ?>Это единственная строка, необходимая для файла шаблона. Она информирует WordPress о том, что файл предназначен для шаблона и будет рассматриваться как «CustomPage01». В действительности вы можете придумать любое название. Нам понадобится этот идентификатор позже.
Сохраните файл на рабочем столе как custompage01.php. Название файла может быть любым, но лучше, чтобы оно соответствовало идентификатору шаблона, для более легкого поиска в будущем.
Откройте любое приложение для работы FTP. Это может быть FileZilla или любая другая программа. Вам нужно напрямую подключиться к веб-хостингу и получить доступ к корневой папке WordPress.
Перейдите в каталог /wp-content/themes/. Найдите папку темы, которую вы используете и загрузите в нее созданный файл PHP.
Как только загрузка будет завершена, войдите в панель администратора WordPress и создайте новую, или отредактируйте существующую страницу:
Новый шаблон страницы будет доступен в выпадающем списке Template (Шаблон). Используйте этот список, чтобы найти и выбрать созданный шаблон:
Нажмите кнопку Publish (Опубликовать) или Update (Обновить), что сохранить изменения на странице.
Если вы зайдете на страницу в браузере, то увидите пустое место. Это связано с тем, что в созданном вами файле нет кода, чтобы сообщить WordPress, как отображать контент. Теперь в игру вступают ваши навыки HTML, PHP и CSS.
Подготовка шаблона
В действительности вы можете добавить любую форму HMTL, скрипт PHP или тег шаблона в файл custompage01.php, который вы хотите использовать. Возможно было бы полезно почитать немного о том, что вы можете сделать на уровне кодирования, прежде чем использовать этот шаблон. Вы также можете включить сценарии веб-сайта для различных целей.
Один простой способ начать с работать с шаблонами — скопировать основную информацию из файла page.php в тему, которую вы используете. Это даст вам отправную точку и может быть полезно, когда вы впервые научитесь программировать. Выполните следующие шаги:
Откройте через FTP папку с темой, которую используете (мы сохранили ранее в нее файл custompage01.php).
Откройте файл page.php для редактирования. Вы можете скачать этот файл напрямую, что может быть лучшим выбором, если вы допустите ошибку при кодировании. Внесение изменений в копию файла более безопасно, чем внесение корректировок на веб-сайт сразу в продуктив.
Когда вы откроете файл page.php, вы увидите заголовок шаблона. В начале файла вы увидите список комментариев, которые нам не нужны. Скопируйте содержимое файла без комментариев и вставьте в файл custompage01.php, как показано на рисунке ниже:
После того как вы скопировали код, сохраните файл custompage01.php и загрузите его в каталог хостинга для своей темы. Вы можете выполнить те же действия, что и выше.
Из-за того, что мы скопировали весь код из page.php, ваш настраиваемый шаблон страни
Как в WordPress создать свой шаблон для отдельных записей?
Часто на сайте бывает необходимо вывести разные записи с разной разметкой внешнего вида. Например, в одной записи нужно добавить несколько фото, а другую показать на всю страницу, убрав боковую панель с виджетами.
Как WordPress отображает запись?
Известно, что для формирования видимой (клиентской) части сайта используются так называемые темы, в которых процесс вывода всего контента и других частей сайта выполняется с теми или иными параметрами. Например, в одной теме доступны два меню, другая не поддерживает боковую панель, а третья и вовсе предусматривает только одну страницу.
Согласно общепринятой структуре WordPress-тем, вывод записи формируется в файле single.php, расположенном в корневом каталоге темы. Код, прописанный в нем, применяется для вывода исключительно всех записей сайта. Это означает, что single.php задает одни и те же правила для всех записей. Чтобы изменить установленный порядок для одной конкретной записи, необходимо специально под нее создать новый шаблон с необходимыми правилами и параметрами.
Как создать свой шаблон для отдельной записи?
Во-первых, необходимо скопировать на свой локальный компьютер файл single.php из каталога Вашей темы. О том, как подключится к хостингу и получить весь список файлов Вашего сайта, мы писали в одной из наших статей.
После того, как файл был скопирован, его необходимо сразу переименовать. Название можно выбрать любое, например, custom-post.php. После этого следует его открыть и изменить разметку в соответствии с Вашими требованиями. Уберем, например, вывод боковой панели на нашей выбранной записи.
Дальше, чтобы WordPress мог распознать наш файл в качестве нового шаблона, в самом его начале добавим следующие строки:
/* * Template Name: Custom Post * Template Post Type: post, page, product */
Тут Custom Post – название нашего шаблона. После сохранения изменений в файле его необходимо скопировать назад на хостинг, в папку с Вашей темой.
На следующем этапе нам нужно создать ту самую запись, для которой и будем применять созданный шаблон. Для этого следует в админ-панели перейти Записи -> Добавить новую. На странице создания новой записи, как обычно, необходимо ввести ее заголовок, добавить контент и указать категорию. Дальше нужно обратить внимание на боковую колонку и найти на ней блок Свойства записи.
Этот блок позволяет задать шаблон, который будет применен для записи при ее открытии на сайте. В нашем случае имеем выбор двух значений: Базовый шаблон и Custom Post. Отмечаем последний и нажимаем кнопку Опубликовать.
В итоге, если теперь на сайте открыть созданную нами запись, то увидим, что боковая панель пропала.
Если Вам понравилась статья — поделитесь с друзьями