Структура шаблона WordPress. Разбираем в деталях

blogstarter.ru / Структура шаблона WordPress

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

Зачем мне эти сведения – спросите вы. Как это может пригодится? Давайте практику, долой теорию.

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

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

Времена статических html – сайтов проходят. Сейчас огромную популярность завоевали CMS которые работают на языке программирования PHP или Perl или на другом похожем. Они просты и удобны в работе и настройке. Их можно легко адаптировать под свои потребности. Такие сайты называются динамическими.

Кто не знает, о чем речь — рассказываю.

Статические сайты

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

Динамические сайты

PHP сайты, используют набор данных на основании которых, каждый раз собирают запрошенную посетителем страницу в режиме он-лайн или на лету.

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

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

CMS это по сути компьютерная программа, которая формирует внешний вид сайта и управляет его внутренним содержимым.

Так вот за внешний вид в этой программе, как раз отвечают шаблоны WordPress или как их еще называют темы.

Структура шаблона WordPress

План схема стандартного шаблона WordPress сайта выглядит следующим образом.

blogstarter.ru / Структура шаблона WordPress

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

blogstarter.ru / Структура шаблона WordPress

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

Images

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

Js

Папка в которой содержаться файлы скриптов Java Script. Это файла с расширением .js. Так же, как и с картинками, новые скрипты должны копироваться в эту папку.

Style.css

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

Index.php

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

Page.php

В переводе значит – страница. Соответственно файл отвечает за вывод страницы статей или точнее анонсов статей на главной странице сайта. Еще один элемент этого конструктора под названием WordPress.

Single.php

В переводе значит — одиночный. Как уже кто-то догадался отвечает за вывод текста одиночной статьи в блоге. После того как нажата кнопка – читать далее, открывается полный текст статьи для чтения. Вот это и есть файл – Single.php.

Sidebar.php

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

Header.php

Шапка сайта. Коротко и ясно. Своеобразная заставка сайта. То, что видит посетитель в первую очередь, когда заходит на ваш блог. Вывод какой? Правильно, должна быть красивой и привлекать внимание. В одной из предыдущих статей мы уже меняли шапку и поняли, что ничего сложного в этом нет. Зачастую в header.php расположена строка меню. Так же может быть расположена строка поиска.

Footer.php

Google перевел как – нижний колонтитул. В народе кличут – подвалом. Такой себе антипод хедера. Место, в котором в основном, расположена информация о копирайтинге. А если не в основном то там можно расположить все что угодно.

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

Человек читает блог слева направо сверху вниз, и когда он доходит до конца страницы и как бы собирается уже уходить, а тут «хлоп» подвал, а там еще полно чего-то интересного.

Functions.php

Функции — в переводе. Файл содержит различные функции WordPress. Значение файла невозможно переоценить. Чаще всего можно получить неработающий блог если внести некорректные изменения в этот файл. Перед редактированием, сохранять обязательно. В этом файле можно прописать код плагина, а сам плагин удалить. Многие считают, что это ускорит блог. Это не верно. Зато при смене темы вы теряете функционал плагина. Опять придется вставлять код в файл.

Searchform.php

Файл организует на блоге форму поиска. И выводит результаты поиска.

Archive.php

Помимо всего прочего выводит записи из различных категорий. Т.е. когда посетитель хочет просмотреть список статей из какой-либо категории, за вывод этого списка отвечает файл Archive.php

Comments.php

Файл организует возможность комментирования статей на сайте. Так же будем его немного менять в будущем.

404.php

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

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

В планах масса новых интересных статей так-что активненько подписываемся на обновления.

Подписаться на обновление блога

Введите свой e-mail адрес:

 

2 комментария к “Структура шаблона WordPress. Разбираем в деталях”

  1. Здравствуйте! Подскажите пожалуйста какой нужно создать файл чтобы сделать страницу вывода всех названий статей на сайте?

    1. Плагин — Dagon Design Sitemap Generator. Создаете обычную страницу и вставляете туда код который предоставляет этот плагин.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *