WordPress: Постраничная навигация
20 ноября, 2008Метки: WordPress
Пример постраничной навигации
На сайтах, построенных с использованием WordPress, для постраничной навигации чаще всего используется плагин WP-PageNavi. Когда я решил сделать подобную навигацию у себя на сайте, то возникла идея сделать что-нибудь не совсем стандартное.
На скорую руку набросал вариант, представленный на картинке. Сначала я нашёл фотографию старых весов. Используя табличную вёрстку, разместил цифры на шкале таким образом, чтобы они располагались на круге и не вылезали за пределы шкалы. Это оказалось не сложно, но довольно муторно. Когда дизайн был готов, пришло время заставить его работать. Что нужно для того, чтобы отобразить ссылки на страницы сайта? Нужно знать по крайней мере две вещи. Номер текущей страницы и максимальное число страниц. Данную информацию можно легко получить, используя следующий код:
global $wp_query;
$request = $wp_query->request;
$paged = intval(get_query_var('paged')); //Текущая страница
$max_num_page = $wp_query->max_num_pages; //Всего страниц
Номер текущей страницы я решил отображать вверху шкалы. Для последующих и предыдущих страниц ссылку можно вывести следующим образом:
echo '<a href="'.clean_url(get_pagenum_link($paged + $i)).'">'.($paged + $i).'</a>';
Где $i – это шаг удаления от текущей страницы. Соответственно перед выводом ссылок необходимо проверить попадает ли ссылка в имеющийся диапазон страниц. В итоге получился забавный вариант постраничной навигации, который я, к сожалению, не стал использовать, так как размещение данной шкалы внизу страницы потребовало бы существенной доработки всего дизайна. Выкладываю вариант вёрстки и готовый код для использования в теме для WordPress.
:: Рубрика - WordPress ::
