Получайте секретные материалы проекта на свой E-Mail:

Структура шаблона WordPress — должен знать каждый

Добрый день, Дорогие мои читатели! Многие блоггеры, и не только новички, очень плохо разбираются в технических частях. С одной стороны это правильно (мы об этом еще поговорим), но с другой — нет. Ведь каждый блоггер должен уметь обращаться со своим блогом. Ведь правильно? Лично я сам настраиваю свой блог: плагины, дизайн, функционал и т.д. И как раз сегодня мне хотелось бы рассказать Вам о структуре шаблонов WordPress, чтобы Вы имели представление как они вообще работают и из чего собственно состоят.Структура шаблона WordPress: создаем тему самостоятельно

Очень часто меня спрашивают «Сколько я отдал за это дизайн (что Вы видите сейчас)?». Отвечаю всем: «Данный дизайн я делал сам с полного нуля», поэтому ничего за него не заплатил, кроме времени. Хотя раньше я вообще не разбирался как они создаются, из чего состоит шаблон, как его редактировать, и тем более как его создать самому.

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

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

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

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

В большинстве случаев, шаблон для WordPress состоит из 4 главных частей, это:

  • header — то есть, шапка блога.
  • content — то есть, текстовое содержимое (контент).
  • sidebar — то есть, боковая колонка.
  • footer — то есть, нижняя часть блога (футер).

Так же, в свою очередь, на блоге может быть несколько сайдбаров, обычно один или два, которые могут располагаться как справа от контента, так и слева. Тут уже все зависит от автора блога или дизайнера. Лично мне больше всего нравится одна колонка, находящаяся справа от контента. И таким расположением пользуется большое количество блоггеров! Для наглядности представляю Вам такой небольшой макет:

Эскиз WordPress

Но это еще не все! В движке WordPress за реализацию этих четырех частей отвечает несколько больше файлов, с которыми мы сейчас ознакомимся:

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

  • Папка fonts - здесь находятся все шрифты, которые отображаются на блоге.
  • Папка images — в этом папке находятся все изображения, которые используются в шаблоне.
  • Папка scripts — в этой папке располагаются файлы .js, которые отвечают за сторонние JavaScript'ы.
  • 404.php — файл, отвечающий за отображение страницы «Ошибка 404».
  • category.php — файл, который отвечает за отображение рубрик (категорий).
  • comments.php — файл, отвечающий за вывод комментариев в статьях.
  • footer.php — данный файл отвечает за вывод нижней части, то есть футера (подвала).
  • functions.php — один из важнейших файлов! Он необходим для реализации различных функций, например хлебные крошки.
  • header.php — файл отвечает за отображение шапки блога.
  • index.php — из названия думаю понятно, что данный файл является главным! В нем прописываются функции, которые последовательно соединяют воедино все файлы, о которых я рассказал выше.
  • page.php — файл служит для отображения статических страниц.
  • sidebar.php — данный файл отвечает за вывод виджетов в сайдбаре (боковой колонке).
  • single.php — файл, отвечающий за вывод самих статей.
  • style.css — в данном файле хранится вся нужна информация, касаемая оформления блога целиком!

Это основные папки и файлы, которые используются абсолютно во всех темах WordPress.

Функции WordPress для разработки дизайнов

Функций на самом деле огромное количество, и в следующих статьях мы еще будем их подробно изучать, но сейчас мне хотелось бы рассказать Вам лишь о нескольких самых главных, которые встречаются в самом начале создания или редактирования шаблонов. Первое, это вывод шапки (header.php) в наш дизайн:

1
<?php get_header(); ?>

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

1
<?php get_sidebar(); ?>

И четвертое, этот вывод подвала (footer.php):

1
<?php get_footer(); ?>

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

На этом моя очередная статья подошла к концу. Пишите своих комментарии и вопросы ниже, я буду очень рад!

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

С уважением, Белан Константин
автор блога //seokos.ru



style="display:inline-block;width:630px;height:90px"
data-ad-client="ca-pub-0353732343318230"
data-ad-slot="3060350256">

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Количество комментариев к данной статье: 15
  1. Ответить

    Вреде бы не новая информация, но когда она структурирована, ей цены нет

  2. Ответить

    Ничего себе «поверхностное представление»! Отличная статья для начинающих с примерами и изображениями.

  3. Ответить

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

  4. Ответить

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

  5. Ответить

    Для новичков — самое то! 😉

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

  7. Ответить

    Спасибо за подробную информацию. 😉

  8. Информация не нова, но на сто процентов полезная, как для новичков, так и для профи. ❗

  9. Очень полезно, особенно для новичков. Удобно разобраться и понять структуру шаблона и не копаться во всех файлах шаблона если нужно что то подкорректировать

  10. Ответить

    Ну не каждый! Зачем её знать пользователям других CMS? 🙂

    Ладно, шучу: по названию понятно, что ты к Вордпрессовцам обращаешься. 🙂 Просто у меня хорошее настроение! 🙂

    Мне в ВП шаблонах нравится то, что используется единственный файл стилей, а это очень хорошо (надо разбираться с концепцией шаблонов Maxsite CMS под названием «D3»).

  11. Ответить

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

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

    Я в свое время долго искал в интернете что бы вот так подробно было расписано по структуре шаблона.

  13. Интересно было бы почитать твой цикл статей о том, как ты рисовал и верстал шаблон. Для меня этот вопрос на данный день интересней

  14. Да, мне тоже интересны будут статьи на эту тему. В бесплатных ничего не нравится, а идти к фрилансерам пока не по карману.

  15. Ответить

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