Шаг №59.Создание постраничной навигации на wordpress.
Опубликовано: 24.08.2018
Приветствую всех на сайте WPcreate.ru. Сегодня мы с Вами создадим на сайте постраничную навигацию на wordpress (по умному эта штука еще называется пагинация).
Постраничная навигация разбивает общую ленту сайта на страницы, то есть нет необходимости очень долго напрягать палец, что бы достичь допустим первого поста на Вашем сайте прокручивая вниз.Кстати недавно видел классную штуку называется самый глубокий сайт . Вот на этом сайте не хватает как раз постраничной навигации =) и прокручивать мышку вниз приходится ну очень уж долго, кому интересно то мой рекорд на том сайте примерно около километра).Так ну что то я отвлекся…При помощи постраничной навигации можно переместиться сразу к первой записи.
Оригинальная блузка - сетка, crochet blouse ,( В №84)
Недавно в комментариях проскочил вопрос от Глеба :
Как сделать вот такие переходы страниц Страница <1 из 14 1 2 3 4 5 6 7 … 14 >
А вот так это выглядит у меня на сайте:
Создать на wordpress постраничную навигацию не составит труда, так как для wordpress придумано огромное количество разнообразных плагинов, упрощающих жизнь обычных блогеров которые не являются программистами.
Вязание крючком урок 14 Рачий шаг
Создаем постраничную навигацию на wordpress при помощи плагина WP Page Numbers.
Воспользоваться плагином WP – PageNavi будет лучшим решением для новичков, но во второй части статьи будет еще один вариант создания постраничной навигации для wordpress но уже без применения специальных плагинов.Второй вариант рассчитан на более продвинутых пользователей wordpress, которые не боятся изменять файлы шаблона, и чувствуют себя уверенно — изменяя и дорабатывая wordpress.
1)Итак, первым делом скачиваем плагин WP Page Numbers .
2) Устанавливаем скачанный плагин на wordpress.
3) Переходим в админку, а потом Параметры->Page Numbers.
Доступно несколько цветовых схем для постраничной навигации:
Как Вы уже догадались, на своем сайте я использую вторую схему, только с немного измененными стилями CSS .
Для того что бы все аккуратно выглядело, и надписи были на русском языке, я предлагаю установить такие же значения плагина как и у меня:
Так, на этом все главные настройки в админке закончены, и теперь осталось добавить код в шаблон сайта.
Обычно постраничную навигацию размещают на главной странице и на страницах категорий или архивов. Так вот для того что бы разместить постраничную навигацию на главной странице , откройте файл index.php и найдите в нем код похожий вот на этот:
| <?php previous_post ( ) ; ?> <?php next_post ( ) ; ?> |
Вот код который необходимо вставить вместо того который указан выше:
| <?php if ( function_exists ( 'wp_page_numbers' ) ) { wp_page_numbers ( ) ; } ?> |
Сохраните файл, и перейдите на главную страницу сайта.
Если Вам необходимо добавить постраничную навигацию в рубрики или категории тогда смело открывайте файл archive.php и по аналогии вставляйте новый код вместо старого.
Создаем постраничную навигацию на wordpress без помощи плагинов.
Так как все плагины создают определенную нагрузку на сайт, то есть версия создать постраничную навигацию без помощи плагинов.Если Вы не уверены в своих силах тогда пожалуйста воспользуйтесь первым способом, ну а если все же решили попробовать свои силы, сделайте пожалуйста резервную копию изменяемых файлов.Резервная копия необходима для того что бы можно было восстановить работоспособность сайта в случае неудачи.
Итак вот код который необходимо добавить в файл functions.php Вашего шаблона:
| // Постраничная навигация function wp_corenavi ( ) { global $wp_query , $wp_rewrite ; $pages = '' ; $max = $wp_query -> max_num_pages ; if ( ! $current = get_query_var ( 'paged' ) ) $current = 1 ; $a [ 'base' ] = str_replace ( 999999999 , '%#%' , get_pagenum_link ( 999999999 ) ) ; $a [ 'total' ] = $max ; $a [ 'current' ] = $current ; $total = 1 ; //1 - выводить текст "Страница N из N", 0 - не выводить $a [ 'mid_size' ] = 3 ; //сколько ссылок показывать слева и справа от текущей $a [ 'end_size' ] = 1 ; //сколько ссылок показывать в начале и в конце $a [ 'prev_text' ] = '«' ; //текст ссылки "Предыдущая страница" $a [ 'next_text' ] = '»' ; //текст ссылки "Следующая страница" if ( $max > 1 ) echo ' |
‘; if ($total == 1 && $max > 1) $pages = ‘ Страница ‘ . $current . ‘ из ‘ . $max . ‘ ‘.»\r\n»; echo $pages . paginate_links($a); if ($max > 1) echo ‘
| '; } // Постраничная навигация |
А вот который необходимо вставить в файл index.php по аналогии как из примера выше:
| <?php if ( function_exists ( 'wp_corenavi' ) ) wp_corenavi ( ) ; ?> |
Получилось ли у Вас создать постраничную навигацию на Вашем сайте ?