Обзор темы (шаблона) на WordPress, ее состав
Здравствуйте, уважаемые читатели блога life-crazy.ru!
Данный пост посвящен совсем новичкам, которые только-только начинают познавать блогосферу и хотят сами вникнуть в технические части, не поручая их другим людям. Сегодня я расскажу, из чего состоят шаблоны блогов, точнее, из каких файлов, и какой файл за что отвечает.
Чтобы в дальнейшем, у Вас не возникло вопросов, где искать тот или иной код, чтобы отредактировать определенный элемент на своем блоге.
В предыдущих уроках Вы ознакомились с понятием тема, и знаете, где их найти и как установить. Установить то установили, но в 98 случаях, бесплатная тема, скачанная с интернета, не совсем подходит для Ваших целей, поэтому ее приходится редактировать.
Но чтобы приступить к редактированию, нужно знать, что и где править. Я приведу пример своей темы, она называется Sensition, скачал я ее в интернете и благополучно использую.
Располагается она по адресу: C:\WebServers\home\localhost\www\global\wp-content\themes\Sensition
У Вас адрес может отличаться, в зависимости от того, куда Вы устанавливали локальный сервер и как называли папку с блогом, моя папки имеет название «global». Как установить локальный сервер и как установить новый шаблон, вы можете найти у меня на блоге воспользовавшись поиском.
Состав темы WordPress
Тема состоит из таких файлов:
Если распределить эти все файлы визуально, то вот, что мы получим:
Как видите, шаблон имеет пять основных блоков. Давайте разберем их немного подробней.
1. Header.php – этот файл выводит шапку сайта и верхнее навигационное меню, смотрите скриншот. Также, в этом файле записывается системная информация: кодировка сайта, заголовок страницы и т.д., о этих и других функциях мы поговорим чуть позже.
Шапка – это первый экран любого сайта и блога. В ней должен находиться логотип Вашего ресурса и краткое описание, чем занимается Ваш блог, чем может быть полезен или какую пользу он принесет читателю. Не стоит забывать, что шапка должна быть максимально привлекательной, так как это самая первая картинка, которую видит пользователь, после того, как попадет на сайт. Я уверен, Вы не раз слышали такую фразу «встречают по одежке», так вот шапка – это одежка.
2. Центральная часть, здесь находится король контент и формируется эта часть из нескольких файлов, таких как: single.php – отвечает за отдельный пост, index.php – главная страница блога, page.php – отвечает за страницы блога, archive.php – отвечает за посты, которые распределены по времени, то есть, когда в меню сайдбара Вы выбираете нужную рубрику, подключается archive.php.
И последний файл в центральной части – это search.php, он показывает результаты поиска.
3. Comments.php – отвечает за вывод комментариев, сейчас мы его затрагивать не будем, разберем в последующих статьях.
4. Sidebar.php – отвечает за боковую часть. Существует несколько вариантов сайдбаров. Это может быть как одна колонка, пример у меня на блоге, так и 2 колонки, располагаться они могут как справа, так и слева.
В боковой части, то есть в сайдбаре, могут содержать различные элементы, в основном это формы подписок, рубрики, поиск, социальные кнопки и т.д. Что должно быть в сайдбаре, мы с Вами еще будем обсуждать.
5. И последняя составляющая шаблона – это footer.php. Она находится в самом низу, зачастую содержит копирайты и дубликат верхнего меню, различные счетчики.
Ну, вот и все. Если Вы четко научитесь определять, какой элемент находится в каком файле, то в дальнейшем Вам будет намного проще.
Если у Вас остались вопросы, задавайте их в комментариях.
С уважением, Михед Александр.
Интересно. Нужно. Полезно. Но непонятно как разобраться с этими файлами и папками, что сними и как делать, как их разложить по полочкам? Как выбрать шаблон, на что обращать внимание? Блог у меня есть, статьи размещаю, вот только не могу навести порядок. Если что подскажете, буду благодарен.
Привет, Александр. Эти папочки и файлы уже разложены по полочкам. Шаблон выбирать нужно под свои нужды, есть шаблоны, которые предназначены для фотоблогов, для новостных порталов, так вот, такие шаблоны не подойдут для классического блога, допустим, как у меня. Я же выбирал шаблон по кол-ву колонок, расположению меню, ширине сайдбара, на папочки внимания не обращал, т.к. практически во всех шаблонах они одинаковые.
Чтобы что-то подсказывать, нужно видеть сам блог 🙂
Спасибо большое за подробное разьяснение! Я как раз занимаюсь изучением этой темы, вот пару уроков по верстке смотрю. Сейчас начну тему верстать. Спасибо вам еще раз!
Приветствую, Василий. Пожалуйса.
Меня мучает то, что я не вижу, например, в файле header.php слово «Поиск», который виден в заголовке и относится к неработающему поиску от WordPress.
Когда я записываю в этот файл коды, например, google.analitics, то я их вижу в редакторе. И они работают. Но в файлах ...php я не мог редактором найти ни одного русского слова. В исходном коде всё видно. В редакторе — не всё.
Приветствую, Сергей. Поиск нужно искать в отдельном файле — searchform. А в хэдере тоже нужно искать нечто подобное с searchform, нужно просматривать код, который находится возле меню.
Разное название связано с подключением функций, допустим в одном php файле идет функция, которая подключает другой php файл, уже в этом php файле могут находится русские слова.
А вообще, сложновато сказать, когда исходного кода не видно.
В исходном коде я вижу все слова и русское слово Поиск. Но пока ещё не удалось найти именно его ни в одном php-файле.
Вот ваш код, который выводится в строке с менюшкой и отвечает за форму поиска, скорее всего находится он в файле header.php
Ох, уж мне эти шаблоны. Сидишь порою и что то тебе не нравится в собственном блоге. Ковырнешь в одном месте, затем в другом, вроде лучше становится, перестаешь сохранять шаблон, как он был до корректирровки.
А затем зайдешь в другую рубрику и страницу, а там какой то бок вылез или кракозябра вылазит. Начинаешь тут латать, в итоге потеряешь пару часов времени, злишся сам на себя — какого я туда полез.
После этого начинаешь думать, как бы все вернуть обратно к первоначальному виду до корректировок. И когда все вернешь на круги своя, таким счастливым, ну просто летаешь.
С другой стороны думаешь, ну какого я туда полез. 😀
Бывало у вас такое, а?
К чему я это пишу?
Обязательно сохраните на компе для себя шаблон в том виде, котором он был изначально, копия должна быть всегда. =-O
Очень хороший и полезный совет для новичков, про сохранение копий перед редактированием! У меня такое раньше было, а сейчас тему свою практически наизусть знаю :Ъ, да и с css и php дружу.
Я когда впервые блог создал по курсу Евгения Попова, то начал пробовать шаблон менять. Когда на локальном сервере установил тему, то все как то получалось менять. При установке уже на хостинг, первое время бил мандраж меня, жутко боялся в кодах ковыряться.
Не вздумайте файлы править в обычном редакторе «Блокнот» :-! , только «Notepad++» или что то типа того, иначе лишних точек или пробелов он самопроизвольно наставит при сохранении и абракадабра вылазит. Может кому пригодится данный совет. 🙁
Удачи!
Николай, а сколько Вы уже крутитесь в блогосфере?
Совет очень полезный, обычный блокнот меняет кодировку, от этого и вылазят кракозяблы. На данный момент, лучший редактор Notepad++. Я иногда пользуюсь ДримВивером, но все же предпочтение отдаю Notepad++
А где этот Notepad++ взять?
Вот ссылочка life-crazy.ru/bezopasnaya-pravka-koda.html
Я раньше AkelPad использовал, но сейчас тоже на Notepad++ перешел. Хорошая программа! =)
Саша, стало лучше, на много. =) Уже стиль вырисовывается, аккуратность появилась. Молодец, что решил отказаться от этих рамок на рисунках.
Кстати идет голосование по номинациям, ты уже проголосовал?
Сегодня опубликую интервью с тобой =)
Забыла добавить. Фон, лампочка и ракета теперь в одном стиле и не диссонируют. Говорят о молодости, энергичности и современности =)
Благодаря Вам))). Наталья, Вы выиграли 100 рублей, результаты в следующей статье, готовьте счет на карибах)).
Неожиданно, а за что? =)
Наталья, ты оставила 1000-й комментарий на блоге. Мои поздравления 🙂
Спасибо =)
Спасибо, Наталья. Конечно проголосовал)) еще вот комментарий готовлю))). Еще раз спасибо за интервью. И спасибо за Ваши советы. 🙂
Саша, я 15 числа отправляла тебе письмо на почту по поводу голосования за номинацию «Самый зубастый тролль», но к сожалению ответа не получила. Остался только твой голос. Ответь пожалуйста. Если что отправлю копию. =)
Очень интересно, но хотелось бы поподробнее как допустим изменить шапку, например другой рисунок. А так более подробно все описали, спасибо!
К сожалению, Светлана, шаблоны у всех разные, поэтому расписать подробно не получится, а будет наоборот только путать. У кого-то картинки расположены в одной папке, у кого-то в другой, у кого код другой и т.д.
Да уж, выбор темы, особенно для новичка, еще та проблема! Наверное, больше всего времени на это уходит. А когда редактирование начинается... Но, не боги горшки обжигают! 😀
Во время обновления темы файлы шаблонов перезаписываются на новые, а это значит, что все внесенные изменения исчезнут и придется все повторить заново. Не очень-то интересное занятие. Можно не использовать обновление, но это значит, что от всех новых изменений, добавлений и исправлений придется отказаться.