Постраничная навигация на блоге
На этот раз мы с Вами на блоге WordPress установим плагин постраничной навигации. Для чего этот плагин нужен? Если Вы зайдете на свой блог WordPress, то увидите, что в ленте статей отображаются анонсы не всех статей, а только самых последних.
В административной панели блога выберите пункт Настройки — Чтение, и посмотрите количество анонсов. которые в ленте блога на главной странице отображаются. Это количество можно увеличить или уменьшить по Вашему вкусу, но, если Ваш блог уже содержит уже сотни статей, то, естественно, их все на главной странице Вы отобразить не сможете.
Как сделать так, чтобы посетитель мог, не заходя в рубрики, посмотреть более ранние статьи? В темах иногда зашиты ссылки Посмотреть более ранние записи, но есть вариант интереснее: можно установить плагин постраничной навигации PageNavi.
Плагин постраничной навигации PageNavi
Чтобы установить этот плагин, заходите в административной панели в Плагины — Добавить новый, затем в окошке поиска вводите слово PageNavi, находите плагин WP-PageNavi и устанавливаете его. Затем идете в Плагины, находите там плагин Список страниц, почему-то он там так называется, и его активизируете.
Результат работы плагина постраничной навигации PageNavi можно увидеть внизу ленты Там появятся нумерованные страницы с более ранними анонсами статей. Текущая страница первая. Более ранние страницы идут под номером два, еще более ранние - под номером три, и так далее.
Отображаемое количество и внешний вид этих страниц можно менять. Чтобы изменить количество, идете в Параметры, и находите там новый пункт, который называется Список страниц. Заходите в него. Находите строчку Кол-во страниц для показа, и меняете цифру по своему усмотрению.
Чтобы изменить внешний вид постраничной навигации, заходите в Плагины — Редактор, после этого выбираете плагин для изменения WP-PageNavi, затем находите ссылку на код файла
wp-pagenavi/pagenavi-css.css в правой колонке, и нажимаете на нее. Этот файл отвечает за оформление плагина. Найдите в коде этого файла стиль
.wp-pagenavi Вы можете в него добавлять свои элементы стиля.
Например, Вы можете добавить
font-size: 14px; — размер шрифта
color: #598532; — цвет шрифта
В этом случае стиль, который Вы меняете, будет выглядеть следующим образом:
.wp-pagenavi {
clear: both;
font-size: 14px;
color: #598532;
}
Конечно. это только пример, и Вы можете делать дизайн постраничной навигации любой, по своему усмотрению.
Например, для определения нужного цвета Вы можете воспользоваться пипеткой, которая находится в программе FS-Capture. Эта пипетка — очень полезный инструмент, который позволяет определить код любого цвета, который Вы можете увидеть на экране Вашего монитора.
Кроме того, определиться с элементами стиля плагина PageNavi Вам поможет правая клавиша мыши. Нажимаете ей на любой элемент блога, к примеру, на ту же постраничную навигацию, выбираете Просмотр кода элемента, и смотрите, какие стили этот элемент содержит.
Видео о том, как устанавливать и изменять дизайн постраничной навигации на блоге WordPress
Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером
Вам понравилась статья? Поделитесь, буду весьма признателен:
Также приглашаю добавиться в друзья в социальных сетях:
Очень полезный плагин в помощь посетителям нашего сайта. Спасибо за информацию, возможно тоже себе установлю.
Отличный плагин, давно ним пользуюсь. Хотел установить постраничную навигацию без плагина, но так показалось проще.
Без этого плагина никуда! Это один из факторов, который повышает юзабилити и ПФ. Спасибо.
Очень полезная статья! Главная страница сайта не должна быть перегружена анонсами, иначе она будет слишком долго загружаться. А это минус и в глазах поисковиков и в глазах посетителей сайта. На главной станице оптимальное количество анонсов обычно 5 — 8 штук. А с остальными поможет «разобраться» плагин PageNavi
Да, очень удобно и полезно.
Надо будет установить, так будет гораздо проще.
Спасибо за такую познавательную статью о постраничной навигации на блоге. Думаю что пригодится, тем более Вы так замечательно и интересно описываете тонкие настройки, что мне даже самой не страшно лезть в редактор стилей и что-то менять — ведь следуя вашим, Александр, описаниям все получается!!!
давно собираюсь поставить и настроить этот плагин, а то бывает делаешь перелинковку ручную и просто путаешься в страницах с ссылками предыдущая и следующая, так что спасибо за урок, беру плагин на вооружение и скоро поставлю.
Я тоже хотела без плагина поставить навигацию, но чтобы не заморачиваться, воспользуюсь автоматикой.
Только мне кажется, посетители не очень любят по страницам шастать.
Добрый день. Полезные у вас статьи. Постоянно нахожу ту информацию, которая пригодиться у меня на проекту, например популярные статьи или нумерование страниц ))) Заходите в гости.
Это вы хорошо и вовремя про страничную навигацию написали, я как раз об этом думал недавно... Спасибо и в гости заходите...
Полезная вещь. Отдельное спасибо за информацию по оформлению внешнего вида плагина.
Благодарю Вас за такую интересную информацию! Желаю удачи!
Спасибо за плагин ! Успехов вам и всего хорошего !:)
Добрый день, Александр! С огромным удовольствием прочитала вашу статью.
Не всё там для меня пока понятно, но я справлюсь, я постараюсь его поставить. Ваше пошаговое обучение мне поможет. Заходите на огонёк. Мне хотелось бы услышать ваше мнение о моем сайте. Я желаю вам удачи и любви.
Хороший плагин ! Я немного поторопился — до выхода вашей статьи поставил , мне нравится . А вам спасибо , что подняли эту тему .
Статья хорошая,но у меня пока не получается,где-то туплю
В Вашей статье не хватает одной детали. Не все темы поддерживают такую навигацию. И нужно зайти в редактор и поменять код для навигации, заменив ее на код плагина.Когда я продела эту нехитрую процедуру,плагин заработал
У меня, как говорит Tina тоже в основном не подходит плагин на шаблоны, а как сделать постраничную навигацию больше не знаю...
Не подскажите, что, где и НА КАКОЙ ИМЕННО КОД надо заменить?
У меня из 5 шаблонов плагином получилось только на одном... Придется наверное Tinu пытать
Отлично. Особенно понравилось про экранную пипетку. Только получилось почему то количество страниц отображается только внизу.
Игорь, это уже в редакторе код страницы нужно доработать.
Оставьте свой комментарий и ответный визит Вам обеспечен
Выберите рубрику
Успех и личностный рост
Компьютерная Азбука
Бизнес в Интернете
Продвижение сайтов
Инвестиции
Бизнес на земле
Интересно
Подписка на pro444.ru
Что у нас
часто ищут
Бесплатные сервисы
Последние комментарии
Самое комментируемое
Последние статьи