Структура шаблона WordPress. Как это работает?

struktura-shablona-wordpress

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


А в начале:

Итоги ТОП — КОММЕНТАТОРОВ за май 2013 года:

  • 1 место Константин (web-nugget.com)
  • 2 место Vitalik (winners-games.com)
  • 3 место Александр(caritonov**@inbox.ru)
Про условия конкурса вы можете почитать здесь. Присылайте свои реквизиты Яндекс или WMR кошельков.

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

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

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

структура шаблона wordpress, состав шаблона

Так я пользуюсь только одним шаблоном, то другие я удалил из этого каталога.

Давайте скорей перейдем в каталог темы и посмотрим, что из себя представляет…

 Cтруктура шаблона wordpress

структура шаблона wordpress, состав шаблона

Как видите, тема (шаблон) wordpress состоит из файлов (в формате php). Данные файлы легко редактируются с помощью текстового редактора Notepad ++, о котором я рассказывал в одной из своих статей. При этом, друзья нужно иметь хотя бы базовые знания HTML и CSS, чтобы отредактировать файлы шаблона вордпресса. Поэтому рекомендую изучить бесплатные курсы Евгения Попова, которые помогли мне не раз и не два этом вопросе.

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

Начать разбирать структуру шаблона wordpress хочется с основного файла любого блога – это index.php. Данный файл отвечает за вывод главной страницы.

структура шаблона wordpress, состав шаблона

Именно к нему происходит обращение, когда пользователь заходит на сайт, так как в index.php содержится информация о структуре темы блога. Таким образом, в этом файле прописан каркас-скелет, как именно будет выстроен вид той части, которая покажется пользователю.

Важными элементами любой темы, являться несколько основных файлов. В основном это:

Header.php – отвечает за структуру верхней части блога, так называемой шапки.

Sidebar.php – отвечает за структуру боковой колонки

Footer.php – отвечает за структуру нижней части блога (подвал)

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

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

структура шаблона wordpress

Кроме вышеописанных файлов в каталоге темы обычно присутствуют еще следующие:

  • page.php – файл, который отвечает за вывод отдельной страницы, например таких как «контакты», «об авторе» и т.п.
  • single.php – отвечает за вывод полной записи статьи
  • searchform.php – отвечает за форму поиска.
  • search.php – файл, который отвечает за вывод результатов поиска.
  • functions.php – основной файл настроек темы, значительно расширяющий функционал
  • 404.php – отвечает за вывод страницы ошибки 404, когда пользователь ввел несуществующий адрес вашего блога
  • comments.php – отвечает за комментарии на блоге
  • archive.php – Архив блога. Выводит записи по времени.
  • style.css – таблица стилей шаблона. В данном файле содержаться все стили оформления внешнего вида блога.

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

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

Надеюсь, сегодняшняя статья будет вам полезна. На сегодня у меня все!!! Удачи вам и до новых встреч на azbukabloga.ru

С уважением, Антон Лапшин
автор блога http://AzbukaBloga.ru

Приз за первый комментарий
 

Комментарии: 13

  1. Мои замечания и дополнения к статье, как разработчика тем WP:

    1) Файл index.php отвечает не только за вывод главной страницы. WP автоматически использует данный файл для вывода записи или страницы, если нет файла отвечающего за это непосредственно

    2) Кроме выше перечисленных файлов темы есть еще и другие, как, например: attachment.php, author.php, category.php, tag.php и другие

    3) Не всегда стоит использовать тему напрямую для изменения ее вида под себя. Для этой цели можно использовать дочерние темы.

    • Антон Лапшин :
      2013-06-05 в 06:53

      А что за дочерние темы? Объясняй Кость…

      • Наверно лучше напишу пару тройку записей на своем блоге. Но только в конце июня. А то у меня уже запланировано написать сначала еще одну серию уроков

        • Антон Лапшин :
          2013-06-07 в 08:43

          Буду ждать с нетерпением )

    • 2013-06-21 в 23:54

      Кстати да, про дочерние темы будет интересно почитать.

  2. 2013-06-13 в 13:20

    Только картинку нужно поменять — слово «Sidebar» написано неправильно

    • Антон Лапшин :
      2013-06-13 в 19:53

      Действительно Егор. Как говорю, так и пишу )) исправим обязательно )

  3. 2013-06-17 в 18:09

    Приветствую, тезка! :) Отличная статья! Все расписано доступным языком и разложено по полочкам!

    Я в свое время встречал учителей по wordpress, которые новичкам объясняли типа: «Скопируйте этот код и залейте себе на блог!». Если так учить, то я так тоже много чего могу рассказать. :)

    Кстати, очень симпатичный блог у тебя!

    • Антон Лапшин :
      2013-06-17 в 22:27

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

    • Kali :
      2014-01-21 в 19:42

      Вы совершенно правы, Антон. Сегодня порой так и учат:«Скопируйте этот код и залейте себе на блог!».
      Вот отсюда и глупые вопросы по блоговедению от новичков.

  4. WPixel :
    2013-06-23 в 08:39

    archive.php – Архив блога. Выводит записи по времени.

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

  5. 2013-06-28 в 01:20

    Инфа конечно не новая, но думаю, для новичка в самый раз. Я кстати, тоже изучаю wordpress, даже тему себе новую на блог сверстал. Но все равно там всего так много, что мне еще изучать и изучать. Плохо что курсов никаких нет, приходится только документацией (переведенной через google переводчик) обходиться.

    • Антон Лапшин :
      2013-07-02 в 16:37

      Спасибо за комментарий Виталий! А учишь верстку шаблонов Вордпресса? Не подскажешь английскую инфу по этому вопросу?

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

На вверх