Главная » Бизнес в Интернете

Постраничная навигация на блоге

постраничная навигация на блогеНа этот раз мы с Вами на блоге WordPress установим плагин постраничной навигации. Для чего этот плагин нужен? Если Вы зайдете на свой блог WordPress, то увидите, что в ленте статей отображаются анонсы не всех статей, а только самых последних.

В административной панели блога выберите пункт Настройки — Чтение, и посмотрите количество анонсов. которые в ленте блога на главной странице отображаются. Это количество можно увеличить или уменьшить по Вашему вкусу, но, если Ваш блог уже содержит уже сотни статей, то, естественно, их все на главной странице Вы отобразить не сможете.

Как сделать так, чтобы посетитель мог, не заходя в рубрики, посмотреть более ранние статьи? В темах иногда зашиты ссылки Посмотреть более ранние записи, но есть вариант интереснее: можно установить плагин постраничной навигации PageNavi.

Плагин постраничной навигации PageNavi

плагины на блоге WordPressплагин постраничной навигацииЧтобы установить этот плагин, заходите в административной панели в Плагины — Добавить новый, затем в окошке поиска вводите слово PageNavi, находите плагин WP-PageNavi и устанавливаете его. Затем идете в Плагины, находите там плагин Список страниц, почему-то он там так называется, и его активизируете.

Результат работы плагина постраничной навигации PageNavi можно увидеть внизу ленты  Там появятся нумерованные страницы с более ранними анонсами статей. Текущая страница первая. Более ранние страницы идут под номером два, еще более ранние  - под номером три, и так далее.

PageNavi на блоге WordPressОтображаемое количество и внешний вид этих страниц можно менять. Чтобы изменить количество, идете в Параметры, и находите там новый пункт, который называется Список страниц. Заходите в него. Находите строчку Кол-во страниц для показа, и меняете цифру по своему усмотрению.

плагин WP-PageNaviЧтобы изменить внешний вид постраничной навигации, заходите в Плагины — Редактор, после этого выбираете плагин для изменения WP-PageNavi, затем находите ссылку на код файла

wp-pagenavi/pagenavi-css.css в правой колонке, и нажимаете на нее. Этот файл отвечает за оформление плагина. Найдите в коде этого файла стиль

.wp-pagenavi Вы можете в него добавлять свои элементы стиля.

стили PageNaviНапример, Вы можете добавить

font-size: 14px; — размер шрифта

color: #598532; — цвет шрифта


В этом случае стиль, который Вы меняете, будет выглядеть следующим образом:

стили PageNavi

.wp-pagenavi {
clear: both;
font-size: 14px;
color: #598532;
}

постраничная навигация на блоге

Конечно. это только пример, и Вы можете делать дизайн постраничной навигации любой, по своему усмотрению.

Например, для определения нужного цвета Вы можете воспользоваться пипеткой, которая находится в программе FS-Capture. Эта пипетка — очень полезный инструмент, который позволяет определить код любого цвета, который Вы можете увидеть на экране Вашего монитора.

Кроме того, определиться с элементами стиля плагина PageNavi Вам поможет правая клавиша мыши. Нажимаете ей на любой элемент блога, к примеру, на ту же постраничную навигацию, выбираете Просмотр кода элемента, и смотрите, какие стили этот элемент содержит.

Видео о том, как устанавливать и изменять дизайн постраничной навигации на блоге WordPress


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

22 комментария »

  • Анна пишет:

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

  • Олег пишет:

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

  • Виктория пишет:

    Без этого плагина никуда! Это один из факторов, который повышает юзабилити и ПФ. Спасибо.

  • Константин пишет:

    Очень полезная статья! Главная страница сайта не должна быть перегружена анонсами, иначе она будет слишком долго загружаться. А это минус и в глазах поисковиков и в глазах посетителей сайта. На главной станице оптимальное количество анонсов обычно 5 — 8 штук. А с остальными поможет «разобраться» плагин PageNavi

  • Марат пишет:

    Да, очень удобно и полезно.

    Надо будет установить, так будет гораздо проще.

  • Виктория пишет:

    Спасибо за такую познавательную статью о постраничной навигации на блоге. Думаю что пригодится, тем более Вы так замечательно и интересно описываете тонкие настройки, что мне даже самой не страшно лезть в редактор стилей и что-то менять — ведь следуя вашим, Александр, описаниям все получается!!!

  • Виктория пишет:

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

  • mrs. interesno пишет:

    Я тоже хотела без плагина поставить навигацию, но чтобы не заморачиваться, воспользуюсь автоматикой. :)

    Только мне кажется, посетители не очень любят по страницам шастать. :)

  • Дмитрий пишет:

    Добрый день. Полезные у вас статьи. Постоянно нахожу ту информацию, которая пригодиться у меня на проекту, например популярные статьи или нумерование страниц ))) Заходите в гости.

  • Василий пишет:

    Это вы хорошо и вовремя про страничную навигацию написали, я как раз об этом думал недавно... Спасибо и в гости заходите...

  • Раис пишет:

    Полезная вещь. Отдельное спасибо за информацию по оформлению внешнего вида плагина.

  • Владимир пишет:

    Благодарю Вас за такую интересную информацию! Желаю удачи!

  • Олег пишет:

    Спасибо за плагин ! :) Успехов вам и всего хорошего !:)

  • Анна пишет:

    Добрый день, Александр! С огромным удовольствием прочитала вашу статью.

    Не всё там для меня пока понятно, но я справлюсь, я постараюсь его поставить. Ваше пошаговое обучение мне поможет. Заходите на огонёк. Мне хотелось бы услышать ваше мнение о моем сайте. Я желаю вам удачи и любви.

  • Александр пишет:

    Хороший плагин ! Я немного поторопился — до выхода вашей статьи поставил , мне нравится . А вам спасибо , что подняли эту тему .

  • Tina пишет:

    Статья хорошая,но у меня пока не получается,где-то туплю

  • Tina пишет:

    В Вашей статье не хватает одной детали. Не все темы поддерживают такую навигацию. И нужно зайти в редактор и поменять код для навигации, заменив ее на код плагина.Когда я продела эту нехитрую процедуру,плагин заработал

  • Александр пишет:

    У меня, как говорит Tina тоже в основном не подходит плагин на шаблоны, а как сделать постраничную навигацию больше не знаю... :(

    Не подскажите, что, где и НА КАКОЙ ИМЕННО КОД надо заменить?

  • Александр Ризун (автор) пишет:

    Я плагином делал, а кодом не смотрел, как можно сделать...

  • Александр пишет:

    У меня из 5 шаблонов плагином получилось только на одном... :( Придется наверное Tinu пытать :)

  • Игорь пишет:

    Отлично. Особенно понравилось про экранную пипетку. Только получилось почему то количество страниц отображается только внизу.

  • Александр Ризун (автор) пишет:

    Игорь, это уже в редакторе код страницы нужно доработать.

Оставьте свой комментарий и ответный визит Вам обеспечен