WP модернизация плагина pagenavi (автоперенос строк навигации)

C
На сайте с 27.12.2007
Offline
100
2554

Приветствую, уважаемые форумчане. Думаю, данная тема заинтересует саповцев, владельцев многостраничных сайтов на WP и просто любителей WP.

Суть вопроса: существует чудный плагин pagenavi, кот. даёт возможность выводить навигацию не в виде: "раньше - позже", а в виде: "стр 1 из 10 1 2 3 последняя". Как видно, оч. много лишнего, поэтому в админке убираем лишний текст, выставляем нужное кол-во стр. в навигации и получаем (рис 1-1).

Но что делать, если страниц в навигации оч. много и они не помещаются в 1 строку? Не будучи сведущь в пхп и css, при помощи научного тыка, мне удалось трохи модернизировать плагин, а именно:

- немного изменить внешний вид

- уменьшить (больше влезет :))

- добиться автопереноса строк в IE (хз как, но действует)

Итак, получаем (рис 1-2).

Я было расслабил уже булки, но не тут-то было: творение оказалось нифига не кроссбраузерное, и в опере и мозилле работать по плану отказалось наотрез (рис 1-3).

Шо делать?:eek: Инфы нет и знаний тоже не фатает. Быть может, добрый дядя-программист поможет или кто-то посоветует другой плагин?

Колитесь, граждане!!!

PS: выкладываю модерн. код pagenavi-css:

/*

+----------------------------------------------------------------+

| |

| WordPress 2.1 Plugin: WP-PageNavi 2.11 |

| Copyright (c) 2007 Lester "GaMerZ" Chan |

| |

| File Written By: |

| - Lester "GaMerZ" Chan |

| - http://www.lesterchan.net |

| |

| File Information: |

| - Page Navigation CSS Style |

| - wp-content/plugins/pagenavi/pagenavi-css.css |

| |

+----------------------------------------------------------------+

*/

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

padding: 0px 2px 1px 2px;

font:Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

margin: 2px;

text-decoration: none;

border: 1px solid #666666;

color: #416E90;

background-color: #FFFFFF;

width: 1px;

}

.wp-pagenavi a:hover {

border: 1px solid #FF610B;

font:Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #416E90;

background-color: #FFF7D3;

width: 1px;

}

.wp-pagenavi span.pages {

padding: 2px 4px 2px 4px;

font:Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

margin: 2px 2px 2px 2px;

border: 1px solid #CCCCCC;

color: #666666;

background-color: #FFFFFF;

}

.wp-pagenavi span.current {

padding: 0px 2px 1px 2px;

font:Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

margin: 2px;

font-weight: bold;

border: 1px solid #FF610B;

color: #666666;

background-color: #FFF7D3;

width: 1px;

}

.wp-pagenavi span.extend {

padding: 2px 4px 2px 4px;

font:Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

jpg 1-1.jpg
jpg 1-2.jpg
jpg 1-3.jpg
C
На сайте с 27.12.2007
Offline
100
#1

Сори, код неполный, в конце кода нужно добавить:

margin: 2px;

border: 1px solid #FFFFFF;

color: #666666;

background-color: #FFFFFF;

}

.wp-pagenavi {text-align: center;}

Неужели никто не знает как настроить под оперу и мозиллу?

viКing
На сайте с 20.03.2008
Offline
124
#2

было бы проще ответить если бы ты дал ссылку на сайт

C
На сайте с 27.12.2007
Offline
100
#3

viКing, отправил в личку.

viКing
На сайте с 20.03.2008
Offline
124
#4

Chyvak, ответил

P
На сайте с 18.07.2008
Offline
8
#5

Попробуй указать у класса .wp-pagenavi заданную ширину.

А в файле wp-pagenavi/wp-pagenavi.php все '</a>' замени на '</a> ', т.е. добавь пробел.

viКing
На сайте с 20.03.2008
Offline
124
#6

я ему только что это же самое написал :)

C
На сайте с 27.12.2007
Offline
100
#7

Спасибо за участие, сейчас попробую. (Ширину указывал в % и пикселях, не помогло).

Chyvak добавил 21.08.2008 в 20:30

Всё получилось, отображается корректно в IE, Опере и Мозилле; строки навигации переносятся в зависимости от размеров окна. Только с пробелами выглядит немного подстреленно, но думаю, в цсс можно что-нибудь придумать.

viКing и Procedurov - огромнейшее спасибо.

basterr
На сайте с 24.11.2005
Offline
719
#8

Chyvak, а дайте код нормальный готовый

C
На сайте с 27.12.2007
Offline
100
#9
basterr:
Chyvak, а дайте код нормальный готовый

код pagenavi-css - в 1 и 2 топике, код pagenavi.php выкладываю скрипя зубами:))

<?php

/*

Plugin Name: WP-PageNavi

Plugin URI: http://lesterchan.net/portfolio/programming.php

Description: Adds a more advanced paging navigation to your WordPress blog.

Version: 2.20

Author: Lester 'GaMerZ' Chan

Author URI: http://lesterchan.net

*/

/*

Copyright 2007 Lester Chan (email : gamerz84@hotmail.com)

This program is free software; you can redistribute it and/or modify

it under the terms of the GNU General Public License as published by

the Free Software Foundation; either version 2 of the License, or

(at your option) any later version.

This program is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

GNU General Public License for more details.

You should have received a copy of the GNU General Public License

along with this program; if not, write to the Free Software

Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA

*/

### Create Text Domain For Translations

add_action('init', 'pagenavi_textdomain');

function pagenavi_textdomain() {

load_plugin_textdomain('wp-pagenavi', 'wp-content/plugins/pagenavi');

}

### Function: Page Navigation Option Menu

add_action('admin_menu', 'pagenavi_menu');

function pagenavi_menu() {

if (function_exists('add_options_page')) {

add_options_page(__('PageNavi', 'wp-pagenavi'), __('PageNavi', 'wp-pagenavi'), 'manage_options', 'pagenavi/pagenavi-options.php') ;

}

}

### Function: Page Navigation CSS

add_action('wp_head', 'pagenavi_css');

function pagenavi_css() {

echo "\n".'<!-- Start Of Script Generated By WP-PageNavi 2.20 -->'."\n";

echo '<link rel="stylesheet" href="'.get_option('siteurl').'/wp-content/plugins/pagenavi/pagenavi-css.css" type="text/css" media="screen" />'."\n";

echo '<!-- End Of Script Generated By WP-PageNavi 2.20 -->'."\n";

}

### Function: Page Navigation: Boxed Style Paging

function wp_pagenavi() {

global $wpdb, $wp_query;

if (!is_single()) {

$request = $wp_query->request;

$posts_per_page = intval(get_query_var('posts_per_page'));

$paged = intval(get_query_var('paged'));

$pagenavi_options = get_option('pagenavi_options');

$numposts = $wp_query->found_posts;

$max_page = $wp_query->max_num_pages;

/*

$numposts = 0;

if(strpos(get_query_var('tag'), " ")) {

preg_match('#^(.*)\sLIMIT#siU', $request, $matches);

$fromwhere = $matches[1];

$results = $wpdb->get_results($fromwhere);

$numposts = count($results);

} else {

preg_match('#FROM\s*+(.+?)\s+(GROUP BY|ORDER BY)#si', $request, $matches);

$fromwhere = $matches[1];

$numposts = $wpdb->get_var("SELECT COUNT(DISTINCT ID) FROM $fromwhere");

}

$max_page = ceil($numposts/$posts_per_page);

*/

if(empty($paged) || $paged == 0) {

$paged = 1;

}

$pages_to_show = intval($pagenavi_options['num_pages']);

$pages_to_show_minus_1 = $pages_to_show-1;

$half_page_start = floor($pages_to_show_minus_1/2);

$half_page_end = ceil($pages_to_show_minus_1/2);

$start_page = $paged - $half_page_start;

if($start_page <= 0) {

$start_page = 1;

}

$end_page = $paged + $half_page_end;

if(($end_page - $start_page) != $pages_to_show_minus_1) {

$end_page = $start_page + $pages_to_show_minus_1;

}

if($end_page > $max_page) {

$start_page = $max_page - $pages_to_show_minus_1;

$end_page = $max_page;

}

if($start_page <= 0) {

$start_page = 1;

}

if($max_page > 1 || intval($pagenavi_options['always_show']) == 1) {

$pages_text = str_replace("%CURRENT_PAGE%", $paged, $pagenavi_options['pages_text']);

$pages_text = str_replace("%TOTAL_PAGES%", $max_page, $pages_text);

echo '<div class="wp-pagenavi">'."\n";

switch(intval($pagenavi_options['style'])) {

case 1:

echo '<span class="pages">'.$pages_text.'</span>';

if ($paged >= $pages_to_show_minus_1 && $pages_to_show < $max_page) {

echo '<a href="'.get_pagenum_link().'" title="'.$pagenavi_options['first_text'].'">'.$pagenavi_options['first_text'].'</a> ';

if(!empty($pagenavi_options['dotleft_text'])) {

echo '<span class="extend">'.$pagenavi_options['dotleft_text'].'</span>';

}

}

previous_posts_link($pagenavi_options['prev_text']);

for($i = $start_page; $i <= $end_page; $i++) {

if($i == $paged) {

$current_page_text = str_replace("%PAGE_NUMBER%", $i, $pagenavi_options['current_text']);

echo '<span class="current">'.$current_page_text.'</span>';

} else {

$page_text = str_replace("%PAGE_NUMBER%", $i, $pagenavi_options['page_text']);

echo '<a href="'.get_pagenum_link($i).'" title="'.$page_text.'">'.$page_text.'</a> ';

}

}

next_posts_link($pagenavi_options['next_text'], $max_page);

if ($end_page < $max_page) {

if(!empty($pagenavi_options['dotright_text'])) {

echo '<span class="extend">'.$pagenavi_options['dotright_text'].'</span>';

}

echo '<a href="'.get_pagenum_link($max_page).'" title="'.$pagenavi_options['last_text'].'">'.$pagenavi_options['last_text'].'</a> ';

}

break;

case 2;

echo '<form action="'.htmlspecialchars($_SERVER['PHP_SELF']).'" method="get">'."\n";

echo '<select size="1" onchange="document.location.href = this.options[this.selectedIndex].value;">'."\n";

for($i = 1; $i <= $max_page; $i++) {

$page_num = $i;

if($page_num == 1) {

$page_num = 0;

}

if($i == $paged) {

$current_page_text = str_replace("%PAGE_NUMBER%", $i, $pagenavi_options['current_text']);

echo '<option value="'.get_pagenum_link($page_num).'" selected="selected" class="current">'.$current_page_text."</option>\n ";

} else {

$page_text = str_replace("%PAGE_NUMBER%", $i, $pagenavi_options['page_text']);

echo '<option value="'.get_pagenum_link($page_num).'">'.$page_text."</option>\n ";

}

}

echo "</select>\n ";

echo "</form>\n ";

break;

}

echo '</div>'."\n";

}

}

}

### Function: Page Navigation: Drop Down Menu (Deprecated)

function wp_pagenavi_dropdown() {

wp_pagenavi();

}

### Function: Page Navigation Options

add_action('activate_pagenavi/pagenavi.php', 'pagenavi_init');

function pagenavi_init() {

// Add Options

$pagenavi_options = array();

$pagenavi_options['pages_text'] = __('Page %CURRENT_PAGE% of %TOTAL_PAGES%','wp-pagenavi');

$pagenavi_options['current_text'] = '%PAGE_NUMBER%';

$pagenavi_options['page_text'] = '%PAGE_NUMBER%';

$pagenavi_options['first_text'] = __('&laquo; First','wp-pagenavi');

$pagenavi_options['last_text'] = __('Last &raquo;','wp-pagenavi');

$pagenavi_options['next_text'] = __('&raquo;','wp-pagenavi');

$pagenavi_options['prev_text'] = __('&laquo;','wp-pagenavi');

$pagenavi_options['dotright_text'] = __('...','wp-pagenavi');

$pagenavi_options['dotleft_text'] = __('...','wp-pagenavi');

$pagenavi_options['style'] = 1;

$pagenavi_options['num_pages'] = 5;

$pagenavi_options['always_show'] = 0;

add_option('pagenavi_options', $pagenavi_options, 'PageNavi Options');

}

?>

PS. Фига себе у Вас репа 😮:)

N4
На сайте с 06.11.2006
Offline
95
#10

Проще в настройках плагина в поля Text For Current Page и Text For Page вписать "%PAGE_NUMBER% " (добавить пробел в конце).

Ну и убрать в css border.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий