Плагин WP-PageNavi

Плагин WP-PageNavi

Один из известнейших плагинов для движка WordPress. С его помощью можно реализовать столь популярную на сегодняшний день постраничную навигацию. Его довольно легко установить и настроить, однако мы пойдем еще дальше и немного изменить стиль вывода страниц. Вначале мы имеем следующую навигацию:

Плагин превращает эту примитивную картину в такое представление:

Если немного изменить код, получится следующее:

CSS поможет изменить данную панель по нашему вкусу:

Плагин можно скачать с сайта разработчика, либо взять русифицированный вариант у у Dimox‘а. Теперь плагин можно установить:

Распаковать архив

2. Скопировать папку wp-pagenavi в папку /wp-content/plugins/

В админке блога активировать плагин из вкладки Плагины

Чтобы плагин начал отображаться на сайте, нужно подредактировать файлы шаблона, которые отвечают за отображения навигации. Нужно найти следующие строчки (в данном разборе используется шаблон Default):

Их нужно заменить на:

Все, теперь постраничная навигация полностью активна. Отредактировать надписи можно через админку сайта, перейдя на вкладку Параметры, где уже появилась вкладка PageNavi. Например, если вы желаете сделать дизайн, как у меня в верхнем примере, используйте следующие строки:

Text For Number Of Pages («Вывод страниц x из x», это можно убрать)

Страница %CURRENT_PAGE% из %TOTAL_PAGES%

Text For Current Page (Вывод номера страницы, на которой вы находитесь в данный момент)

%PAGE_NUMBER%

Text For Page (Вывод номеров остальных страниц)

%PAGE_NUMBER%

Text For First Post (Как будет обозначаться первая страница. Очевидно, что это «1?)

1

Text For Last Post (Как будет обозначаться последняя страница. Здесь выводится ее порядковый номер)

%TOTAL_PAGES%

Text For Next Post (Обозначение знака перехода на следующую страницу. У меня отображается стрелка)

?

Text For Previous Post (Обозначение знака перехода на предыдущую страницу. У меня отображается стрелка)

?

Text For Next … (Ссылка перехода на следующую страницу обозначается троеточием)

Text For Previous … (Ссылка перехода на предыдущую страницу обозначается троеточием)

После редактирования и сохранения навигация по страницам примет следующий вид:

Однако можно еще более усовершенствовать вывод. Например, здесь ссылки перехода на страницы находятся рядом с многоточием. Многоточие после стрелки выглядит нелепым. Например, навигация на странице моего блога выглядит намного красивее и логичнее. Для того, чтобы добиться такого вывода, я попробовал несколько плагинов для навигации. Однако они либо работали некорректно, либо система редактирования css таблиц плагина конфликтовала с css блога. В конце концов, я нашел довольно удобный способ редактирования css шаблона оформления плагина Page-Navi.

Итак, для начала нужно открыть файл wp-pagenavi. php из каталога wp-pagenavi. В файле ищем строку:

Ее нужно удалить. Далее ищем:

Теперь нужно вставить этот блок ПЕРЕД ней:

Пришла очередь ссылки на следующую страницу. Ищем:

Ее также удаляем. Ищем строчку:

Вставляем этот блок ПОСЛЕ нее:

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

Пришло время изменить цвет. Сначала нужно найти файл pagenavi-css. css из каталога wp-pagenavi. Все его содержимое нужно заменить на приведенный ниже код:

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

Обратите внимание, что для использование символов стрелочек в css должен быть задан шрифт, в котором они присутствуют. Конечно, стрелочки будут показаны и без этого. Но в браузере IE квадрат со стрелкой станет немного шире. Я не знаю, из-за чего это происходит. Но, задав конкретный шрифт для всего вышеприведенного блока, данный эффект исчез. Если кто-то знает иной способ исправления этого бага, прошу поделиться.

Здесь можно взять красивые темы оформления для плагина.

Последняя версия плагина 2,5 работает с WordPress версий 2.8 и выше.

Думаю у многих бывало, что нужно было узнать как сменить пароль в кипере, как это правельно делать описано вот здесь http://ruseo. net/kak-pomenyat-parol-v-qip-2005-t8060.html


Карта сайта


Информационный сайт Webavtocat.ru