]]>]]>

Рассмотрим особенность WordPress - деление документов на сообщения и страницы. Узнаем каким образом WordPress "собирает" страницы сайта из файлов шаблона. Перейдем к базовым понятиям HTML.

С предыдущими выпусками рассылки можно познакомиться в архиве.
Если у вас возникли проблемы при работе с WordPress, то свой вопрос вы можете задать на форуме: forum.maxsite.org

Сообщения и страницы

WordPress позволяет создавать два вида документов на вашем сайте: фиксированные (постоянные) страницы (/-page-/) и сообщения (/-post-/). Разница между ними в способе публикации: после создания /-сообщения-/, оно автоматически будет помещено на главную страницу сайта, в т.н. новостной ленте. /-Страница-/ же нигде не помещается, вместо этого на нее создается отдельная ссылка.

Постоянные страницы удобно использовать для такой информации, как: "О себе", "Контакты", "О проекте", то есть носящие постоянный характер.

Сообщения же автоматически попадают на главную страницу и публикуются в обратном хронологическом порядке (более новые вверху), то есть в виде "дневника".

Для сообщений (post) вы можете указать любую категорию (рубрику), чего нельзя сделать для страниц. Вместо этого каждая страница (page) может служить "родителем/ребенком" любой другой страницы, что также позволяет создавать любую иерархию.

Небольшое отступление. Поскольку мы уже знаем про деление документов на страницы (page) и сообщения (post), то в дальнейшем, когда я употребляю выражение "страницы сайта", то имеется ввиду все документы сайта, то есть общепринятое значение. Если же мне нужно будет уточнить, что страница это именно page, то я буду дополнительно указывать "страница (page)". Таким образом мы избежим неопределенности.

Для создания страниц (page) и постов (post) в WordPress'е существуют отдельные пункты меню (в админ-панели). Когда вы будете создавать документ, то необходимо сразу определиться будет ли он post или page. Проблема в том, что изменить тип документа после его создания нельзя (разве, что ручным исправлением в самой базе данных).

Кроме всего прочего, страницы (page) могут быть оформлены с помощью дополнительного файла-шаблона (/-Template Name-/). То есть вы можете создать файл-шаблон и указать его в создаваемой странице (page).

Иерархия файлов в шаблоне (теме)

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

То есть, когда WordPress начинает формировать страницу, то первым делом он выполняет файл шаблона "/-home.php-/" и, если такого нет, то выполняется файл "/-index.php-/" (всё в каталоге текущей темы). И так далее. В зависимости от задачи, WordPress использует определенный файл.

Полный список иерархии файлов шаблона публикуется на официальном сайте WordPress'а: codex.wordpress.org

Ниже я привожу последовательность выбора файлов WordPress'ом при отображении различных видов страниц сайта.

/-Основная (главная) страница сайта-/:

**home.php

**index.php

/-Сообщение (post)-/

**single.php

**index.php

/-Постоянная страница (page)-/

**Выбранная в настройках при создании страницы (page)

**page.php

**index.php

/-Отображение категорий (рубрик)-/

**Для каждой категории можно указать свой файл. В этом случае имя файла должно быть: "category-ID.php", где ID - номер категории, например "category-6.php".

**category.php

**archive.php

**index.php

/-"Авторские" страницы-/

**author.php

**archive.php

**index.php

/-Страницы календаря, архива-/

**date.php

**archive.php

**index.php

/-Результаты поиска-/

**search.php

**index.php

/-"Страница не найдена" (404 Not Found Page)-/

**404.php

**index.php

Теперь, глядя на файлы шаблона, вы будете знать какой файл за что отвечает.

Дополнительные файлы

Существуют и другие файлы, имена которых жестко зафиксированны в WordPress. Правда, в отличие от вышеприведенных, эти файлы вызываются отдельно через PHP-функции.

Например, для того, чтобы отобразить блок меню, нужен файл "/-sidebar.php-/", а сам вызов происходит с помощью функции:

Знатоки PHP знают, что подключить любой другой файл шаблона можно с момощью функций /-include()-/, /-require()-/, /-readfile()-/ и других. Однако, функции WordPress не только подключают файлы, но и дополнительно обрабатывают события (action), на которые могут "реагировать" плагины (см. предыдущий выпуск рассылки).

Файл /-header.php-/ ("шапка страницы") вызывается:

Файл /-footer.php-/ ("подвал страницы") вызывается:

Далее...

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

Основы HTML

HTML - язык разметки документа. Используя специальные конструкции HTML, можно в простой текст добавить различное оформление и отдельные элементы. Браузер, отображая такой документ, обрабатывает HTML-конструкции и преобразует их в соответствующем визуальном виде.

Существуют несколько версий HTML. Их описание займет много времени, поэтому я сразу отсылаю вас к своей статье "Что нам стоит сайт построить?".

Тэги HTML

Основа HTML - использование тэгов. Тэги это конструкция заключенная в угловые скобки /-<тэг>-/. Тэги бывают одиночные и парные. /-Парные-/ имеют открывающий тэг и закрывающий:

Одиночные, не имеют закрывающего тэга, поэтому имеют другую конструкцию:

То есть дописывается дополнительный слэш (косая черта) в конце.

Тэги могут содержать различные параметры. В этом случае значение параметра должно быть ограниченно кавычками (обычными или одиночными):

- в данном примере тэг /-font-/ имеет парметр /-color-/, который равен /-red-/

Поведение браузеров

Основная "боль" любого вебмастера - это различная интерпретация HTML-кода разными браузерами. Наиболее капризным и непредсказуемым является /-MS Internet Explorer-/. К сожалению этот браузер использует свою, отличную от рекомендаций консорциума W3C, модель поведения, поэтому то что является простым и очевидным для других браузеров, в IE может выглядеть совершенно непредсказуемым. Особенно много "нюансов" возникает при использовании стилевой разметки (CSS). Здесь IE может демонстрировать свою абсолютную "невменяемость" :(.

Из-за этого вебмастер вынужден создавать HTML-код нормальный и отдельно - для IE. Делается это с помощью т.н. хаков - специальных конструкций, которые используют ошибки браузера, это позволяет сделать определенный участок кода видимым только для него.

Существует следующая рекомендация по отладке HTML-страницы: добейтесь нормального отображения в "стандарном" браузере, например FireFox, а уже после приступайте к отладке для IE.

Замечу, что если вы хотите научиться работать с сайтами, то личные предпочтения браузера здесь неуместны. Сайт должен корректно отображаться как минимум в FireFox'е, Opere и IE 6 - поскольку именно эти браузеры составляют 99% всех "движков" браузеров.

Если вы никогда не пользовались FireFox, то на моем сайте найдете описание некоторых плагинов для этого браузера: "Настройка FireFox"

Другие выпуски рассылки