Как поменять шаблон на WordPress за 10 минут
Здравствуйте, сегодня ко мне пришла идея поменять шаблон на блоге, который мы делаем с самого начала уроков WordPress. Причин на смену темы несколько:
- последний по красоте понравился больше
- он немного функциональнее
- практически всем удовлетворяет мои требования (удобство навигации, сходство с тематикой и т.д.)
Думаю, многие могут столкнуться с таким желанием: бродишь, бродишь по интернету и бац! новый шаблон, который больше понравился, но заново все настраивать лень, страшно и т.п. Нас терзает боязнь, что надо все настраивать заново, переписывать коды и другие мелочи…
Да, такое, конечно, есть. В отличии от простой смены шаблона на локальном компьютере, на реальном сервере могут возникнуть «небольшие» трудности:
- Остановка работы блога
- Прекращение работы плагинов
- Другие ситуации, который не дают проводить блогу нормальную работу.
Пользователи WordPress, особенно новички, порою падают в панику: «Что же делать, вылезла какая-то ошибка, блог не работает… Верну-ка я обратно стараю тему».
Признаюсь, честно, сам сталкивался с такой ситуацией. Но как-то в один день перестал бояться менять шаблоны, так как меня жизнь «заставила» В старом шаблоне, на одном из моих блогов, была ошибка, которую я не знал как исправить, а помогла бы решить проблему смена шаблона, так как я сам не смог исправить ее.
- Первым делом, если у Вас «сложная» тема, сбросьте ее настройки. Так как моя тема на блоге, который мы сейчас рассматриваем не «сложная», покажу на примере этого блога.
Если шаблон «сложный» у нее есть своя настройка . Чтобы туда попасть, Вам нужно перейти по адресу: Админка —> Дизайн —> Настройка темы. Хочу сказать, что она может называться по-разному, на моем шаблоне это смотрится так:
И нажимаете «Сбросить настройки» или что-то в этом роде: - Скачиваете Вашу новую тему, проверяете ее антивирусом и плагином TAC. Лучше скачать шаблоны WordPress с надежных источников или с разработчика темы. Лично я скачал тему с официального сайта разработчика.
- Если в шаблоне закодирован подвал
- Заливаете тему на реальный сервер, то есть туда, где находятся все шаблоны нашего блога (папка /public_html/wp-content/themes/ как в случае с хостером Ютекс)
- Активируем тему в Админке
- Я пропускаю этот и следующий шаг, так как ошибок никаких не произошло при активации нового шаблона. Если Ваш блог указывает на какие-то ошибки, то отключите все плагины, кроме необходимых и активируйте новую тему
- Теперь включите один плагин и проверьте работоспособность блога, если все работает нормально, продолжайте дальше включать плагины по очереди. Лучше проверять работу блога после активации каждого плагина, так Вам будет проще найти плагин, из-за которого возникает ошибка.
- Так как в наш код нового шаблона не добавлены некоторые коды плагинов, нам нужно это исправить. Для этого откройте одноименные файлы старого шаблона и нового текстовым редактором Notepad++ (обязательно!).
Под этим я подразумеваю следующее: например, в одном окне у меня файл - Да, конечно,сложно запомнить все плагины, которые были установлены на блог, поэтому я иногда пользуюсь картой блога для вспоминания того, какие плагины были у меня установлены.
По названию плагина я помню, в каком месте должен стоять код. Если же Вас затрудняет это, Вы можете «пробежаться» глазами по статьям из рубрики «Плагины». - Итак, смОтрите какой плагин установлен, в старом шаблоне ищите нужный код и вставляете в новый, либо ищете те же самые коды в разделе «Плагины» в каждом отдельном уроке.
- Вот и все. На все это у меня ушло чуть более 10-ти минут.
В следующем уроке я Вам покажу отличные зарубежные ресурсы, где можно найти классные шаблоны WordPress и научу переводить их. Так что, подписывайтесь на RSS, потому что интересного и полезного материала будет еще очень много!
Удачи Вам!
___________________________
Следующий урок: Урок 35 Как перевести шаблон WordPress.
шаблон wordpress | метки в статьях сайта
Шаблон WordPress или тема WordPress, это оформление сайта, задаваемое набором файлов JS, CSS, PHP логически связанных между собой функциями WordPress. Шаблон WordPress является устанавливаемым и заменяемым расширением системы. Распространяются шаблоны бесплатно и платно согласно лицензии GNU General Public LicenseWordPress.
Игорь Серов
На WordPress мы привыкли работать с настройкой шаблона через customizer. Однако классическая верстка шаблона проходит через шаблон PSD, который делает веб-дизайнер.
Читать дальше …
Шаблоны WordPressверстка шаблона, скачать шаблон, тема wordpress, шаблон wordpressПрокомментироватьВсё говорят про качественный веб дизайн сайта. В этой статье я сформулирую 7 важных элементов качественного веб дизайна сайта.
Читать дальше …
CMS WordPressадаптивный дизайн, меню, сайт, структура сайта, шаблон wordpressПрокомментироватьИгорь Серов
Хотите узнать какая тема на сайте друга? Н хотите делать это руками? Используйте детектор темы WordPress, в статье их 7+.
Читать дальше …
Шаблоны WordPressинструмент, тема wordpress, шаблон wordpressПрокомментироватьИгорь Серов
Порой мне кажется, что тема адаптивности и мобильности сайтов, замусолена окончательно. Однако, каждый раз получая сообщение, что мобильная версия сайта WordPress неудобна, я понимаю то это не так.
Читать дальше …
Журналgoogle, адаптивный дизайн, мобильная версия, оптимизация, ссылка, тема wordpress, шаблон wordpress, яндексПрокомментироватьПродолжаю пополнять раздел «Шаблоны» интересными, пока бесплатными шаблонами, по моему мнению, заслуживающими внимание. В этом обзоре, Шаблон Ruby WordPress, пока не раскрученного автора. Может по этому, автор шаблона постарался и сделал отличный шаблон с таким количеством настроек, которых я давно не встречал. При этом «вес» шаблона не пострадал, и шаблон получился очень «живой» и быстрый.
Читать дальше …
Шаблоны WordPresswoocommerce, скачать шаблон, шаблон woocommerce, шаблон wordpressПрокомментироватьИгорь Серов
Вёрстка сайтов с нуля по его макету, занятие увлекательное, хоть и требует массы знаний. Общие сведения про работу верстальщика в этой статье.
Читать дальше …
Статьиверстка шаблона, создание, создать сайт, ссылка, страницы сайта, тема wordpress, шаблон wordpressПрокомментироватьИгорь Серов
WordPress не плохая платформа для создания лендинг пейдж. Лендинг страница на WordPress получится отличной, если немного постараться.
Читать дальше …
Статьиреклама, ссылка, страница wordpress, страницы сайта, шаблон wordpressПрокомментироватьИгорь Серов
По умолчанию, в коробочной версии CMS WordPress стоят три рабочих темы. Ими можно пользоваться. К счастью, лицензия WordPress позволяет любому разработчику верстать свои шаблоны. В этом обзоре я набрал их 43+. Плюс пишу, потому что постоянно добавляю интересных авторов. Здесь самые лучшие и вы можете скачать шаблон WordPress.
Читать дальше …
Шаблоны WordPressскачать шаблон, шаблон wordpressПрокомментироватьИгорь Серов
Меню сайта основной элемент навигации помогающий пользователю перемещаться по сайту. Как создать меню WordPress коробочной версии и что такое области меню WordPress сайта в этой статье.
Читать дальше …
Уроки WordPresswordpress, блог, меню, пункт меню, создать сайт, тема wordpress, уроки wordpress, шаблон wordpressПрокомментироватьИгорь Серов
На любых веб-ресурсах, созданных на любой CMS визуально выделяется место внизу сайта, называемое подвал или футер. Не исключение CMS WordPress и футер WordPress есть на всех шаблонах системы. В этой статье познакомимся с подвалом WordPress, поймем, что такое футер WordPress и узнаем, какой функцией, подключается футер в шаблоне.
Читать дальше …
CMS WordPressfooter, верстка шаблона, функция, футер WordPress, шаблон wordpressПрокомментироватьИерархия шаблонов в WordPress • WPShout
В этой статье представлена одна из самых важных тем в разработке WordPress: иерархия шаблонов WordPress. Это одна из самых важных концепций во всей разработке темы WordPress. (У нас есть полный бесплатный курс по этой теме, ознакомьтесь с ним.)
Этот материал удивителен, потому что это не просто одна из наших обычных статей: это образец главы из нашего руководства «Изучение разработки WordPress» Внедрение , теперь в исправленном и дополненном издании.
Если вам нравится эта глава, ознакомьтесь с Up and Running . Там есть еще около 40 глав, откуда взялась эта. Это лучшее руководство по разработке WordPress.
Наилучший способ изучить концепции разработки WordPress
Up and Running — это наш полный курс «Изучение разработки WordPress». Теперь, в своем обновленном и расширенном 3-м издании в 2018 году, он помог сотням счастливых покупателей быстро, умно и тщательно изучить разработку WordPress.
Приступайте к работе
Ключевые выводы:
- Иерархия шаблонов WordPress определяет, какие файлы шаблонов PHP будут использоваться для создания данной веб-страницы на вашем сайте, в зависимости от типа запрашиваемого контента публикации: например , отображает ли веб-страница страницу, сообщение или архив из множества сообщений.
- Иерархия шаблонов следует определенному порядку, установленному в самом WordPress. Изучение этой иерархии позволит вам точно определить, какая из ваших веб-страниц будет использовать какой шаблон.
Работая с этой главой, вспомните следующую аналогию: WordPress — это фабрика, которая перерабатывает сырье, постов , в готовые продукты, веб-страниц .
В этой главе мы находимся на стадии производственного процесса, когда со склада (базы данных) достается пачка постов, и все они готовы к сборке и красивому отображению на нашей сборочной линии, тему вордпресс.
Тем не менее, тема предоставляет множество возможных строк для отправки этих сообщений: наши различные шаблоны PHP. Доводим наши посты до index.php
приведет к тому, что веб-страница будет выглядеть односторонней; прохождение через home.php
, archive.php
или page.php
даст очень разные результаты.
Откуда мы знаем, на какую сборочную линию сойдет данная пачка? С иерархией шаблонов WordPress . Иерархия шаблонов — это встроенная в WordPress система, которая указывает, по какой строке следует отправлять данный набор постов, исходя из свойств самого пакета.
В этой главе объясняется, как иерархия шаблонов принимает решения.
index.php
: Ultimate Fallback Чтобы фабрика работала, всегда должна быть по крайней мере одна сборочная линия , которая может принять любой набор постов. Вот почему каждая тема WordPress должна иметь файл шаблона index.php .
index.php
— последний запасной вариант. Создаете ли вы веб-страницу вокруг всех сообщений, которые вы написали в сентябре, или вокруг одной Страницы, или вокруг результатов поиска всех сообщений (любого типа сообщений), содержащих фразу «зимние шины», или вокруг одного или более постов совершенно настраиваемого типа, таких как «Рецепт» или «Обзор фильма», правило остается тем же: если иерархия шаблонов не находит что-то еще для использования, она возвращается к 9. 0040 index.php .
Таким образом, WordPress всегда может создать веб-страницу, используя index.php
, если у него нет более подходящего файла шаблона для использования. Однако он попытается найти лучший файл шаблона, если он существует.
Остальная часть иерархии
WordPress создал несколько действительно мощных деревьев выбора для принятия решения о том, какой шаблон отображать. Из Кодекса:
Нажмите, чтобы увеличить
Мы не будем включать это в Ресурсы, потому что оно было создано милой Мишель Шульп, а не нами. Вы можете просмотреть полный файл на этой странице: https://codex.wordpress.org/Template_Hierarchy#Visual_Overview.
Чтобы увидеть, что происходит, давайте проследим пример страницы слева направо на диаграмме.
Отслеживание страницы «О нас» на сайте с помощью иерархии шаблонов
Давайте посмотрим, что происходит со страницей «О нас» воображаемого сайта, написанной как Страница (то есть запись типа Страница) и расположенной на сайте . ком/около
.
Тип пакета: «Одна страница»
Начиная с самого левого края диаграммы: какой у нас «тип страницы»? Этот вопрос на самом деле означает: «С какой группой постов мы имеем дело?» Ответ — «Одна страница», потому что со склада нам прислали комплект, содержащий всего один одиночный («единственный») пост, а не множество постов вместе.
Статическая страница
Далее у нас есть два варианта: это «Страница с одним сообщением» или «Статическая страница»? Не позволяйте языку сбить вас с толку: на самом деле они спрашивают: «Это один пост типа Post или любого пользовательского типа, или это один пост типа Page?» Это вторая, которую они называют «статической страницей».
Шаблон страницы: Шаблон по умолчанию
Итак, мы используем «Пользовательский шаблон» или «Шаблон по умолчанию»? Мы перейдем к пользовательским шаблонам позже, в Понимание и создание пользовательских шаблонов сообщений WordPress . Вы можете прочитать это как «Вы выбрали что-то другое, кроме «Шаблон по умолчанию» в редакторе страниц?»
Пользовательские шаблоны сообщений
В этом случае предположим, что мы не используем пользовательский шаблон на нашей странице «О нас». Поэтому правильный ответ для нас — «Шаблон по умолчанию».
Используемый шаблон:
page.php
, с index.php
Fallback Следующие два узла — page-$slug.php
и page-$id.php
— малоиспользуемые параметры, позволяющие создавать шаблоны для отдельных страниц. У нас их нет, так что будем кататься прямо через них.
Это оставляет нас с шаблоном, который фактически будет отображать нашу страницу «О нас»: page.php
. И если в нашей теме нет page.php
, мы вернемся к нашему окончательному запасному варианту: index.php
.
Мы только что завершили наше первое путешествие по иерархии шаблонов WordPress. Основываясь на количестве и типе сообщений, которые мы извлекли из базы данных, мы можем точно знать, на какой из наших PHP-шаблонов WordPress будет опираться при создании соответствующей веб-страницы.
Второй пример: индекс блога
Давайте еще раз пройдемся по иерархии шаблонов, на этот раз со страницей индекса блога сайта. Это страница на вашем веб-сайте, на которой отображаются ваши последние сообщения. Но что это за страница, конкретно? Это зависит от настроек вашего сайта в меню «Настройки» > «Чтение»:
Если вы оставите настройку по умолчанию, индекс вашего блога будет домашней страницей вашего сайта: веб-страницей, которую вы видите, когда переходите на yourdomain.com
.
Однако вы также можете настроить индекс своего блога так, чтобы он отображался по URL-адресу существующей «статической страницы» (то есть Страницы). Выбор «статической страницы» для страницы индекса вашего блога изменит URL-адрес индекса блога на что-то вроде yourdomain.com/blog
для Страницы с названием «Блог» или yourdomain.com/news
для Страницы с названием « Новости.»
Независимо от того, какой веб-страницей является индекс вашего блога, WordPress знает, когда вы ее посещаете, и извлекает набор ваших самых последних сообщений.
Тип пакета: «Индексная страница сообщений блога»
Когда этот пакет попадает в иерархию шаблонов, начиная с левой части диаграммы, иерархия распознает ваш «Тип страницы» как «Индексную страницу блога».
Используемый шаблон:
home.php
, с index.php
Fallback Как видите, это простое дерево: индексная страница вашего блога будет отображать содержимое home.php
. Если этого не существует, по умолчанию возвращается старый добрый index.php
.
Просмотр всей иерархии
Вы начинаете понимать, как работает иерархия шаблонов? Как только вы поймете основную концепцию, создание тем WordPress, которые извлекут выгоду из этих знаний, просто потребует создания и изменения соответствующих файлов шаблонов для типов веб-страниц, на которые вы хотите повлиять.
Приведенная выше диаграмма великолепна, но есть несколько других замечательных способов визуализации и понимания иерархии шаблонов:
- Иерархия шаблонов в Кодексе WordPress, по адресу: http://codex.wordpress.org/Template_Hierarchy. Кодекс является каноническим источником информации об иерархии шаблонов и о самом WordPress. Научитесь любить это! На этой странице вы можете узнать, что делает каждый тип файла шаблона.
- Интерактивный ресурс иерархии шаблонов, по адресу: http://wphierarchy.com/. Это интерактивная версия изображения иерархии шаблонов Кодекса. Нажмите на любой узел, чтобы получить помощь в понимании того, что это означает и когда это применимо.
- WPTuts+ Cheat Sheet, по адресу: http://wp.tutsplus.com/articles/wordpress-cheat-sheets-template-heirarchy-map/. Особенно, если вы понимаете условные функции WordPress, такие как
is_home()
, мы действительно ценим краткость этой визуальной карты. Он не исчерпывающий, но его легко читать.
Теперь вы понимаете иерархию шаблонов
Иерархия шаблонов WordPress является важной частью волшебства тем WordPress и разработки тем WordPress. Теперь, когда вы понимаете его основные принципы работы, вы можете погрузиться в него и точно понять, какие шаблоны применяются в тех или иных случаях.
Избавьтесь от догадок с помощью шаблона
Одна последняя рекомендация: если вы когда-нибудь застряли, зная, какой шаблон работает на конкретной веб-странице, вы можете установить плагин: Какой шаблон. Он находится по адресу https://wordpress.org/plugins/what-template/. Когда вы просматриваете сайт во время входа в систему, он печатает текущий шаблон в вашей панели администратора следующим образом:
Какой шаблон указывает, что эта веб-страница использует активную тему (в правом верхнем углу изображения).
Этот плагин может стать отличным способом более глубокого изучения иерархии шаблонов, поскольку вы точно видите, какой шаблон активен в каждой части вашего сайта.
Далее, что-то действительно потрясающее в разработке тем для WordPress: The Loop!
Резюме Limerick
Хотите знать, как WordPress выбирает
Какой шаблон PHP он использует?
Тогда давайте выучим части
иерархических таблиц,
И выбор, который он делает, нас не смутит!
Время викторины!
- Иерархия шаблонов WordPress:
- Это настраиваемый набор правил, который разработчик пишет для своих шаблонов PHP
- Позволяет разработчикам создавать новые виды шаблонов PHP
- Указывает, какой шаблон PHP будет использоваться для создания данной веб-страницы
- При обработке страницы архива категорий, на которой отображаются несколько сообщений, принадлежащих одной категории, WordPress будет первая попытка использовать что из следующего:
-
архив. php
-
категория.php
-
index.php
-
- Если определенный файл шаблона в иерархии не существует, WordPress:
- Переход к следующему файлу в соответствующем дереве решений с возвратом к
index.php
для всех деревьев - Создайте и используйте стандартизированную версию отсутствующего файла шаблона
- Отобразить ошибку, указывающую, что нужный файл шаблона не найден
- Переход к следующему файлу в соответствующем дереве решений с возвратом к
Ответы и пояснения
-
C.
Иерархия шаблонов — это то, как WordPress решает, какой из файлов шаблона PHP активной темы он будет использовать для создания конкретной страницы. -
B.
Из вариантов сначала попробуетcategory.php
, потомarchive.php
, потомindex.php
. -
А.
index.php
— это окончательный запасной вариант иерархии шаблонов для всех типов страниц.
Изображение предоставлено Эдгаром Масельскисом
Руководство по иерархии шаблонов WordPress (издание 2023 г.)
Если вы хотите настраивать темы или создавать новые с нуля, важно понимать, как работает иерархия шаблонов WordPress.
Прежде всего, эта система WordPress помогает поддерживать порядок. Как только вы узнаете, что представляют собой все файлы шаблонов тем, что они делают и как они расставлены по приоритетам, вы сможете изменить почти каждый аспект того, как выглядит ваш сайт WordPress.
В этой статье мы объясним, что такое иерархия шаблонов WordPress и как она работает. Затем мы предоставим полную разбивку файлов шаблонов, задействованных в каждом типе страниц WordPress (включая шпаргалку для справки), чтобы помочь вам использовать их в своих интересах.
Приступим!
Предпочитаете смотреть видеоверсию?
Введение в иерархию шаблонов WordPress
Как правило, нединамические веб-сайты используют статические файлы HTML и CSS для отображения своего содержимого. Тем не менее, WordPress — это динамическая платформа, основанная на языке программирования PHP. Каждый сайт WordPress загружает несколько .php файлов, каждый из которых определяет внешний вид определенного раздела или компонента.
Всякий раз, когда вы загружаете страницу определенного типа, система управления контентом (CMS) ищет файлы шаблонов, соответствующие этому типу.
Например, если вы используете функцию поиска WordPress и загружаете страницу результатов поиска, CMS будет искать два файла шаблона:
- s earch.php , который определяет, как выглядят ваши страницы результатов поиска
- index.php , который является файлом шаблона по умолчанию, который WordPress использует, когда не может найти верхний вариант в каждой иерархии .
Файлы шаблонов, к которым у вас есть доступ, зависят от того, какую тему вы используете. Все темы WordPress представляют собой набор шаблонов, таблиц стилей и других элементов, например изображений. Таким образом, в приведенном выше примере, если используемая вами тема включает в себя шаблон search.php , WordPress найдет и загрузит его.
В некоторых случаях вы можете использовать тему, которая не включает файлы шаблонов для типов страниц, которые вы хотите загрузить. Вот тут-то и появляется иерархия шаблонов WordPress. Это встроенная система, которая сообщает WordPress, какие файлы шаблонов загружать и в каком порядке.
Для страницы поиска, если WordPress не может найти файл search.php , он перейдет к следующему файлу в иерархии, то есть index.php . Этот файл является окончательным запасным вариантом для каждой отдельной ветви в иерархии шаблонов.
Теоретически у вас может быть полнофункциональная тема, которая включает только один файл шаблона, а именно index.php .
На практике, тем не менее, тема с одним файлом шаблона едва ли будет включать какие-либо настройки стилей, и все типы страниц будут выглядеть почти одинаково. Если это не то, к чему вы стремитесь, понимание иерархии шаблонов WordPress является одним из самых важных шагов, которые вы можете предпринять как разработчик темы.
Если вы хотите настраивать темы или создавать новые с нуля, важно понимать, как работает иерархия шаблонов WordPress. ✅ В этом руководстве есть все, что вам нужно для начала… 👇Нажмите, чтобы твитнутьКак работает иерархия шаблонов WordPress
Как вы, возможно, знаете, WordPress позволяет использовать несколько типов страниц в зависимости от того, что вы хотите опубликовать. Вы можете использовать семь основных категорий:
- Главная страница
- Одиночные стойки
- Отдельные страницы
- Пользовательские типы записей
- Страницы результатов поиска
- Страницы категорий и тегов
- 404 страницы ошибок
Каждая из этих страниц имеет свою собственную иерархию, что означает использование определенного набора файлов шаблонов.
Если вы быстро заглянете в любую из папок вашей темы, вы обычно найдете набор файлов шаблонов. Ниже приведен пример файлов шаблонов, перечисленных в каталоге тем для сообщения в блоге:
Файлы шаблонов, перечисленные в каталоге тем WordPressЭто тип страницы с одним сообщением, что означает, что он использует файл single.php в качестве шаблона для основного содержимого на странице (само сообщение в блоге).
Кроме того, он имеет отдельный файл шаблона для каждого элемента страницы, большинство из которых вы сможете идентифицировать с первого взгляда, в том числе:
- Заголовок
- Нижний колонтитул
- Комментарии
- Боковая панель
Важно понимать, что хотя каждый тип страницы имеет свою собственную иерархию, они также часто используют общие файлы шаблонов, например header.php и footer.php .
Если вы создаете собственную тему, это означает, что вы можете создавать собственные стили для каждого типа страниц, а также создавать файлы шаблонов для повторного использования.
Вы также можете создавать пользовательские файлы шаблонов для таких элементов, как боковые панели и нижние колонтитулы, которые применяются только к определенным типам страниц. Эта гибкость достигается благодаря модульному подходу WordPress к шаблонам.
Когда вы переключаете темы, различия в макетах, которые вы видите, связаны с новыми файлами шаблонов, которые загружает WordPress. Дочерние темы также играют роль в иерархии тем WordPress, которую мы вскоре обсудим.
Где найти и изменить файлы шаблонов WordPress
Файл .php может включать как код PHP, так и разметку HTML (все эти файлы вы можете редактировать). Таким образом, файлы шаблонов WordPress могут быть настолько сложными, насколько вам нужно. Во многих случаях файлы шаблонов, которые использует WordPress, представляют собой набор функций для элементов, которыми они управляют.
Чтобы дать вам пример, вот краткий обзор файла шаблона header.php , который использует официальная тема WordPress Twenty Twenty-One:
Файл шаблона заголовка темы The Twenty Twenty-OneКак мы уже упоминали, каждая тема WordPress включает в себя собственный набор файлов шаблонов. Вы можете увидеть, какие файлы шаблонов включает ваша тема, открыв ее папку в корневом каталоге вашего веб-сайта через клиент протокола передачи файлов (FTP).
Вот как это выглядит для предыдущей официальной темы WordPress, Twenty Twenty:
Каталог тем Twenty Twenty и файлы шаблоновПо умолчанию WordPress загружает файлы шаблонов, которые находятся либо в главном каталоге вашей темы ( wp_content > themes ) или в папке template-parts .
Если вы планируете создать несколько файлов шаблонов, мы рекомендуем хранить шаблоны основных страниц в главном каталоге. Для более конкретных файлов шаблонов, таких как полноразмерные страницы или макеты боковой панели, вы можете использовать подкаталоги.
Лучший способ понять полную иерархию шаблонов WordPress — это воспользоваться шпаргалкой. В этом случае мы показываем вам визуальный обзор иерархии шаблонов, любезно предоставленный Кодексом WordPress:
Иерархия шаблонов WordPressКодекс WordPress содержит много информации об иерархии шаблонов, поэтому мы рекомендуем добавить этот ресурс в закладки. А пока давайте углубимся в каждый тип страницы и файлы шаблонов, которые он использует.
Разбивка иерархии шаблонов WordPress по типам страниц
WordPress использует семь основных типов страниц. В этом разделе мы поговорим о каждом из них и предоставим вам разбивку файлов шаблонов, которые они используют. Начнем с главной страницы.
Файлы шаблонов главной страницы
Ваша домашняя страница WordPress — это первая остановка, которую делает большинство пользователей при посещении вашего веб-сайта. На практике макеты главной страницы могут сильно различаться от одного сайта к другому.
Однако для базовой главной страницы WordPress будет искать эти три файла шаблона по порядку:
- front-page.php
- home.php
- index.php
Если ваша тема не включает front-page.php файл шаблона, WordPress по умолчанию будет использовать второй вариант и так далее. Как всегда, файл index. php — это последняя остановка, которую WordPress делает в дереве решений шаблона.
Отдельные сообщения
Отдельные статьи WordPress используют иерархию шаблонов отдельных сообщений. Для основного содержания каждой записи в блоге WordPress будет искать следующие файлы:
- single.php
- единственный.php
- index.php
Однако, если вы посмотрите на шпаргалку шаблона, вы заметите более сложную иерархию, которая возникает в некоторых случаях.
Это потому, что WordPress позволяет вам назначать файлы шаблонов для отдельных сообщений и отдельных категорий, а затем по умолчанию используется single.php , если он не может найти ни один из этих вариантов.
Помимо основных файлов шаблонов, у вас есть такие элементы, как верхний и нижний колонтитулы, боковые панели и разделы комментариев. Как мы упоминали ранее, каждый из этих элементов может иметь свой собственный файл шаблона.
Отдельные страницы
После постов отдельные страницы являются хлебом с маслом для большинства веб-сайтов WordPress. В большинстве случаев они используют шаблон, отличный от вашей главной страницы, если только оба типа страниц по умолчанию не имеют index.php .
Вот как выглядит иерархия одностраничных шаблонов:
- page.php
- единственный.php
- index.php
Хотя иерархия шаблонов для отдельных сообщений и страниц похожа, есть некоторые ключевые отличия.
Во-первых, когда дело доходит до страниц, WordPress использует путь get_page_templates() для пользовательских файлов, который вы можете использовать для изменения или перенаправления шаблона страницы по умолчанию.
Кроме того, вы можете создавать шаблоны для конкретных слагов и идентификаторов. Если у вас есть файл page-{slug}.php или page-{id}.php , WordPress попытается загрузить каждый файл по порядку, прежде чем по умолчанию использовать page. php .
Пользовательские типы сообщений
Вы можете создавать настраиваемые типы сообщений для различных видов контента, которые вы не хотите объединять со страницами или сообщениями. Пользовательские типы сообщений обеспечивают более высокую степень организации вашего контента, а также имеют собственную иерархию шаблонов:
- архив-{post_type}.php
- архив.php
- index.php
Иерархия шаблонов для пользовательских типов записей не так сложна, как для полных страниц или записей. Тем не менее, WordPress позволяет вам создавать файлы шаблонов для каждого пользовательского типа сообщений, поэтому они не должны использовать одни и те же точные макеты.
Страницы результатов поиска
Мы уже познакомили вас с иерархией шаблонов, которую WordPress использует для страниц результатов поиска, поэтому давайте кратко напомним, как она выглядит:
- search.php
- index. php
По мере того, как мы отходим от «сложных» типов страниц, таких как сообщения или главная страница, иерархия шаблонов WordPress становится намного более простой.
На странице поиска обычно нет необходимости включать слишком много элементов помимо самих результатов. Чем проще структура, тем обычно короче иерархия.
Страницы категорий и тегов
Хотя многие веб-сайты не ссылаются на них напрямую, WordPress создает коллективные страницы для ваших тегов и категорий. Для каждого элемента в этой таксономии также есть отдельные подстраницы.
Учитывая, насколько сложной может стать таксономия для веб-сайтов с большими библиотеками контента, эта иерархия включает больше «шагов», чем обычно:
- категория–{slug}.php
- категория-{id}.php
- категория.php
- архив.php
- index.php
Обратите внимание, что для тегов используется та же иерархия, за исключением того, что «тег» заменяет «категорию» во всех случаях.
Теоретически вы можете создавать отдельные файлы шаблонов для каждой категории или тега на своем веб-сайте WordPress и идентифицировать их либо с помощью ярлыков, либо идентификаторов. Тем не менее, немногие веб-сайты действительно сталкиваются со всеми этими проблемами.
Если вы не планируете позволять посетителям просматривать страницу вашей категории, не стесняйтесь использовать по умолчанию шаблон archive.php .
404 Страницы ошибок
Иногда посетители пытаются получить доступ к несуществующей странице. Когда это произойдет, WordPress вернет страницу с ошибкой 404.
По умолчанию WordPress не предлагает параметры для настройки внешнего вида этой страницы. Однако вы можете настроить его внешний вид самостоятельно через файл шаблона. Иерархия шаблонов довольно короткая:
- 404.php
- index.php
По мере роста вашего веб-сайта будут появляться случаи, когда пользователи могут столкнуться с ошибкой 404. Наличие пользовательской страницы ошибок для таких ситуаций может помочь вам сообщить посетителям, почему страница не загружается, указать им другое направление и уменьшить разочарование.
При загрузке файла шаблона 404 WordPress будет искать и загружать ваш собственный файл, прежде чем использовать файл по умолчанию.
Расположение дочерних тем в иерархии шаблонов WordPress
Если вам нравится настраивать темы WordPress, лучше всего использовать дочернюю тему. Дочерние темы также имеют свое место в иерархии шаблонов WordPress, но это не очевидно, если вы посмотрите на шпаргалку, которую мы предоставили ранее.
Короче говоря, использование дочерней темы добавляет второй уровень в иерархию шаблонов для любого используемого вами типа страницы.
Допустим, вы используете дочернюю тему, которая включает в себя пользовательские файлы шаблонов для отдельных страниц. Вот порядок, в котором WordPress будет пытаться загружать файлы:
- p age. php внутри дочерней темы
- page.php в родительской теме
- single.php внутри дочерней темы
- single.php в родительской теме
- index.php внутри дочерней темы
- index.php в родительской теме
Если WordPress может найти версию файла шаблона в вашей дочерней теме, он загрузит именно ее, даже если для нее есть аналог в родительской теме. В некоторых случаях вы можете оказаться в ситуации, когда вам нужно настроить файлы шаблонов для темы, которую вы используете, и использование дочерней темы идеально подходит для таких сценариев.
Как и в случае других типов настроек, вы потеряете изменения в файлах шаблонов темы при ее обновлении. Добавление этих изменений через дочернюю тему спасет вас от этой ситуации.
Использование тегов шаблона WordPress для разработки темы
При разработке WordPress вы часто будете сталкиваться с тегами шаблона, представляющими собой функции PHP, которые можно использовать для динамического создания и извлечения данных. Теги шаблонов часто являются частью файлов шаблонов, но они не являются взаимозаменяемыми.
WordPress встраивает в свой код десятки тегов шаблонов, которые вы можете использовать при разработке темы. Вот некоторые примеры:
- get_header()
- get_footer()
- get_sidebar()
- get_search_form()
- get_template_part()
Эти теги позволяют вам собирать файлы шаблонов из используемой вами темы. На практике это означает, что вы можете добавлять определенные элементы в основные файлы шаблонов, например front-page.php или index.php .
Если вам нужен полный список всех тегов шаблонов, которые вы можете использовать при разработке WordPress, ознакомьтесь с Кодексом WordPress.
Там вы найдете инструкции по использованию каждого тега шаблона, их отдельные параметры и примеры кода в действии.
Готовы настроить тему WordPress? ✨ Сначала прочитайте это руководство по иерархии шаблонов. ⬆️Нажмите, чтобы твитнуть. Всякий раз, когда вы посещаете веб-сайт WordPress, CMS увидит, к какому типу страницы вы пытаетесь получить доступ, а затем использует иерархию, чтобы определить, какой файл шаблона загрузить.Помимо основных шаблонов для каждого типа страницы, у вас также могут быть файлы шаблонов для отдельных элементов, таких как верхние и нижние колонтитулы и боковые панели.
Этот модульный подход дает вам полный контроль над тем, как выглядит каждая страница вашего сайта, и помогает вам сэкономить время в процессе разработки WordPress.
У вас есть вопросы о том, как работает иерархия шаблонов WordPress? Поделитесь ими в разделе комментариев ниже!
Получите все свои приложения, базы данных и сайты WordPress онлайн и под одной крышей. Наша многофункциональная высокопроизводительная облачная платформа включает в себя:
- Простая настройка и управление в панели управления MyKinsta
- Экспертная поддержка 24/7
- Лучшее оборудование и сеть Google Cloud Platform на базе Kubernetes для максимальной масштабируемости
- Интеграция Cloudflare корпоративного уровня для скорости и безопасности
- Глобальный охват аудитории благодаря 35 центрам обработки данных и 275 точкам присутствия по всему миру
Начните с бесплатной пробной версии нашего хостинга приложений или хостинга баз данных.