Структура шаблона WordPress. Взгляд изнутри.

структура шаблона wordpress, состав темы, файлы шаблона

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

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

состав шаблона wordpress

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

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

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

Итак, давайте подробней разберем каждый файл:

  • Index.php – Основной файл темы. Именно он отвечает за вывод главной страницы.
  • Header.php – Отвечает за структуру шапки блога.
  • Footer.php – Отвечает за нижнюю часть вашего блога(подвал).
  • Sidebar.php — данный файл предназначен для вывода боковых панелей. Если на сайте несколько сайдбаров, то создается и несколько файлов сайдбаров, но прописывается рядом префиксы: sidebar_l, sidebar_r.
  • Page.php – Отвечает за вывод отдельных страниц, таких как “контакты”, “об авторе”, “карта сайта” и т.д.
  • Single.php – Отвечает за вывод полной версии статьи.
  • 404.php – Отвечает за вывод страницы ошибки 404. Происходит в том случаи, если пользователь ввел неправильный адрес или страница бала удалена.
  • Comments.php – Комментарии на сайте.
  • Archive.php – Архив блога. Выводит записи по времени.
  • Search.php – Отвечает за вывод результатов поиска.
  • Searchform.php – Отвечает за форму поиска на блоге.
  • Style.css – Таблица стилей шаблона. Отвечает за внешний вид блога.
[yandexd]

Таким образом, зная какой файл за что отвечает, вы сможете редактировать тему блога. Но здесь следует понимать, что без хотя бы начальных знаний html и css лучше не стоит самому лезть в код шаблона. Вот вам ссылочка, где можно за несколько дней получить эти начальные знания — http://htmlbook.ru/. Кстати, очень хороший сайт, постоянно заглядываю! Также, в следующих постах постепенно будем разбирать код шаблона и вы уже будите более полно понимать всю работу кодов.

Дам вам еще совет, редактировать тему лучше не из админки блога, а открыв необходимый файл блокнотом notepad++ с кодировкой UTF-8 без BOM (инструкция по notepad++). И перед редактированием сделать резервную копию первоначальных файлов, для того, чтобы в случае чего восстановить данные файлы. Из админки удобно редактировать что-нибудь по мелочи, например, добавить небольшой код от плагина, изменить цвет ссылокУлыбка и т.д….

 

✌️ Хочешь продолжить разговор после статьи?

В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.

Подписаться на Telegram
Комментарии: 32
  1. Анатолий Солодкий

    Здравствуйте! Интересная и нужная статья. Если можно, у меня к Вам вопрос. На моем сайте
    solodkijbiz.ru на WP уже нет места делать новые записи как сделать, чтобы старые записи
    сохранились в комментариях и не удалять их, а продолжать делать новые? :(  

    1. Voroni (автор)

      Анатолий, я не совсем понял вопрос. Вы имеете ввиду то, что на главной странице блога при добавлении нового поста старый не отображается? Или то, что комментарии не отображаются?

      1. Анатолий Солодкий

        Вопрос такой — у меня на Главной сделано около 8 записей с рубриками, а чтобы сделать новые
        записи, старые нужно удалять, как сделать, чтобы старые записи не удалять, а оставить их в 
        рубриках и продолжать писать новые статьи.

        1. Роман

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

    2. Voroni (автор)

      Попробуйте плагин WP-PageNavi

      1. Voroni (автор)

        В админке блога в «параметры-чтение» выставляются настройки сколько постов выводить на главной, а плагин WP-PageNavi будет уже делить страницы

        1. Анатолий Солодкий

          Спасибо, буду пробовать настроить плагин.

          1. Voroni (автор)

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

  2. Юрий

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

    1. Андрей

      Иногда просто необходимо в не копаться!

  3. Геннадий

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

    1. Voroni (автор)

      Да, это все в style.css Подробно, это целая статья =) Вы имеете в виду основной фон, или где текст?

  4. Александр

    Валерий, добрый день! А куда подевался файл functions.php?

    1. Андрей

      Этот файл отвечает за КОД. То есть его как такового нету в самом сайте.

  5. Александр

    Сайт, привет! А куда подевался Валерий?

    1. Voroni (автор)

      Александр, я тута) а что!?:)

      1. Александр

        Ну, собственно, вопрос сверху. :)

        1. Александр

          functions.php куды делся?

          1. Александр

            Валера (давай на ты), читаю твой блог, достаточно много интересного для себя нашел. Молодец! Сам тоже познаю основы сайтостроения и жду свой ТИЦ. Сейчас делаю свою тему и задался вопросом структуры файлов. У тебя в статье нет functions.php. Он необязателен? Или как? Да и в принципе, для чего нужно разбивать на несколько файлов? Ведь гораздо легче описать все в одном index.

  6. Александр

    Сайт, слушай, а ты мои вопросы передаешь своему владельцу? Вроде отозвался, а отвечать не хочет. Странно!!! :-!

    1. Voroni (автор)

      Е-мае, Александр, точно, блин! Вот это я упустил! Завтра с утра статью отредактирую. Действительно забыл) Спасибо, Александр. Столько людей прочитали пост и только вы заметили  =)

  7. Александр

    Эх, ты! Специалист! Передай там по цепочке, чтобы добавили к себе function. На остальные мои вопросы можешь не отвечать. Удачи!

  8. Дима

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

  9. Анатолий Солодкий

    Все очень интересно! Валерий, подскажи, как установить рекламный баннер в 
    шапку сайта. Что бы он был кликабельным, типа как у тебя!

    1. Voroni (автор)

      Анатолий, я так понял вы сами нарисовали картинку и хотите сделать ее ссылкой? Или у вас есть код баннера?

  10. Анатолий Солодкий

    Есть коды партнерских баннеров, как баннеры установить в шапку!

    1. Voroni (автор)

      В файл header.php Только оберните их в divы и в таблице стилей выравнивание сделайте как вам надо и все! Если вам некогда этим заниматься, я могу помочь за 50 рублей) Я ведь тоже работаю, должны понимать)

    2. Андрей

      Еще было бы неплохо если выровнить его должным образом, а это css. Без знаний тут тяжело!

  11. Андрей

    Картинку сделал интересную! Я думаю новичкам было бы интересно почитать о том, как удалить скрытые ссылки! Есть у тебя такое?

  12. Руслан

    Полезня статья но один вопросик для чего нужен файл функцион.рнр?

    1. Lector

      В этом файле находятся все функции работы сайта, например за вывод статей, за вывод страниц и многого другого, я например там пишу свои функции чтобы поменьше ставить плагинов, например для вывода Топ комментаторов Статей по теме! Очень нужный файл)

  13. Lector

    Заметил что в некоторых темах есть еще и другие файлы. Например category.php или tag.php, по крайней мере в последней версии 3.5  заметил такие. Но особо важную роль они не играют

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности (подробнее).