Пользовательская чать(Front End). Порядок обращения Вордпресса к различным шаблонам текущей темы

Шаблон WordPress состоит из набора файлов. Зная, за что отвечает тот или иной файл, вы сможете отредактировать тему по собственным нуждам, имея хотя бы базовые навыки HTML, PHP и CSS. А если таких знаний у вас нет, то вы можете узнать с помощью встроенных инструментов.

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

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

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

Ниже приведена таблица, в которой описаны основные файлы шаблона WordPress.

Основные файлы
Index.php	Является главным в шаблоне. В нём прописывается код, который отвечает за расположение и загрузку других файлов на странице. Также этот файл генерирует в браузере главную страницу.
page.php	Генерирует одиночные страницы.
single.php	Генерирует одиночные записи.
sidebar.php	Генерирует сайдбары на сайте, боковые колонки.
header.php	Создаёт на сайте шапку. Как правило, в нём присутствуют логотип и навигационное меню.
footer.php	Создаёт подвал сайта или футер – это нижняя часть.
functions.php	Регистрирует функции, такие как появление сайбаров, областей меню и другие.
style.css	Таблица стилей, в которой прописываются правила для внешнего вида всех элементов сайта: шрифты текста, размеры, цвета элементов, их относительное расположение и прочее.
Файлы вывода записей
category.php	Выводит записи определённой рубрики.
tag.php	Выводит записи определённой метки (тега).
author.php	Выводит записи определённого автора.
archive.php	Выводит записи за определённую дату, то есть архивы статей.
Дополнительные файлы
comments.php	Выводит комментарии и форму добавления комментариев.
search.php	Выводит на сайте результаты по запросу в форме поиска.
attachment.php	Выводит вложенный файл.
404.php	Отвечает за отображение страницы 404, которая появляется при переходе по несуществующей ссылке.

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

Иерархия файлов

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

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

Как отредактировать файлы шаблона WordPress

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

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

Файлы шаблона WordPress можно отредактировать прямо в консоли. Для этого следует перейти в пункт «Внешний вид» и выбрать подпункт «Редактор». Здесь в левом списке будут доступные файлы, а в правом — содержимое выбранного файла. Данный редактор не поддерживает подсветку синтаксиса. Поэтому удобнее скопировать содержимое файла в какой-то сторонний редактор, например, NotePad++, изменить его там, и вернуть обратно.

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

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

Заходим к себе в админ панель и выбираем файловый менеджер, и название вашего сайта (приблизительно путь будет выглядить так: /сайт/public_html/wp-content/themes/название вашей темы), рисунок ниже показывает нам кучу папок и файлов. Вот из этого добра и состоит наша тема на WordPress:

Устройство темы WordPress (шаблона) ,наглядный пример шаблона Вордпресс

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

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

Рисунки которые находятся вверху, меню, заголовок страницы Title все это и еще некоторые элементы относятся к Header.php То Есть если вы хотите поменять заголовок, поменять рисунок, еще что то сделать в верхней части Вашего сайта вам необходимо обратиться в пункт меню Header.php, либо открыть специальным редактором этот файл, который присутствует в папке вашей темы.

Вам следует всего лишь знать немного язык html и вводя правильный код с легкостью менять рисунок шапки, меню и т.д. Обратите внимание что шапка header.php темы вордпресс является единственной для всего сайта, т.е она будет отображаться везде, какую бы страницу вы не открыли.

За вывод информации сбоку отвечает sidebar.php или по другому боковая панель. Она также является неизменной для всей темы WordPress. В зависимости от темы сайдбар может располагаться слева или справа, может иметь несколько колонок.

По идее для заработка наиболее интересно иметь 2 колонки в сайдбаре, для большего размещения рекламы, но в принципе при популярности вашего сайта и грамотного подхода и с 1 колонкой можно неплохо зарабатывать)

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

На рисунке ниже под цифрой 1 указан шаблон Header.php , под цифрой 2 сайдбар, ну и 3 цифра футер или подвал нашей темы:

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

Понимание того, из чего состоит сайт, позволяет лучше осознать сущность вебмастерства. А также эти знания помогут принять правильное решение при необходимости развить и изменить сайт.

Все части сайта можно разделить на две группы – технические и SEO-части.

Технические части сайта

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

Шаблоны, темы

Шаблоны или темы – это дизайн сайта. Он представляет собой набор файлов, которые передают в браузеры пользователей задуманный внешний вид.

Шаблоны в WordPress хранятся в папке wp-content/themes. Их можно установить из консоли в пункте «Внешний вид», подпункте «Темы». О том, как правильно выбрать шаблон на сайте, рассказано .

Плагины

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

База данных

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

Получить доступ к базе данных можно из панели управления хостинга, из приложения PHP MyAdmin. Однако не рекомендуется как-то изменять настройки базы данных новичкам, у которых ещё нет опыта.

SEO части сайта

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

Страницы

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

Записи

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

Мультимедиа

Мультимедийные файлы – изображения, видео и аудио, тоже нужны на сайте, и они тоже оказывают положительную роль в продвижении и восприятии материла. Особенно это относится к изображениям.

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

Скачать тему для Вордпресс можно бесплатно, например, отсюда . После того, как вы скачали шаблон, ее нужно распаковать. Затем необходимо будет получить доступ к вашему сайту по протоколу FTP и скопировать полученную после разархивирования папку с темой оформления Вордпресс в директорию:

Как устроена и из каких шаблонов состоит тема в WordPress?

В области «Текущая тема оформления» будет отображаться используемая в данный момент. Наша, вновь добавленная, должна появиться в области «Доступные...». Нажав на кнопку «Предпросмотр» вы сможете увидеть, как будет выглядеть данный шаблон применительно к содержимому вашего блога.

Чтобы применить понравившуюся тему, нужно щелкнуть по кнопке «Активировать» рядом с ее превьюшкой. В результате, миниатюра переместится в область «Текущая...», а так же произойдет изменение внешнего вида блога, в соответствии с вашими пожеланиями.

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

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

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

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

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

Шапка, так же формируемая в HEADER, остается неизменной для всех вебстраниц, но содержимое области контента блога формируется разными шаблонами темы, в зависимости от того, какое именно содержимое выводится. Рассмотрим это подробнее:

1. за вывод содержимого главной страницы отвечает файлик INDEX
2. за вывод страниц со статьями отвечает SINGLE
3. при выводе содержимого временного архива статей (по годам и месяцам), при выводе содержимого архива тегов (меток), а так же при выводе содержимого категорий используется обычно один и тот же шаблон ARCHIVE
4. за вывод результатов поиска по блогу отвечает SEARCH
5. за вывод статичных страниц (например, «О блоге») отвечает файл PAGE из папки с текущей темой

За формирование футера (footer) в WordPress (подвала, нижней части вебстраницы) отвечает файл FOOTER. Обычно в нем выводится название блога со словами, что все права защищены (называется это копирайт и с помощью него). Так же в FOOTER можно добавить код счетчиков посещений (например, ), если вы их будете использовать на своем ресурсе.

За вывод сайдбара (sidebar — боковая панель WP блога) справа или слева от центральной части страниц отвечает файл SIDEBAR. В каждой конкретной теме кроме SIDEBAR могут использоваться еще несколько шаблонов сайдбаров. В моем случае, сначала боковая панель формируется из кода SIDEBAR, но потом из него осуществляется обращение к SIDEBAR1 и SIDEBAR2, которые формируют его двухколоночное продолжение (сейчас они отключены).

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

Пример подключения шаблонов из состава темы

Проще всего рассказать о порядке использования шаблонов для отображения той или иной страницы блога на каком-то примере. Допустим, что посетитель открывает вебстраницу со списком статей какой-либо категории (рубрики). Какой файл из папки текущей темы должен при этом запуститься?

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

Давайте рассмотрим действия Вордпресса при переходе посетителя по ссылке, ведущей в категорию. Сначала в папке текущей темы:

Wp-content/themes/название_

этот движок будет искать файл, который отвечает за вывод именно этой категории. А т.к. они идентифицирует по ID, то и искать он будет CATEGORY-n. Здесь N — номер ID данной категории (). Но такой файл в папке вашей темы может появится только в том случае, если вы сами специально его создали для данной категории.

Но если вы этого не делали, то Вордпресс, не найдя такой файл (например, CATEGORY-12), будет искать уже общий для всех категорий (вне зависимости от их ID) CATEGORY. Если и такого файла тоже найдено не будет, то он уже будет искать общий шаблон для вывода всех архивов под названием ARCHIVE.

ARCHIVE он скорее всего найдет в папке с вашей текущей темой, но если случится страшное — даже его не будет — WordPress будет вынужден использовать основной файлик под названием INDEX.

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

Порядок обращения Вордпресса к различным шаблонам текущей темы

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

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

");">

Вам может быть интересно

Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет) Бесплатные темы и шаблоны для WordPress - где их можно скачать Смайлики в WordPress - какие коды смайлов вставлять, а так же плагин Qip Smiles (красивые смайлики для комментариев) Как отключить комментарии в WordPress для отдельных статей или всего блога, а так же убрать или наоборот подключить их в шаблоне
Снижение потребляемой в WordPress памяти при создании страниц - плагин WPLANG Lite для подмены файла локализации А как вы оформили вывод постов на главной и в рубриках WordPress?
Заголовки статей H1, H2, H3 в Вордпресс, а так же способы отображения категорий (the_content, the_excerpt и другие)