Структура темы в WordPress – будь в теме

Структура темы в WordPress – будь в теме

Поскольку я только что ставила новый платный шаблон на блог и подгоняла его дизайн под свои требования – много времени провела в редакторе и в админке WordPress. Поэтому хочу рассказать тем, кто только начал создавать свой блог или только начал работать с именно с этой CMS, из чего состоят темы WordPress и как с ней взаимодействовать. Это именно «заметки» — не мануал. Продвинутые пользователи могут хихикать и скептически комментировать:)

Любому владельцу ресурса на WordPress обязательно приходится редактировать документы, представляющие тему его блога. Ведь без этого невозможно, например, подтвердить свои права на сайт в Яндекс, Гугл и других поисковых системах. Невозможно поставить счетчики посещений. Ну и, кроме того, так иногда хочется поменять цвет заголовков, фонов меню и так далее – то есть, изменить дизайн сайта.

Элементарные правила работы с кодом

Для того чтобы не сойти с ума, работая с кодом, нужно использовать следующие «хитрости»:

Команда Ctrl+F — вызывает строчку поиска (где угодно, хоть в Word).

В этой строчке можно набрать фрагмент, который вы ищете, например номер цвета #FFFFFF (это белый цвет) и циферки справа известят вас сколько раз встречается данная комбинация в тексте. Эти фрагменты коды будут подсвечены, вы легко сможете переключаться между ними, пользуясь стрелочками в строке поиска.

Читайте также:  Концепция современного дизайна

Команда Ctrl+C – копировать выделенный фрагмент.

Команда Ctrl+V – вставить выделенный фрагмент.

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

Для этого скачайте и установите себе программу NotePad++ это, скажем так, более продвинутая версия обыкновенного блокнота. Кстати, программой Notepad (блокнот) – пользоваться даже вредно и абсолютно неудобно. В NotePad++ нужно установить кодировку по умолчанию UTF-8 – тогда вы будете адекватно сохранять все документы. Здесь же можно выставить синтаксис – язык документа, который просматриваете. Это будет полезно, когда вы будете открывать в этом блокноте, например, файл стилей и включите синтаксис CSS.

В самом коде вы можете беспрепятственно ставить разрывы строк.

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

Кроме этого, вы можете и должны

Подписывать свои вставки кода, чтобы легко их найти потом.

Читайте также:  Настраиваемые навигационные меню в шаблоне Wordpress

Делается это так:

<!— YourName —>

Код

<!— YourName —>

Тогда вы тем более не запутаетесь и сможете в любой момент убрать, отредактировать или перенести этот кусочек кода. Можно так подписывать те фрагменты шаблона темы WordPress, которые вы «узнали» и хотите как-то отметить. Вообще, можно так любые заметки вставлять в шаблон WordPress. Ведь все, что помещается между символов <!— не читается никакой программой, ни поисковиком, никем и ничем, кроме человека, непосредственно смотрящего на код —>.

Из чего состоит шаблон в WordPress

Итак, давайте обратим внимание на то, что истинные названия документов и их русский перевод, который нам дают в админке любого хостинга, — не совпадают. Это может сбить с толку блоггера-новичка. Но мы сейчас расставим все по своим местам:

Заголовок, шапка – это header.php

Т.е. никакой это не «заголовок» и не «шапка». Потому что «заголовок» — это title, а «шапка» — это заглавие, картинка и меню, которые помешаются вверху страницы. В header прописываются данные, которые сообщаются поисковым системам, например, коды подтверждающие ваши права на сайт. Эти данные в огромной степени определяют его успешное существование в Интернете.

Читайте также:  Реализация поддержки миниатюр в темах Wordpress

Содержание этого документа можно разделить на две части: head и body.

Первая заключена между тегами <head> и </head>. Когда вы регистрируете свой блог в поисковых системах, то получаете мета-коды, которые и нужно вставить между этих двух тегов. Как правило, советуют найти закрывающий тег </head> и вставлять новый фрагмент выше него. Делается это для того, чтобы вы не вклинились со своими новшествами в какую-то важную строку.

А вот коды счетчиков вставляют во вторую часть документа header – в body. Лучше в самое начало. То есть, ищем открывающий тег <body> и сразу после него вставляем свой код. Не пугайтесь, если не найдете тег <body> в чистом виде. Он, например, может скрываться в такой конструкции <body <?php body_class(); ?>> — это он же.

Вам может быть интересно: