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

Автор: | 22.12.2014

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

Сегодня мы с тобой пообщаемся на такую тему: какова структура шаблона wordpress и чем её правильно настроить.

Все мы знаем всякие жаргонные словечки типа “сайдбар” или “футер”, но где это и что это – знает не каждый.

Никто не заметил нового логотипа? Кстати, а как ты украшаешь свой блог к Новому году?

Итак, я сразу хочу оговориться, что мы не будем изучать верстку.

Возможно, в перспективе, я подготовлю для тебя специальный видеокурс по верстке шаблонов. Но это не сейчас. Особенно продвинутые могут прикупить [urlspan]вот этот[/urlspan] классный курс по CSS. Он стоит ВСЕГО ЛИШЬ 750 рублей.

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

А пока вы изучаете html + css, мы переходим к теме нашей статьи. Обещаю вам, что дочитав эту статью до конца, вы поймете, что создать свой wordpress шаблоны вы сможете и сами. Да любой это сможет сделать.

Так что подпишись.

Правильная структура шаблона wordpress

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

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

header – шапка блога

content – текст ваших статей или их анонсы

sidebar – собственно боковая колонка

footer – подвал вашего блога.

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

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

Ну, давай по порядку:

404.php – отвечает за вывод моей страницы с 404 ошибкой.

category.php – отвечает за вывод списка категорий.

comments.php – отвечает за правильный вывод комментариев, древовидность и пр.

favicon.ico – собственно фавикон мой :). Я уже писал о том как его сделать.

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

header.php – отвечает как раз за вывод каждого элемента в шапке вашего блога.

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

page.php – отвечает за вывод страниц вашего блога (не статей, а именно страниц, например “об авторе“.

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

sidebar.php – отвечает за вывод боковой колонки.

single.php – отвечает за вывод каждой вашей статьи.

style.css – отвечает не за вывод а за оформление каждой страницы и каждого элемента на вашем блоге. Чтобы стать богом в CSS – надо изучить [urlspan]вот этот [/urlspan] курс.

Это не все файлы, которые можно использовать. Но основные – точно.

Вызов функций wordpress при настройке и редактировании шаблона wordpress.

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

На самом деле все очень просто. Вы ведь уже понимаете, что все основные функции должны находиться в главном файле index.php ?

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

1
2
3
4
5
<?php get_header() ?>
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

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

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

Может быть результат поиска, а может быть и содержание страницы.

Поэтому для вывода контентной части мы всегда используем циклы и условия.

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

Пользуясь случаем, хочу объявить о том, что у меня есть БЕСПЛАТНЫЙ курс по созданию блога с нуля — ПОЛУЧИТЬ КУРС. Помогаю новичкам в развитии.

А пока вы просто получили общее понятие о структуре шаблона wordpress.

Ребят, я знаю, у вас сейчас появилось больше вопросов, чем ответов, однако давайте наберемся терпения, [urlspan]подпишитесь[/urlspan] и скоро будет вам счастье и все ответы на все ваши вопросы.

Всегда ваш, Денис Тумилович.

Структура шаблона WordPress: 8 комментариев

    1. Илья

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

      1. Азик

        Илья, вы правы!) Я вот сначала ничего не умел, а тут решил попробовать и поменял шапку, добавил картинки и прописал другие цвета)) Весь этот процесс меня очень заинтересовал)) Было круто самому себе делать шаблон.)
        Теперь я знаю, как делать шаблоны)

  1. Сергей Оксак

    Денис, спасибо за рекомендации курса Евгения Попова. Обязательно изучу, раньше просто руки не доходили, откладывал все на потом… Сейчас понял, надо все-таки начинать с курсов по HTML и CSS, а иначе все это бестолку…

  2. Надежда

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

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

Ваш адрес email не будет опубликован.