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

Автор: Ксана
(Людмила Лунева)
Веб-дизайнер и разработчик сайтов на 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;
}

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

Буду благодарна, если Вы поделитесь этим постом:

комментариев 5 Оставить комментарий

Виктор | 2012.03.31 в 17:36

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

Ответить »
- Ksana | 2012.04.01 в 21:32
  
  Сразу не подскажу, но видела похожий вопрос на http://forum.maxsite.org.
  Там же и ответ должен быть :).
  
  Ответить »
k 700 | 2012.04.15 в 20:09

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

Ответить »
- Ksana | 2012.04.15 в 20:39
  
  Для вопросов у нас есть форум 🙂
  
  Ответить »
Александр | 2012.09.24 в 16:20

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

Ответить »