Wordpress

Page php wordpress: Создание своей темы WordPress – page.php

12.06.1991

Иерархия шаблонов WordPress

Перейти к уроку…1. Вступление (06:43)2. Начинаем создавать тему (22:36)3. Подключение CSS и JS (28:01)4. Меню (38:35)5. Иерархия файлов темы (29:46)6. Основной цикл (26:10)7. Прилепленные посты (14:47)8. Поиск на сайте (08:54)9. Изображения (19:56)10. Дополнительные циклы (15:43)11. Конфигурируем Gutenberg (23:48)12. Форма обратной связи (27:21)13. Виджеты / Сайдбары (15:43)14. Пользователи (13:24)15. Комментарии (26:12)16. Антиспам без плагинов (10:19)17. Произвольные поля (25:36)18. Настройки темы (34:23)19. Типы постов (33:18)20. Таксономии (19:55)21. HTTP API (18:27)22. Локализация (32:37)

Урок 5

Содержание

  1. Что в видеоуроке?
  2. Пара слов про условные теги
  3. Структура файлов (схема)
  4. Пример для рубрик
  5. Пример для главной

Редактировали какие-нибудь готовые темы для WordPress? Наверное заметили, что в каждой своя структура файлов.

Например в одной из них за вывод рубрик отвечает category.php, а в другой это archive.php, в третьей вообще отсутствуют оба. Почему так?

Это потому, что существует порядок, следуя которому WordPress, в зависимости от текущей страницы сайта, ищет соответствующие файлы в директории темы и, если они существуют — подключает.

Этот урок должен раз и навсегда ответить на вопрос — какой из PHP-файлов темы используется для отображения той или иной страницы сайта?

Что в видеоуроке?

В этом уроке мы с вами приступим к натяжке других шаблонов вёрстки на нашу тему WordPress.

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

Страница поста блога:

Страница 404-й ошибки:

Страница категорий (рубрики на блоге)

«Статическая» страница блога:

Типо тоже обычная страница, но не совсем – потому что содержит форму:

Условные теги WordPress

Условные теги — это функции, которые позволяют определить что-либо и дать однозначный ответ (логическое true или false).

«Условные» потому что практически всегда используются внутри условия if.

К примеру, функция is_single() позволяет определить, находимся ли мы, просматривая сайт в данный момент, на странице поста.

if( is_single() ) {
	// делаем что-то для страницы записи
}

Полный список условных тегов WordPress и их документацию вы найдёте здесь.

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

Структура файлов (схема подключения)

Кликните по картинке, чтобы открыть в полном размере.

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

А теперь разберемся, что означает каждая переменная (на графике — со знаком $).

$id
Ну насчет ID понятно. Немного дополнительной информации вы найдете в этих статьях:
  • Как узнать ID юзера?
  • Как узнать ID рубрики?
  • Как узнать ID поста?
$slug
Наряду с названием и айдишником, каждый объект в WordPress, будь то посты, комментарии или таксономии (искл.
пользователи) имеет ярлык (или слаг). Так же, как и название объекта, ярлык задается в админке самим пользователем.
$nicename
Это ник автора, и под ником подразумевается user_nicename — на моём опыте всегда совпадало с user_login (именем пользователя).
$taxonomy
Название таксономии
$term
Ярлык элемента таксономии
$posttype
Название типа поста, для которого используем данный шаблон.
$mimetype, $subtype
Как вы возможно уже поняли из схемы, это актуально для страницы вложений. Предположим, что во вложении у нас картинка PNG, то есть
image/png — для данного примера переменные принимают значения image = $mimetype, png = $subtype, image-png = $mimetype-$subtype, по приоритету — в перечисленном порядке, как на схеме.
$custom
Название файла шаблона страниц — про них всё подробно расписано здесь.

Пример для рубрик

Сразу же приведу пример для страницы с рубрикой с ID = 54 и ярлыком myphotos:

  1. category-myphotos.php в первую очередь WordPress ищет этот файл в папке с темой, если его не существует, то файл со следующего пункта списка,
  2. category-54.php если и этого файла нет в директории темы, то переходим к следующему пункту и так далее,
  3. category.php,
  4. archive.php,
  5. index.php;

Шаблон главной страницы WordPress

В чем отличие между index.php, home.php и front-page.php?

Уверен, что этот вопрос терзает многих, как когда-то терзал меня, особенно, если вы начали своё обучение WordPress не с теории, а с практики (я имею ввиду разбор и доработка уже готовых тем). Дело в том, что в таких темах может присутствовать либо home.php, либо front-page.php, либо вообще ни того и ни другого файла, index. php же присутствует всегда.

Разберем сам порядок. Сначала на схеме:

Комментирую — итак, когда мы находимся на главной странице, в первую очередь WordPress пытается подключить файл front-page.php, если же файла не существует, вторым шагом он проверяет, что указано в настройках Настройки > Чтение, короче говоря:

  • если на главной странице отображаются последние записи блога, тогда сначала ищется и подключается файл home.php, в случае его отсутствия — index.php,
  • если на главной отображается статическая страница, то применяются обычные правила для страниц (которые вы видели еще на первой схеме в начале поста).

Но файл front-page.php в любом случае остаётся в приоритете!

Купить курс

  • 21 видеоурок
  • Можно скачать готовый код после каждого урока
  • Уроки актуальны под последние версии WordPress
  • Можно начать проходить курс сразу же после оплаты
  • Достаточно базовых знаний HTML и CSS, чтобы пройти курс
  • Доступ навсегда
  • Единоразовый платёж

5000 р

Перейти к уроку. ..1. Вступление (06:43)2. Начинаем создавать тему (22:36)3. Подключение CSS и JS (28:01)4. Меню (38:35)5. Иерархия файлов темы (29:46)6. Основной цикл (26:10)7. Прилепленные посты (14:47)8. Поиск на сайте (08:54)9. Изображения (19:56)10. Дополнительные циклы (15:43)11. Конфигурируем Gutenberg (23:48)12. Форма обратной связи (27:21)13. Виджеты / Сайдбары (15:43)14. Пользователи (13:24)15. Комментарии (26:12)16. Антиспам без плагинов (10:19)17. Произвольные поля (25:36)18. Настройки темы (34:23)19. Типы постов (33:18)20. Таксономии (19:55)21. HTTP API (18:27)22. Локализация (32:37)

Файл шаблоны WordPress — Как создать сайт

Основные файл-шаблоны темы WordPress

Рассмотрим из каких файлов (файл-шаблонов) состоит стандартная тема WordPress.

Чтобы создать тему, достаточно всего лишь два файл-шаблона WordPress:
index.php — главный файл-шаблон темы,
style.css — главная таблица стилей темы,
Всё уже можно создавать простейшую тему для CMS WordPress.

Рассмотрим остальные файл-шаблоны темы WordPress

functions.php — один из важнейших файлов, позволяющий подключать виджеты сайдбара, меню, миниатюры и многие другие полезные элементы сайта созданного на WordPress,
screenshot.png — скриншот темы сайта, обычно это изображение с размерами 800×600, это изображение можно увидеть в разделе выбора тем, в админке WordPress Внешний вид -> Темы

Подключаемые файлы отвечающие за структуру страницы сайта

header.php — подключаемый файл содержащий код шапки страницы сайта,
sidebar.php — подключаемый файл содержащий код сайдбара (боковую панель) страницы сайта,
footer.php — подключаемый файл содержащий код подвала страницы сайта.

Файл-шаблоны отдельных страниц сайта

single.php — файл-шаблон отвечающий за отображение страниц типа post (обычно это новости, записи, товары и т.д.),
page.php — файл-шаблон отвечающий за отображение страниц типа page (обычно это страница ‘о компании’, ‘контакты’, ‘наши услуги’ и т. д.),
404.php — файл-шаблон отвечающий, за вывод страницы при возникновении 404 ошибки (данная ошибка возникает при открытии не существующей страницы). Например вы можете открыть не существующуюю страницу данного сайта и попасть на страницу 404, пример http://gabdrahimov.ru/1111

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

Остальные файл-шаблоны, не обязательные

home.php — файл-шаблон главной страницы сайта,
front-page.php — файл-шаблон главной страницы сайта (этот главнее чем home.php),
category.php — файл-шаблон выводящий список постов, какой-либо категории,
author.php — файл-шаблон выводящий список постов, какого-либо автора,
date.php — файл-шаблон выводящий список постов, какой-либо даты.

Файл-шаблонов WordPress на самом деле еще больше, со всеми ими мы познакомимся чуть позже, особенно подробно рассмотрим их при изучении «Иерархии шаблонов WordPress».

Папки темы WordPress

Помимо файл-шаблонов в теме WordPress могут быть еще и различные папки, содержащие файлы скриптов JavaScript, дополнительных стилей CSS, файлы изображений дизайна темы, файлы шрифтов и т.п.

Для начала создадим правильный файл style.css

  • Category: Разное

Дата публикации поста: 3 апреля 2019

Дата обновления поста: 9 июля 2015

Бесплатный хостинг от компании Бегет, для начинающих: beget.com/ru/hosting/free

Полное руководство по шаблонам страниц WordPress

Одним из шаблонов, которые я всегда включаю в любую тему, которую я кодирую, является файл page.php .

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

Например, в сообщении вы обычно включаете метаданные, такие как дата публикации и категории, в которые добавлено сообщение, но на странице вы этого не сделаете.

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

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

Продолжить чтение или перейти по этим ссылкам:

  • Как WordPress выбирает шаблоны для статических страниц
  • Создание общего файла шаблона страницы
  • Создание файла пользовательского шаблона страницы
  • Создание файла шаблона целевой страницы

Как WordPress выбирает шаблоны для статических страниц

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

Иерархия работает в следующем порядке:

  • Если есть пользовательский файл шаблона страницы, и вы выбрали его для этой страницы, он будет использоваться вместо других файлов.
  • Если пользовательский шаблон страницы отсутствует (или если он есть, но не выбран для этой страницы), WordPress будет использовать файл page-$slup.php , где $slug — это ярлык для этой страницы. Итак, если вы создали файл
    page-contact.php     и у вас есть страница с слагом свяжитесь с , он будет использовать это.
  • Затем он ищет шаблон страницы с именем page-$ID.php , где $ID — это идентификатор страницы. Это похоже на использование слага — главное отличие состоит в том, что если вы измените слаг страницы в админке, она по-прежнему будет использовать этот файл шаблона, тогда как он перестанет использовать файл шаблона слага.
  •  Если ничего из вышеперечисленного не существует и есть файл с именем page. php , он будет использоваться.
  • Если нет page.php , он будет использовать single.php , если он у вас есть. Этот файл отображает отдельные сообщения и страницы.
  • Если в вашей теме нет ни одного из вышеперечисленных файлов, она вернется к использованию index.php .

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

Теперь давайте посмотрим, как создать файл шаблона страницы.

Создание общего файла шаблона страницы

Файл шаблона для страниц, чаще всего включаемых в темы, называется

page.php . Если это единственный файл, который у вас есть для отображения страниц (в отличие от сообщений), то он будет использоваться для каждой статической страницы вашего сайта.

Чтобы создать этот файл шаблона, вы просто создаете в своей теме файл с именем page.php . Я часто начинаю с моего index.php или single.php , создайте дубликат, который я назову page.php , а затем отредактируйте его, чтобы удалить ненужные элементы. Они будут включать:

  • даты публикации
  • категории сообщений и теги
  • другие метаданные, такие как автор
  • ссылка на предыдущий или следующий пост.

Создание такого чистого файла page.php делает работу более эффективной.

Файл page.php в теме фреймворка, которую я использую для всех своих проектов WordPress, очень прост:

Загрузка gist 0571eb6db34ea360dea37d93e5085740

Это состоит из четырех вещей:

  • вызов для получения файла заголовка
  • цикл, который включает в себя файл с именем loop-page.php
  • вызов файла боковой панели
  • вызов файла нижнего колонтитула.

Файл loop.php содержит только те части цикла, которые относятся к статическим страницам:0002 Обратите внимание, что у него есть один условный тег, который отображает заголовок страницы на других страницах, кроме главной. Кроме того, это довольно стандартный цикл.

WPMU DEV AccountFREE

Управление неограниченным количеством сайтов WP бесплатно