- Изучаем файлы шаблона WordPress
- Изучаем файлы шаблона WordPress
- Файл header.php
- Файл header.php — продолжение
- Файл header.php — окончание
- Изучаем файлы шаблона: index.php
- Продолжаем изучать index.php
- Файлы шаблона WordPress: sidebar.php
- Изучаем файлы шаблона: правый сайдбар
- Продолжаем изучать файлы шаблона WordPress
- Файлы шаблона WordPress: комментарии
- Как сделать новый сайдбар с поддержкой виджетов
- Файлы шаблона WordPress: окончание
- Серия статей — изучаем файлы шаблона — в одном PDF файле
- Варианты одиночной страницы single.php
- Как отлючить HTML теги в комментариях
- Как создать дочернюю тему
- WordPress для начинающих: ставим Логотип-картинку
Всем доброго времени суток!
Эта статья — продолжение моей серии публикаций на тему изучения файлов шаблона WordPress. Сегодня речь пойдет о первом файле, с которого начинается наша главная страница сайта, а также все остальные страницы, которые выводят в окне браузера контент.
Напомню, что разбирать и анализировать мы будем файлы шаблона o2, который я буду показывать «изнутри» в качестве примера. Кто еще не скачал этот шаблон — скачайте.
Итак. Если открыть файл в редакторе (советую пользоваться Notepad ++, у него работает подсветка кода, что очень удобно для чтения файла). Если нет — вот вам ссылка на последнюю версию этой программы — 5.8.4.
Файл начинается с основного служебного кода, с которого начинается любой файл формата HTML — это так называемый элемент <!DOCTYPE> и предназначен он для указания типа текущего документа — DTD (document type definition, описание типа документа). Необходим этот элемент для того , чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Следующая строка — это открытие тега html, в котором указан параметр задания пространства имен корневого элемента в HTML документе. Все это важно и нам надо просто об этом знать. Итак, тег HTML открыт и у нас началось самое интересное.
<title>
<?php bloginfo(‘name’); ?>
<?php wp_title(); ?>
</title>
<meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>" />
<meta name="generator" content="WordPress <?php bloginfo(‘version’); ?>" /> <!— leave this for stats please —>
<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo(‘rss2_url’); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo(‘rss_url’); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo(‘atom_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" /> <?php wp_get_archives(‘type=monthly&format=link’); ?>
<?php //comments_popup_script(); // off by default ?> <?php wp_head(); ?> </head>
Тег title — функция PHP сообщает серверу, что необходимо вывести название сайта, которое вы задали на странице настроек: Параметры — > Общие. Здесь сразу хочу напомнить вам:
Чем меньше запросов создает ваша страница к серверу, тем легче работает ваш сайт.
Поэтому, если есть желание и настроение, давайте сделаем так. Сначала активируйте шаблон у себя на локальном сервере (правда, не у всех из вас он есть). Затем откройте главную страницу сайта с этим шаблоном и правой кнопкой мыши найдите в контекстном меню функцию — Исходный код страницы. Откройте его и вы увидите в начале страницы вот такой код:
Между тегами title стоит название сайта. Что нам мешает сделать руками то же самое? Ничего!
Давайте исправим файл header.php: удалим код функции PHP между тегами title и напишем также, как в примере выше (вы можете писать название своего сайта). Сделали. Сохранили. Перегрузили главную. Ничего не поменялось. Но! Сервер не подключается. Нет к нему запроса. Шаблон стал «чуть легче».
Следующие две строки файла после тега title:
<meta http-equiv="Content-Type" content="<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>" />
<meta name="generator" content="WordPress <?php bloginfo(‘version’); ?>" /> <!— leave this for stats please —>
В первой речь идет о кодировке нашего сайта. Она необходима всем браузерам правильно интерпретировать страницы сайта.
Вторая строка говорит всем о том, что на сайте стоит CMS WordPress и указывает ее версию. Я уже как-то писал, что этот мета-тег не обязателен и лишний раз показывает взломщику, на каком движке работает ваш сайт. Если вы посмотрите скриншот выше — видно, что сообщает исходный код. Стоит версия 3.0.1. WordPress.
Данный тег не обязателен и его можно удалить.
Следующий блок данных:
<link rel="stylesheet" href="<?php bloginfo(‘stylesheet_url’); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo(‘rss2_url’); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo(‘rss_url’); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo(‘atom_url’); ?>" />
<link rel="pingback" href="<?php bloginfo(‘pingback_url’); ?>" />
Первая строка сообщает браузеру какой файл стилей использовать. По умолчанию используется стандартное имя — style.css и место файла в корне шаблона.
Следующие теги сообщают браузеру каким образом работают ссылки на ленту подписки, а также т.н. «пинги» с других сайтов.
Это служебные записи, они всегда есть во всех шаблонах WordPress.
Следующая строка — сообщение об обработке функции вывода архива.
Следующая строка сообщает, что всплывающее окно комментариев отключено по умолчанию. И последняя строка из приведенного выше блока — функция wp_head. Вот что о этой функции написано в Справочнике по функциям WordPress:
Обязательно применяйте эту функцию перед закрытием тега HEAD. Она необходима для некоторых плагинов, которые вы используете в шаблоне (если нет этой функции — плагины могут не работать), а также для подключения дополнительных скриптов и стилей.
Согласитесь, функция очень нужная. Пусть стоит.
Мы долшли до начала тега BODY. О нем и о остальном коде файла header.php речь пойдет в следующей статье этой серии — Изучаем шаблоны WordPress.
Спасибо большое, Автору. Очень полезные материалы для тех, кто только начинает разбираться в WP или углубить свои знания!
Мне Олег помог с Header, Спасибо Огромное за помощь!
хорошая статья, пригодилась — я тоже немного на своем сайте с header поигрался — написал маленькую статью.
Но Ваша статья — сказать нечего, почему мне раньше не попалась?