Главная - Без рубрики - Файл header.php

Файл header.php

Всем доброго времени суток!

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

Напомню, что разбирать и анализировать мы будем файлы шаблона o2, который я буду показывать «изнутри» в качестве примера. Кто еще не скачал этот шаблон — скачайте.

Итак. Если открыть файл в редакторе (советую пользоваться Notepad ++, у него работает подсветка кода, что очень удобно для чтения файла). Если нет — вот вам ссылка на последнюю версию этой программы — 5.8.4.

Файл начинается с основного служебного кода, с которого начинается любой файл формата HTML — это так называемый элемент <!DOCTYPE> и предназначен он для указания типа текущего документа — DTD (document type definition, описание типа документа). Необходим этот элемент для того , чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;

Следующая строка — это открытие тега html, в котором указан параметр задания пространства имен корневого элемента в HTML документе. Все это важно и нам надо просто об этом знать. Итак, тег HTML открыт и у нас началось самое интересное.
&lt;title&gt;
&lt;?php bloginfo(‘name’); ?&gt;
&lt;?php wp_title(); ?&gt;
&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;&lt;?php bloginfo(‘html_type’); ?&gt;; charset=&lt;?php bloginfo(‘charset’); ?&gt;&quot; /&gt;
&lt;meta name=&quot;generator&quot; content=&quot;WordPress &lt;?php bloginfo(‘version’); ?&gt;&quot; /&gt; &lt;!— leave this for stats please —&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php bloginfo(‘stylesheet_url’); ?&gt;&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS 2.0&quot; href=&quot;&lt;?php bloginfo(‘rss2_url’); ?&gt;&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;text/xml&quot; title=&quot;RSS .92&quot; href=&quot;&lt;?php bloginfo(‘rss_url’); ?&gt;&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom 0.3&quot; href=&quot;&lt;?php bloginfo(‘atom_url’); ?&gt;&quot; /&gt;
&lt;link rel=&quot;pingback&quot; href=&quot;&lt;?php bloginfo(‘pingback_url’); ?&gt;&quot; /&gt; &lt;?php wp_get_archives(‘type=monthly&amp;format=link’); ?&gt;
&lt;?php //comments_popup_script(); // off by default ?&gt; &lt;?php wp_head(); ?&gt; &lt;/head&gt;

Тег title — функция PHP сообщает серверу, что необходимо вывести название сайта, которое вы задали на странице настроек: Параметры — > Общие. Здесь сразу хочу напомнить вам:

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

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

Между тегами title стоит название сайта. Что нам мешает сделать руками то же самое? Ничего!

Давайте исправим файл header.php: удалим код функции PHP между тегами title и напишем также, как в примере выше (вы можете писать название своего сайта). Сделали. Сохранили. Перегрузили главную. Ничего не поменялось. Но! Сервер не подключается. Нет к нему запроса. Шаблон стал «чуть легче».

Следующие две строки файла после тега title:
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;&lt;?php bloginfo(‘html_type’); ?&gt;; charset=&lt;?php bloginfo(‘charset’); ?&gt;&quot; /&gt;
&lt;meta name=&quot;generator&quot; content=&quot;WordPress &lt;?php bloginfo(‘version’); ?&gt;&quot; /&gt; &lt;!— leave this for stats please —&gt;

В первой речь идет о кодировке нашего сайта. Она необходима всем браузерам правильно интерпретировать страницы сайта.

Вторая строка говорит всем о том, что на сайте стоит CMS WordPress и указывает ее версию.  Я уже как-то писал, что этот мета-тег не обязателен и лишний раз показывает взломщику, на каком движке работает ваш сайт. Если вы посмотрите скриншот выше — видно, что сообщает исходный код. Стоит версия 3.0.1. WordPress.

Данный тег не обязателен и его можно удалить.

Следующий блок данных:
&lt;link rel=&quot;stylesheet&quot; href=&quot;&lt;?php bloginfo(‘stylesheet_url’); ?&gt;&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS 2.0&quot; href=&quot;&lt;?php bloginfo(‘rss2_url’); ?&gt;&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;text/xml&quot; title=&quot;RSS .92&quot; href=&quot;&lt;?php bloginfo(‘rss_url’); ?&gt;&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom 0.3&quot; href=&quot;&lt;?php bloginfo(‘atom_url’); ?&gt;&quot; /&gt;
&lt;link rel=&quot;pingback&quot; href=&quot;&lt;?php bloginfo(‘pingback_url’); ?&gt;&quot; /&gt;

Первая строка сообщает браузеру какой файл стилей использовать. По умолчанию используется стандартное имя — style.css и место файла в корне шаблона.

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

Это служебные записи, они всегда есть во всех шаблонах WordPress.

Следующая строка — сообщение об обработке функции вывода архива.

Следующая строка сообщает, что всплывающее окно комментариев отключено по умолчанию. И последняя строка из приведенного выше блока  — функция wp_head. Вот что о этой функции написано в Справочнике по функциям WordPress:

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

Согласитесь, функция очень нужная. Пусть стоит.

Мы долшли до начала тега BODY. О нем и о остальном коде файла header.php речь пойдет в следующей статье этой серии — Изучаем шаблоны WordPress.


детская мебель

О admin

2 комментария

  1. хорошая статья, пригодилась — я тоже немного на своем сайте с header поигрался — написал маленькую статью.

    Но Ваша статья — сказать нечего, почему мне раньше не попалась?

  2. Спасибо большое, Автору. Очень полезные материалы для тех, кто только начинает разбираться в WP или углубить свои знания!
    Мне Олег помог с Header, Спасибо Огромное за помощь!

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*