Постраничная навигация WordPress: что это, как сделать без плагина на php, плагином

постраничная навигация Приветствую читателей блога. В этом посте читайте о постраничной навигации, как ее сделать плагином, создать с помощью php кода без плагина.

Она важна для юзабилити блога, для увеличения скорости загрузки, поскольку бесконечную страницу прокручивать вниз можно долго. постраничная навигация облегчает поиск информации. Легко найти любой, даже старый пост.

На wordpress ее организуют так, что на странице выводится блок информации из большого массива данных.

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

Обычно некие зачатки навигации уже заложены в шаблоне WordPress: ссылки Предыдущая страница – Следующая страница. Если блог небольшой, этого вполне достаточно.

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

В переводе с английского «pagination» или пагинация — это порядковая нумерация страниц. Постраничная навигация разделяет общий текстовый материал сайта на отдельные страницы с порядковой нумерацией (1-2-3).

Есть варианты, когда длинную статью или комментарии разбивают на странички, но здесь есть нюансы со стороны seo. Об этом отдельно.

Использование плагинов

Самый простой выход для создания постраничной навигации — установить плагин.

СТАТЬИ ПО ТЕМЕ:

.Htaccess: настройка, установка файла

Как сделать, изменить wordpress главную страницу

Html выделить текст цветом (фон), рамкой

Самый известный WP-PageNavi. У него много установок, он обновляется, совместим с последней версией wordpress.

Обычно постраничную навигацию организуют на главной странице (INDEX.PHP), на вебстраницах архивных материалов (ARCHIVE.PHP), в результатах поиска (SEARCH.PHP). В эти шаблоны нужно вставить код вызова нужной функции.

Найдите в них код вызова функций next_posts_link и previous_posts_link. Они вызывают стандартную навигацию, о ней я писала в начале статьи.

Замените их функцией

<?php if ( function_exists( 'wp_pagenavi' ) ) wp_pagenavi(); ?>.

Пример.

wp-pagenavi плагин
wp-pagenavi
Сохраните изменения в файле. Сделайте настройки плагина: в разделе Параметры:

  • измените максимальное количество страниц;
  • выберите отображение в виде выпадающего списка;
  • используйте встроенные стили;
  • измените текст отображаемый на ссылках.

Другой доступный плагин WP-Paginate.

Без плагина, на php

В интернете есть множество кодов, рабочих, как утверждают авторы блогов, где эти коды опубликованы. Но, похоже, что КАЖДЫЙ КОД работает только с определенным шаблоном. Убедилась в этом, перепробовала массу вариантов. И привожу схему постраничной навигации без плагина (с использованием php), сработавшую на двух блогах с разными шаблонами.

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

СОЗДАТЬ документ в программе Блокнот

ВНЕСТИ в этот файл код

<?php
global $wp_query;
$max_page = $wp_query->max_num_pages;
$nump=10;
if($max_page>1){
$paged = intval(get_query_var('paged'));
if(empty($paged) || $paged == 0) $paged = 1;echo '<div>';
if($paged!=1) echo '<a href="'.get_pagenum_link(1).'">1</a>&nbsp;';
else echo '<u>1</u>';if($paged-$nump>1) $start=$paged-$nump; 
else $start=2;
if($paged+$nump<$max_page) $end=$paged+$nump; 
else $end=$max_page-1;
if($start>2) echo "<b>…</b>";for ($i=$start;$i<=$end;$i++)
{
if($paged!=$i) echo '<a href="'.get_pagenum_link($i).'">'.$i.'</a>';
else echo '<u>'.$i.'</u>';
}if($end<$max_page-1) echo "<b>…</b>";
if($paged!=$max_page)
 echo '<a href="'.get_pagenum_link($max_page).'"> Последняя &raquo;</a>';
else echo '<b>&nbsp;Последняя</b>';
echo '</div>' ;
}
?>

СОХРАНИТЬ файл как pagenavi.php (смотрите пример, как это делать).

сохранить как php неправильно
неправильно
сохранить как php неправильно
неправильно
как сделать форму обратной связи без
правильно
сохранить как php правильно
правильно

ПЕРЕМЕСТИТЬ файл pagenavi.php с помощью программы FILEZILLA в папку с вашим шаблоном PUBLIC_HTML — WP-CONTENT — THEMES (более подробно написано вот здесь).

закачать на серверСКОПИРОВАТЬ файл pagenavi.php в папку с вашей темой Wordpress
ЛИБО СКОПИРОВАТЬ через файловый менеджер из аккаунта на хостинге.

постраничная навигация через php

Как результат — файл pagenavi.php должен появиться в редакторе вашей темы.

галочка ВНЕСИТЕ изменения в тех файлах, где вы хотите видеть нумерацию страниц на сайте: index.php (главная страница), archive.php.

ДОБАВЬТЕ КОД, отвечающий за вывод постраничной навигации

<div class="pagenavi"><?php include(TEMPLATEPATH."/pagenavi.php");?></div>

НАЙДИТЕ МЕСТО для вставки кода

На открытой странице сайта наведите курсор на линк Предыдущая страница.

Откройте ПРОСМОТРЕТЬ КОД ЭЛЕМЕНТА, определите, что за этот элемент отвечает class more_posts (у меня, у вас может быть другой).

место для вставки кода постраничной навигации

НАЙДИТЕ class more_posts на странице index.php.
место для вставки кода php
ЗАМЕНИТЕ кусок кода между тегами <div> и </div> на нужный (приведен выше).

И вот что получитсяВордпресс навигация Что-то не очень красиво? Конечно, нужно еще и стили для постраничной навигации прописать в файле style.css.

галочка ВНЕСИТЕ в файл style.css следующий код.

.navigation {clear:both; width:500px; height:auto;text-align:center;
margin:30px 0 30px 50px;padding-top:15px;!important;}
.navigation .right, .navigation .left {width:230px; font-size:18px;
text-align:right;margin:0;!important;}
.navigation .left {text-align:left;!important;}
.navigation a, .navigation a:visited {text-decoration:none;
color:#939186;!important;}
.navigation a:hover {color:#5D5643;text-decoration:none;!important;}
.pagenavi {clear:both;display:block;font-size:14px;margin:0;
padding:7px 0 7px 0;!important;}
.pagenavi a {clear: both;width:auto;font-size:14px;
padding:3px 7px 3px 7px;background-color:#F3EFE6;!important;}
.pagenavi b {clear:both;width:auto;margin:0 6px 0 5px;
text-decoration:none;!important;}

АДАПТИРУЙТЕ его к дизайну своего блога, попробуйте изменить background-color и другие параметры. У меня, вот что получилось, все ссылочки работают. Вордпресс постраничная навигация без плагина

Заключение

Теперь понятно, как сделать постраничную навигацию на php без плагина, используя плагин wordpress. Постраничная навигация будет видна, если записей на блоге больше, чем отображается на страницах блога (смотрите в настройках чтения). Пример: вы выводите по 6 записей на странице, а всего их 7. Тогда будут отображаться две странички.

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментарии: 14
  1. Денис

    Знаем мы вашего Печеркина. Кое что можно взят у него новичку но многие узнав поверхностные азы сольют все свои деньги в пользу adwordsа и директа, так и не увидев хороших цифер в своей статистике. К сожалению это 90% людей попробовавших заработок на партнерках. А лучше начать с короткого пути! Какого? Пройти профессиональное обучение и после этого начать зарабатывать реальные деньги. Вам за бесплатно ни кто не «спалит фишек», а вы так и будете искать инфу в поисковиках только толку? Поверьте что тот же директ сольет ваш бюджет за день, а вы так и не поймете почему стоимость клика была так велика, а посетитель был не целевой и ему нафиг не нужен продукт вашей партнерки. Кстати тот же Печеркин и ему подобные не знают секретов, только продают свои инфолже продукты. Сорри за рекламу, но лично прошел обучение у этого человека и это дало сумасшедший результат, так что вам выбирать по какому пути идти, тратить годы на поиск инфы в поисковиках, или… По вопросу курса можно задать мне любые вопосы на почту, и я отвечу потому что прошел это сам, и результат доказан! Удачи;)

    1. Ольга (автор)

      Согласна с Вами в одном — всему нужно учиться. В бесплатных курсах даны только азы. В платных продуктах Вам раскроют и фишки в том числе. Есть курсы по Яндекс Директ, например. Там подробно рассказано, как подбирать ключевые слова, сколько их надо подбирать, как выбрать цену за клик. А бесплатный курс и дается только для того, чтобы человек захотел купить платный.
      Кроме того, Вы можете использовать и другие способы продвижения партнерских ссылок — бесплатные (на форумах, в социальных сетях). Это растянется во времени, но эффект рано или поздно будет.
      Партнерские программы работают, нужно только научиться в них работать.

      1. Сергей

        На форумах и прочих порталах никакого эффекта. Только Яндекс-Директ! И даже не ГУГЛ-АДВОРД, где сливается бюджет. Если в Я-Д на заплаченную сумму в 300 рублей я делаю 500-600 кликов, на которые приходят 2-3 заказа (до 2000 руб.), то в Г-А на 400 руб. где-то 100-150 кликов и не одного заказа. Пока такие мои первоначальные выводы. Дальше посмотрим. Нужно всегда смотреть, нет ли этих платных обучающих курсов в интернете в свободном доступе и только потом регистрироваться в партнерской программе. Например, неплохой курс Полевского «Заработок в Я-Д на партнерках» через его партнерскую программу будет трудно продать, т.к. в интернете его можно беспроблемно скачать бесплатно.

      2. Ольга (автор)

        Правильно все пишете. Надо пробовать, учиться.

    2. Зоя

      Уважаемый Денис. В Ваших словах увидела истину. Вы правы. Я Вас очень попрошу, ну с чего же все таки начать огромному возрастному чайнику , которому не хватает денег . Желания много, а знаний ну просто ноль. С уважением Зоя.

    3. владимир

      С чего начать? Первый шаг как его сделать правильно? Готов сутками сидеть за компом надоело постоянное безденежье!!!!

      1. Ольга (автор)

        Бесплатный видеокурс «Три базовых стратегии заработка в партнерских программах инфопродуктов» http://bit.ly/1gQP9lI

  2. Светлана

    Действительно партнерские программы — это самые доступные, простые и эффективные методы заработка в Интернете даже для тех, кто не имеет своего сайта можно заработать на чужих продуктах
    Однако для новичка в Интернете сложно сориентироваться в выборе партнерки: у партнёрской программы (продавца товара) должна быть хорошая репутация, хороший процент комиссионных выплат — менее 20% , качественный и востребованный продукт. При несоответствии хотя бы одного пункта продукты или услуги будут сложно продаваться, и ваша работа и усилия могут быть просто напрасными.
    Следующая сложность для новичков: незнание, как и где размещать ссылки на продукты. Необходимо изучить и проанализировать все методы продвижения партнерских программ.
    Во многих программных программах необходимо сначала купить продукт для продвижения и работы, а для новичков это бывает финансово сложно.
    Партнерская программа кадрово-тренингового центра «DreamWork Professional» предоставляет возможность зарегистрироваться в качестве партнера абсолютно бесплатно!

    Главное! Каждому зарегистрированному партнеру предоставляется подробное бесплатное обучение способам заработка на партнерских программах, а также качественный востребованный продукт и хорошие комиссионные от 30 до 100%!

    1. Ольга (автор)

      1.Участие во всех партнерских программах бесплатное. А вот заработанные комиссионные выплачивают не все. Внимательнее надо быть при выборе партнерки.
      (это я не про Вашу).
      2. В Вашем кадрово-тренинговом центре должны быть научить, что партнерские ссылки в комментариях вряд ли кто пропустит.

  3. Валерий

    Спасибо автору за содержательную статью! Действительно, заработок на партнерских программах набирает обороты. Новичку, желающему научиться заработку в интернете, лучше сосредоточиться на одной-двух программах и продвигать их бесплатными методами. Заработав первые деньги, можно перейти к созданию своего инфопродукта и продажам реселлинговых продуктов.
    Со временем понял, что не нужно хвататься за все партнерки подряд, которых так много в сети, а ограничиться максимум двумя.
    Важно узнать об авторе партнерки, как можно больше, а также выбирать новую партнерку, имеющую спрос. И, разумеется, соблюдать все правила выбора партнерок.
    Предлагаю доходную программу http: // vabashkin.ru/

  4. Катя

    Спасибо за статью. Действительно пригодилась. Свой выбор остановила на партнерке от сервиса для регистрации доменов.

    1. Анастасия

      Если хотите получить дополнительный доход, предлагаем вам присоединиться к Партнерской Программе оружейного магазина Air-Gun. Вы размещаете ссылку магазина на своем сайте/блоге/рекламном объявлении или e-mail рассылке и получаете 3% от всех покупок Ваших посетителей на нашем сайте.

  5. Влад Клинков

    Спасибо за статью! Новичкам думаю самое то :) Кстати, на своем блоге тоже затронул эту тему, куда без этого.

    Партнёрки вообще один из самых прибыльных способов заработка, но сайт поможет зарабатывать больше. Так что советую всем создавать сайты.

    С уважением, Влад Клинков!

  6. Тигран

    Заработок на партнерке,это один из самых привыльных,основными правилами являются качество , надо подобрать продукт ,что в интернете не является частовстречаемым,и еще маленькая фишка пользуйтесь партнерской программой именитых людей в инфобизнасе и результат не заставит себя ждать.
    Спасибо статья была полезна

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: