Конструктивные элементы шаблона WordPress | Файл index.php | Часть 2

12.05.2010 WordPress 2920 2 комментария

Продолжаем рассматривать содержимое файла index.php шаблона WordPress. Сегодня вторая часть, в которой пойдет разговор о содержимом поста, тэгах, постраничной навигации и пр.

В первой части мы закончили на выводе даты поста.

Помимо даты в качестве справочных данных у каждого поста могут присутствовать: название рубрики, количество комментариев и связанные с постом тэги.

Посмотрим, каким образом все это добро выводится на странице.

Вывод рубрик и комментариев в WordPress

<?php the_category(', ') ?>

— показывает название рубрики в виде ссылки. Если пост при публикации был занесен в несколько разных рубрик, то они все будут выведены через запятую.

<?php comments_popup_link('Комментарии', '1 Комментарий', 'Комментарии (%)'); ?>

— данный код показывает количество комментов в виде ссылки, перейдя по которой, мы попадаем на отдельную страницу с постом.

В скобках, как вы можете заметить, присутствуют три значения. Последнее со знаком % в скобках будет выводить текстом слово «Комментарии» и в скобках их число, если их больше 1. Значения можно видоизменять. Например:

<?php comments_popup_link('0', '1', '%'); ?>

Думаю, принцип понятен.

Вывод тэгов (меток) в WordPress

Как показать тэги? Для этого применяем следующий код:

<?php the_tags('Тэги: ', ', ', '); ?>

— все тэги данного поста будут выведены в виде ссылок и разделены запятыми.

Естественно, что и рубрики, и количество комментов, и тэги можно оформлять как вам угодно, взяв соответствующие части кода в отдельные блоки div с заданными в листе стилей CSS настройками.

Вывод контента в WordPress

Теперь разберем самую главную часть кода, которая, собственно, и выводит полезную часть поста — текст с картинками.

За вывод контента отвечает следующий кусок кода:

<?php the_content('Читать полностью…'); ?>

Все, что вы запишете в посте, включая добавленные изображения, будет выведено здесь. Причем, если при написании поста вы использовали тэг more, который автоматически обрезает все, что идет ПОСЛЕ него и выводит на главной странице все, что написано ДО него в виде анонса, то именно этот анонс вы и получите на главной странице со словами «Читать далее…» в виде ссылки на остальную часть поста.

Постраничная навигация в WordPress

Далее. В любом шаблоне WordPress присутствует, так называемая, «постраничная навигация». Смысл ее во многом зависит от способа последующего использования.

Ранее, до появления, несомненно полезного, плагина WP_pagenavi, данная навигация чаще всего выглядела как пара ссылок внизу главной страницы блога: «Вперед» и «Назад». Либо так: «Раньше» и «Позже».

То есть, при достижении количества постов на главной, указанного в начальных настройках блога, более старые посты переносились автоматически на внутреннюю страницу, попасть на которую и можно было по ссылке «Раньше».

Несколько позже был придуман озвученный уже плагин WP_pagenavi, который позволил выводить такие внутренние страницы в виде номеров-ссылок. По ним можно было судить, сколько всего имеется таких внутренних страниц, и также можно было прикинуть, сколько всего постов уже написано на данном блоге.

Хотя ни тот, ни другой способ не являются информативными в плане полезного чтива для посетителей. Так что думайте сами надо оно вам или нет.

Первый способ:

<?php next_posts_link('Раньше') ?> <?php previous_posts_link('Позже') ?>

Второй способ (используем плагин wp_pagenavi):

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

В заключение данного поста скажу пару слов о выводе комментариев. Про файл comments.php выйдет отдельный пост. Здесь же хочу заметить, что в некоторых шаблонах этот файл прикреплен именно к index.php, поскольку главную страницу выводит файл home.php.

В других шаблонах нет файла home.php, в них роль главной играет index.php. Соответственно, в таких шаблонах комменты цепляются уже не к index.php, а к single.php.

На всякий случай вот еще разок ссылка на иерархию файлов в шаблонах WordPress, чтобы уразуметь их общую структуру.

Автор: Игорь Квентор
www.websovet.com