Как сделать навигацию в блоге не используя плагины

Автор:
(Людмила Лунева)

Веб-дизайнер и разработчик сайтов на wordpress

Всем известен плагин Pagenavi. Он выводит строку с номерами страниц на WordPress-блогах.

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

Возможно ли получить аналогичный результат без использования плагина Pagenavi ?

Постраничная навигация: как сделать навигацию не используя плагины

Воспользуемся для этого следующим небольшим скриптом ↓

Открыть ↓

Сохраните этот код в файл navi.php и забросьте в папку с темой.
А там, где требуется вывести перечень страниц, подключите файл таким образом:

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

Теперь оформите вывод стилями. Например, так:

.navigation {
  clear: both;
  width : 500px;
  height : auto;
  text-align: center;
  font-weight : normal;
  margin: 30px 0 30px 50px;
  padding-top : 15px;
  border-top : 2px solid #CAC2B3;
}
.navigation .right, .navigation .left {
  width : 230px;
  font-size: 18px;
  text-align: right;
  margin: 0;
}
.navigation .left {
  text-align: left;
}
.navigation a, .navigation a:visited {
  text-decoration:none;
  color : #939186;
}
.navigation a:hover {
  color: #5D5643;
  text-decoration:none;
}
.pagenavi {
  clear: both;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 7px 0 7px 0;
}
.pagenavi a {
  clear: both;
  width : auto;
  font-size: 14px;
  margin: 0;
  padding: 3px 7px 3px 7px;
  background-color: #F3EFE6;
  border: 1px solid #CAC2B3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pagenavi b {
  clear: both;
  width : auto;
  margin: 0 6px 0 5px;
  padding: 0;
  background: none;
  border: 0;
  text-decoration:none;
}

Пример работы скрипта можно посмотреть на этом блоге – на Главной странице, в рубриках и архивах.

Хотите получать сообщения о скидочных акциях,
новых постах и темах для wordpress?
  1. Извините, опять вопрос не по теме. В WP не очень удобно сделано, кликаешь на родительскую рубрику, вываливаются посты всех подрубрик. Как исключить показ записей подрубрик в рубриках. Есть плагин, но хотелось бы обойтись без него. Если подскажете буду весьма признателен!

    • Сразу не подскажу, но видела похожий вопрос на http://forum.maxsite.org.
      Там же и ответ должен быть :).

  2. как поставить аватарки свои на вп ?

  3. То что нужно, давно искал! Плагин почему-то на моем шаблоне не работает. А со скриптом проще :)

Внимание: все отзывы проходят модерацию.

Топ комментаторов
АватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватарАватар
Самые комментируемые записи
Самые читаемые записи

Для того чтобы снять блок и увидеть скрытый контент или ссылку на закачку, подпишитесь на обновления блога.

В каждом письме публикуется код разблокировки.

Пользуйтесь кодом только из последних, пришедших вам на Email, писем. Закрыть »

Постов 195
Отзывов 4349