Файл header.php — окончание

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

Сегодня я постараюсь закончить наше изучение файла header.php из шаблона o2. Напомню, что пишу цикл (или серию) статей на тему — изучаем файлы шаблона WordPress. Кто только сейчас наткнулся на статью — советую начать с самого начала. Тогда мне не надо все повторно объяснять — зачем пишу и почему считаю, что это должно кому-то быть интересно.

Итак. У нас остался последний блок (div id=»nav»). Судя по коду и имени «дива» — мы имеем дело с навигационным меню и блоком социальных закладок,расположенных в строке меню (см. главную страницу шаблона):

Но! Обратите внимание (советую смотреть не скриншот, а сам файл в редакторе Notepad++) — код вывода навигационного меню создан автором не как функция PHP, а именно как HTML. Почему я так решил? Потому что код PHP вызова меню навигации страниц в WordPress выглядит так:

< ?php dp_list_pages(); ? >

В WordPress версии 3 — немного иначе, но сейчас мы не будем останавливаться на третьей версии. Вы видите,что автор вместо функции PHP написал код в формате HTML для вывода страниц в навигационном меню. Здесь вариант:

1. Мы можем оставить так, как написал автор. Только когда будем создавать свои страницы, их обязательно надо «прописать» в этом меню.

2. Можем удалить HTML — код автора и написать стандартную функцию PHP для вывода меню страниц.

Мой комментарий вариантов:

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

Поэтому принимаю решение — оставить как есть, только внести коррективы, потому что автор написал пример кода:

<ul>
<li><a href=»<?php bloginfo(‘url’); ?>»>Главная</a></li>
<li><a href=»<?php bloginfo(‘url’); ?>?page_id=45″>Архивы</a></li>
<li><a href=»<?php bloginfo(‘url’); ?>»>Page 2</a></li>
<li><a href=»<?php bloginfo(‘url’); ?>»>Page 3</a></li>
<li><a href=»<?php bloginfo(‘url’); ?>»>About</a></li>
</ul>
</div> <!— menu —>

Первая строка вызывает загрузку главной страницы — home. Давайте напишем ее по-русски: Главная.

Теперь откроем список страниц нашего сайта. У меня он на локальном сервере сейчас такой:

Наведите курсор на страницу и увидите ссылку — Перейти. Откройте страницу в новом окне браузера (я открываю страницу Архивы). Откроется страница и вверху, в окне ссылок я вижу такой путь:

Полный путь, или еще говорят — URL страницы у меня такой — https://localhost/wp301/?page_id=45.

Теперь открываем файл header.php,строка 40:

<li><a href=»<?php bloginfo(‘url’); ?>?page_id=45″>Архивы</a></li>

и добавляем ссылку на страницу.

Заменяю слово Page 1 словом Архивы. Сохраняю. Перегружаю главную страницу. Вижу:

Все работает. Главная страница и страница Архивы — «кликабельные», значит код написан верно.

Остальные страницы можно переделать таким же способом. Я у себя, вы — у себя.

Кстати, обратите внимание: это меню автора НЕ поддерживает вложенных страниц. Сам код мы можем изменить, но наверняка, что для дочерних страниц автор не предусмотрел в файле стилей style.css определенных свойств отображения, поэтому даже если мы напишем код для вывода вложенных страниц, все равно корректно работать не будет. Отдельно останавливаться на примере написания кода для внутренних страниц меню я сейчас не буду. Моя задача — рассказать о том шаблоне, который перед нами.

Следующий див, который мы рассмотрим — блок вывода подписки на статьи и комментарии:

<div>
<ul>
<li><a href=»<?php bloginfo(‘rss2_url’); ?>»>Записи</a> (RSS)</li>
<li><a href=»<?php bloginfo(‘comments_rss2_url’); ?>»>Комментарии</a> (RSS)</li>
</ul>
</div><!— rss —>

Нам надо только заменить на русские слова: Entries — Записи, Comments — Комментарии. Функции вызова подписки написаны корректно.

Последний див и код в этом файле, которые мы рассмотрим, это вывод маленькой прямоугольной картинки, которая показывает количество подписчиков на ваш блог через систему Feedburner. Есть такой сайт, который примерно год назад выкупил под себя Google. Можно создать там аккаунт и приглашать посетителей подписаться на ваши новости и читать их не в формате RSS-ленты, а получать новости на почтовый ящик.

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

<div id=»subscribe»>
<a href=»https://feeds.feedburner.com/bestwp»><img src=»https://feeds.feedburner.com/~fc/bestwp?bg=15a2d0&amp;fg=000000&amp;anim=0″ height=»26″ width=»88″ style=»border:0″ alt=»»/></a>
</div> <!— subscribe —>

Аккаунт автора, его ID — вот это:  EchesBlog (2 раза!). У меня есть такой же ID, но он выглядит так — bestwp. Я сейчас заменю на свой, сохраню и покажу вам скриншот. Если количество подписчиков изменилось (у меня сейчас по-моему 13), значит, я все верно сделал.

Было:

Стало:

Работает. Поверьте, я не нарисовал… 🙂

Все. С функциями и кодом PHP и HTML в файле header.php шаблона o2 я закончил. Теперь вы, надеюсь, немного лучше поймете как работает этот файл в вашем шаблоне и если есть похожие моменты — сможете что-то изменить к лучшему у себя в шаблоне. Не бойтесь пробовать — всегда у всех это бывает первый раз, и возможно, что-то сразу у вас не получится, пробуйте сделать еще и еще. Наверняка все выйдет.

Успехов!

Если у вас есть вопросы, советы, пожелания — пишите в комментариях, отвечу всем.

Хотите следить за новыми публикациями этой серии статей — Изучаем файлы шаблона WordPress — подпишитесь. Кнопки подписки есть вверху справа, над сайдбаром.

---

 

loranmebel.ru — мягкая мебель интернет магазин. Ручная работа — это всегда высший пилотаж, особенно — в изготовлении откровенно впечатляющей мебели. И не важно — кто делает. Важно — как это будет престижно смотреться в ваших пенатах.

Навигация по серии статей

Файл header.php — продолжениеФайл header.phpИзучаем файлы шаблона: index.php