Правильная навигация в WordPress

Народная пословица утверждает, что лучше учится на чужем горьком опыте, чем самостоятельно набивать шишки. Но как быть, когда приходиться быться головой о стену набивая шишки из-за чужих ошибок. Вот и WordPress, являясь замечательным CMS для блога, таит в себе много нюансов с которыми постоянно приходиться бороться. В этот раз шваброй была “хитрая” навигация по страницам блога. Забегая вперед скажу, что все удалось решить при помощи плагинчика Digg Style Paginator. Теперь поподробнее.

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

Изначально у темы на этом сайте (7days) постраничная навигация ограничивалась только поиском и ползунком под шапкой “older –o– newer”. Красивый ajax виджетик, правда? Мне тоже очень нравиться. Но вот поисковые системы совершенно другого мнения, да и с usability здесь не все ОК, ведь страничку удобно перелистнуть спустившись вниз. Вот мы и добавили внизу еще навигацию « Предыдущие || На верх || Последующие ».
Так удобнее и людям и роботам :)

Но опытные сеошники скажут что и этого мало, ведь для хорошего распределения PRейтинга главной страницы, а следовательно и индексации внутренних страниц, важна “глубина” или другими словами уровень вложенности страниц.
И в нашем случае 3-я страница имеет уже 3-й уровень вложенности, 4-я – четвертый, 5-я…. КОШМАР!

Вот и самым простым решением для WordPress есть использование плагина Digg Style Pagination V 1.0. Работает с WordPress 2.2 и 2.2.3

WordPress Digg Style Pagination

Процедура установки проста.
1. Скачиваем и распаковывваем в wp-content/plugins/
2. Активируем plugin в разделе Plugins админ-панели.
3. Добавляем в тему функцию вызова плагина, например, таким кодом

if(class_exists('wp_pagination_plugin')){
$p = new wp_pagination_plugin;
$p->show();
}

ах да, тем кто хочет чтобы было не только функционально, а еще и красиво, стоит добавить и поиграться со стилями

/*CSS Sabrosus style pagination*/
div.pagination {
padding:3px;
margin:3px;
text-align:center;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid navy;
font-weight: bold;
background-color: #2e6ab1;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #929292;
color: #929292;
}

P.S. На 7Days решили пока оставить исторически сложившуюся навигацию.
P.P.S. Понравилась ли вам заметка? Публиковать еще заметки о WordPress?

9 thoughts on “Правильная навигация в WordPress

  1. Такие заметки, хоть и не новинка, но будут весьма кстати. oнтернет больЇой и порой сложно найти именно то, что нужно. Точнее найти не проблема, но вот когда оно само попадается тебе на глаза – читая данный развлекательный по сути блог, находить полезные вещи:) Чтобы, как говорится, добавить в мемориз и чуть позже попробовать себе сделать нечто аналогичное.
    Посему заметки будут весьма кстати)

  2. Действительно, в многих комментариях подглючивает кодировка, видимо аукнулись последствия переезда. Будем посмотреть

  3. >> И в нашем случае 3-я страница имеет уже 3-й уровень вложенности, 4-я – четвертый, 5-я…

    Несовсем так. Все эти страницы одного уровня вложенности, вы говорите про количество кликов до страницы.

    А что собственной плагин делает, постраничную навигацию? P.S. картинка unavailable

  4. Это мы читаем газету на унитазе, чтобы быть готовыми к любым неожиданностям.

Comments are closed.