Как создавать страницы в WordPress с иерархией и шаблонами
Наверняка вы знаете, для чего в WordPress существуют Записи, а для чего Страницы. Если не знаете, мы напомним. Записи подходят для публикации регулярных материалов, которые можно комментировать и делиться в социальных сетях, в то время как Страницы не предусматривают обсуждение и нужны для размещения статической информации, например, О проекте, Контакты и так далее.
Что вы могли не знать — так это то, что Страницы в WordPress могут иметь свою структуру и иерархию. То есть для родительской страницы можно создать несколько дочерних с унаследованными атрибутами. Также страницам можно присваивать разные шаблоны для более широкой возможности по их кастомизации. Об этом мы и поговорим в этом уроке.
Из этого руководства вы узнаете, как создавать Страницы в WordPress, как добавлять их в Иерархию вашего сайта и как использовать Шаблоны страниц.
Смотрите также:
Создание новой страницы
Есть несколько способов создания новой страницы в WordPress.
Во-первых, вы можете нажать Добавить → Страницу в админ панели.
Или в меню в Страницы вы можете нажать Добавить новую.
Ещё можно пролистать список всех страниц, а потом нажать кнопку Добавить новую.
В WordPress часто встречаются страницы О проекте или About Me. Давайте создадим их. Сначала создадим новую страницу, а потом добавим немного информации о нас. Например:
Вы можете легко добавлять изображения так же, как и в записи, просто используя кнопку Добавить медиафайл. Вот так выглядит изображение и текст для страницы:
Нажмите Опубликовать, и информация появится на сайте.
Создание иерархии
А сейчас давайте добавим еще одну страницу. А сделаем мы это способом, который демонстрирует иерархию страниц.
Создайте новую страницу с названием Мои посты, и добавьте немного текста.
Перейдите в Атрибуты страницы (справа от окна редактора) и в выпадающем меню в разделе Родительская выберите О проекте. Теперь нажмите Опубликовать.
Выбрав родительский элемент, мы создали страницу, которая находится на ступеньку ниже от «О проекте» в иерархии страниц.
Если вы посмотрите на адрес страницы, то увидите, что ее полный URL будет включать имя вашей родительской страницы, например /about-me/my-posts/. Это демонстрирует иерархию на вашем сайте. Она может отобразиться в навигационной цепочке, если это возможно в вашей теме или вы установили специальный плагин.
А сейчас давайте создадим ещё одну страницу, которая будет находится в той же иерархии. Вы можете назвать её Мои хобби, добавить немного информации, выбрать О проекте в качестве Родительской и нажать Опубликовать.
Потом, когда вы перейдёте ко списку Всех страниц, то сможете увидеть тире рядом с названием страницы – так обозначается иерархия, чтобы наглядно было видно, где родительская страница, а где дочерняя.
Использование шаблона страниц
А сейчас давайте посмотрим, как вы можете использовать шаблоны страниц для отображения контента разных страниц по-разному.
Для этого нужно активировать на нашем сайте разные темы, потому что тема Twenty Sixteen, которую мы использовали, не имеет шаблонов страниц. Давайте зайдём во Внешний вид → Темы и активируем тему Twenty Eleven потому, что у неё есть шаблоны страниц.
Теперь в окошке Атрибуты страницы справа появилась новая вкладка Шаблон.
Вы можете выбрать Базовый шаблон или один из двух других шаблонов: Шаблон избранного или Шаблон с боковой колонкой. Выберите Шаблон с боковой колонкой и перезагрузите страницу, чтобы увидеть разницу.
Первое, что бросится в глаза – это отличия от предыдущей темы, а также вы заметите, что теперь у вас появилась боковая панель для этой страницы:
По умолчанию, у страницы на сайте не было боковой панели, пока вы не выбрали этот шаблон:
Давайте посмотрим на код шаблона страницы.
У шаблона страницы обычно нет собственного названия. Вы можете назвать его, как захотите. Этот шаблон называется sidebar-page.php и лежит в корне вашей темы рядом с файлом page.php, который отвечает за вывод стандартной Страницы.
Если посмотреть в начало кода, то можно увидеть, что он начитается с Template Name: Sidebar Template.
Если вы разрабатываете собственную тему, то всё, что вам надо для создания своего шаблона страницы, это создать файл шаблона (скопировать page.php и назвать его к примеру my-page.php), где сверху в комментариях будет указано имя шаблона, например Template Name: My Custom Template.
После этого в выпадающем меню Шаблон в Атрибутах страницы вы увидите новый шаблон My Custom Template.
На этом все!
Если вы следовали нашим совета, то сейчас вы добавили уже много страниц на свой сайт WordPress site. Некоторые из них используют шаблоны, некоторые находятся в иерархии.
Смотрите также:
Как использовать шаблоны страниц в темах 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 позаботится об остальном:
И это всё! Теперь на экране редактирования каждой страницы, вы можете выбрать этот шаблон пользовательской страницы вместо шаблона страницы по умолчанию.
Если вы собираетесь сделать и выпустить в релиз тему, имейте в виду, что пользовательские шаблоны страниц являются одним из лучших способов обогатить тему.
Полезные советы и хитрости
Создание специализированных или пользовательских шаблонов страниц
Это просто — если вы хотите создать специализированные или пользовательские шаблоны страниц, просто дублируйте 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
Страницы — это один из типов постов WP. По умолчанию все страницы выглядят одинаково, возможно вам и нужно, чтобы они выглядели одинаково (только с разным контентом разумеется), если же нет — читайте этот пост.
Средствами WordPress вы можете сделать страницы вашего сайта уникальными. Например создать страницу с картой, создать HTML-карту сайта, страницу с формой, лендинги и т.д. Всё это можно реализовать при помощи шаблонов страниц.
Установка шаблона для страницы
Если вы используете не свою собственную тему, а одну из стандартных тем WordPress или установленную из интернета, то вполне возможно, что эта тема имеет несколько уже готовых шаблонов страниц.
Для того, чтобы это проверить:
- Переходим в Страницы > Добавить новую.
- В метабоксе «Атрибуты страницы» выбираем один из шаблонов.
Если ваша тема не имеет ни одного шаблона страниц, то выпадающий список шаблонов просто будет отсутствовать.
Опции быстрого (Свойства, Quick Edit) и массового (Bulk Edit) редактирования также имеют возможность задавать шаблоны для страниц.
Также важно отметить, что один шаблон может использоваться для нескольких страниц одновременно.
Создание собственного шаблона страницы
Для того, чтобы создать любой шаблон страниц, всегда нужно сделать два шага:
- В папке с темой создать какой-нибудь файл, так, чтобы его название не перекликалось с условными названиями файлов темы WordPress. Если не уверены, то придумайте такое название, которое кроме вас больше никому не прийдет в голову 🙂 например
misha123.php.Файл шаблона также может располагаться в папке с родительской темой, папке с дочерней темой и, начиная с версии WP 3.4, в директории темы вы можете создать любую подпапку для шаблонов страниц.
- В начале вашего файла нужно обязательно указать название шаблона — после этого WordPress его «увидит»:
- Далее в шаблоне вы можете использовать абсолютно любой код, не хотите подключать get_header() и get_footer() сайта? — да пожалуйста, можете вообще просто один
туда засунуть и будет норм.
Имейте ввиду, что если тему, которая стоит на вашем сайте, разрабатывали не вы, то после её обновления все ваши созданные шаблоны страниц могут исчезнут (сам не проверял, но официальная документация говорит, что да). Поэтому, для таких целей рекомендуется создавать дочерние темы, а уже в них — шаблоны страниц.
Иерархия и порядок подключения файлов страниц
Тут конечно можно было бы соорудить какую-нибудь инфографику, но я, в связи нехваткой времени, решил ограничиться простым упорядоченным списком.
Этот список показывает приоритет задействования файлов темы для отображения типа записей «Страницы».
-
custom-template.php(если файл шаблона существует и выставлен для данной страницы в её настройках) -
page-{ярлык страницы}.php(если существует) -
page-{ID страницы}.php(если существует) -
page.php(наиболее распространённое решение практически во всех темах) -
index.php(используется, если все вышеперечисленные файлы отсутствуют в папке с темой)
Я уже писал про иерархию в одном из моих предыдущих постов.
Шаблоны страниц для записей произвольного типа
Эта потрясающая функция появилась в версии WordPress 4.7, мне нравится, как плавно и постепенно WordPress расширяет возможности, внедряя только то, что действительно необходимо 😊 🎉
Шаблон для типов постов (записи тоже сюда относятся) создаётся точно так же, как и для страниц, только помимо параметра Template name:, нам ещё на следующей строке нужно указать параметр Template post type:, в котором можно указать название типа поста, или несколько названий через запятую, например я захочу использовать свой шаблон и для записей и для страниц, в этом случае он будет начинаться так:
Если у вас уже был какой-то шаблон для страниц и он уже использовался на сайте, то, после того, как вы добавите туда параметр
Template post type:и укажите какой-то другой тип записей там, то уже существующие страницы, использующий этот шаблон не перестанут работать, однако при редактировании там уже будет указан Базовый шаблон.А для соответствующего типа записи сразу появится такой блок, у меня для записей он появился под рубриками и называется Свойства записи:
В меню быстрого редактирования он тоже появится.
Видеоурок по шаблонам страниц
Миша
В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.
Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.
Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.
Шаблон отдельной страницы и отдельной записи в WordPress
Доброго времени суток дорогие читатели блога «Мои тараканы».Сегодняшний пост начну с Offtop сообщения: сегодня у моего братишки родилась дочурка, с чем я его и поздравляю!!!
В жизни блога также произошло одно приятное событие. После длительного пребывания под фильтром АГС (почти пол года), постепенно начало расти число страниц, попавших в поисковую выдачу Яндекса (на данный момент их аж 27 штук). Скоро опубликую статью, в которой опишу, что я сделал для того, чтобы вывести блог из АГС.
И первое, и второе событие меня очень порадовали. Но давайте всё-таки вернёмся к заявленной теме сегодняшнего поста.
Итак, о каких шаблонах идёт речь, и для каких целей их можно применить?
Шаблон страницы в WordPress
Дело в том, что в WordPress есть возможность каждую страничку (не путать с записями) оформить так, как вам пожелается. То есть для любой страницы можно придумать свой, оригинальный дизайн.
Где это можно применить? Например у вас есть страница «Контакты» или «Карта сайта», в базовом шаблоне страницы включены комментарии, но согласитесь, комментарии к карте сайта или к форме обратной связи не совсем уместны. Или например, вы хотели бы каким-то оригинальным образом оформить страничку «Об авторе». Вот здесь и пригодится собственный шаблон страницы.
Создать собственный шаблон странички совсем не сложно. Для этого создаем новый php-файл, называем его например, templete1.php (англ. templet, template — шаблон, лекало, модель), и в самом его начале вставляем следующий код:
Имя файла и шаблона (в нашем примере это templete1.php и Template) можете подобрать свои.
Этот код нужен для вывода в админку пункта выбора шаблона статьи.
Дальше можете скопировать код, например, из файла page.php или single.php и отредактировать нужным образом, например, удалить код, который отвечает за вывод комментариев. Или создать шаблон страницы с нуля. В-общем, создаём шаблон, соответствующий нашим потребностям. Сохраняем файл в папку, где лежат все файлы темы.
Теперь в админке WordPress, в редакторе страницы в блоке «Атрибуты страницы», мы можем выбрать наш новый шаблон страницы.
Шаблон отдельной записи в WordPress
Таким же образом можно создать шаблон и для отдельной записи. Код в файле будет немного отличаться, и, естественно, сам файл нужно назвать по-другому.
Чтобы мы смогли активировать шаблон, нужно установить плагин 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 — WP Magazine
Чаще всего страницы в WordPress выглядят одинаково, но иногда возникает необходимость изменить внешний вид и структуру определенной страницы или группы страниц. Это легко сделать с помощью шаблонов страниц в WordPress.
Что такое шаблоны страниц
Темы для WordPress состоят из нескольких файлов шаблонов, которые используются для вывода главной страницы, записей, архивов, результатов поиска, страниц и прочее. Среди подобных файлов могут находится и шаблоны страниц, которые можно выбирать при публикации страниц в панели администрирования WordPress:
Выбор шаблона страницы в WordPress
Разные темы могут предоставлять разные шаблоны страниц, например шаблон для страницы во всю ширину экрана (без боковой колонки), с левой боковой колонкой вместо правой и прочее. Отсутствие этой опции при редактировании страниц означает, что тема не объявила дополнительные шаблоны.
Шаблоны страниц можно использовать более чем для одной страницы, а некоторые темы создают вполне специфические шаблоны, предназначенные для использования всего один раз. Как например шаблон избранного содержимого в стандартной теме Twenty Eleven:
Шаблон избранного содержимого в Twenty Eleven
Этот шаблон отображает прилепленные записи с их миниатюрами в небольшом слайдере. Страницу с таким шаблоном можно легко использовать вместо главной страницы сайта, изменив настройки в разделе Параметры → Чтение.
Как создать собственный шаблон страницы
Согласно иерархии шаблонов для вывода страниц в 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 должны иметь специальный заголовок, который необходимо разместить в начале файла:
Заголовок определяет название шаблона, который станет доступным для выбора в интерфейсе редактирования страниц в WordPress. Если вы создаете публичную тему, советуем использовать английские названия для шаблонов, которые впоследствии можно перевести с помощью файлов перевода.
После специального заголовка вы можете писать произвольный код PHP и HTML, который будет использоваться для вывода страниц с вашим шаблоном. Для соблюдения структуры сайта (заголовок, подвал, боковые колонки) за основу можно взять шаблон page.php вашей темы.
Для примеров советуем также просмотреть шаблоны contributors.php и full-width.php стандартной темы Twenty Fourteen, и front-page.php стандартной темы Twenty Twelve.
Дочерние темы
Когда вы разрабатываете собственную тему для WordPress, шаблоны страниц можно разместить непосредственной в ней, но если вы создаете новые шаблоны страниц для существующей темы, то лучше всего использовать дочернюю тему.
При использовании дочерней темы вы можете так же размещать шаблоны страниц в корневой директории или субдиректории, а если выйдет обновление для родительской темы, то ваши файлы не пострадают.
Когда не следует использовать шаблоны страниц
Если с помощью вашего шаблона вы изменяете лишь стиль, а не структуру определенной страницы, то вы можете это сделать и без использования дополнительных шаблонов.
В WordPress есть вспомогательная функция body_class(), которая используется в большинстве существующих тем. С помощью классов выводимых данной функцией, вы можете изменить стиль одной любой страницы используя CSS код:
/* Спрятать боковую колонку на странице 123 */ body.page-id-123 #secondary { display: none; }Шаблоны страниц так же не следует использовать, чтобы изменить параметры основного цикла WordPress, например для добавления произвольного типа записей или исключения категории. Для таких целей есть специальный фильтр pre_get_posts в WP_Query().
Если у вас возникли вопросы по работе с шаблонами страниц в WordPress, мы будем рады ответить на них в комментариях.
Отправить ответ