Tween

بعد از فعال کردن افزونه، (اگر درحال حاضر پوسته از pageNavi پشتیبانی نمی‌کنه) باید فایل‌های پوسته رو ویرایش کرد و در محلی که می‌خوایم لینک‌های ناوبری رو نمایش بدیم افزونه رو با تابع wp_pagenavi() فراخوانی کنیم.

برای فراخوانی افزونه از روش ایمن فراخوانی توابع افزونه‌ها استفاده میکنیم، یعنی به وردپرس می‌گوییم اگر این افزونه فعال بود از آن استفاده کن و در غیراین صورت از همان شیوه قدیمی نوشته قبلی نوشته بعدی استفاده کن:

[php]
<?php if(function_exists(‘wp_pagenavi’)) { // if PageNavi is activated ?>
<?php wp_pagenavi(); // Use PageNavi ?>
<?php } else { // Otherwise, use traditional Navigation ?>
<div class="navigation">
<div class="nav-previous"><?php next_posts_link(‘&laquo; مطالب پیشین’) ?></div>
<div class="nav-next"><?php previous_posts_link(‘مطالب جدیدتر &raquo;’) ?></div>
</div>
<?php } // End if-else statement ?>
[/php]

در این صورت اگر قالب را منتشر کردیم یا به هر دلیلی افزونه در دسترس نبود، خطا دریافت نمی‌کنیم.

تغییر ظاهر
برای تغییر ظاهر منوهای پیمایشگر تولید شده، باید فایل pagenavi-css.css را که در داخل پوشه افزونه قرار دارد ویرایش کنیم. مشکلی که با دستکاری مستقیم فایل‌ها وجود داره اینه که در صورت ارتقای افزونه به نسخه جدید، این تغییرات از بین می‌ره و باید از ابتدا تغییرات را اعمال کنیم.
راه بهتر اینه که در شیوه‌نامه پوسته‌مان، دستورات فایل pagenavi-css.css رو بازنویسی کنیم.
مثلاً

[css]
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
color: red !IMPORTANT;
}
[/css]

اون IMPORTANT! رو برای این گذاشتیم چون pagenavi-css.css در کد HTML تولید شده وردپرس، بعد از فایل شیوه‌نامه پوسته‌مان می‌آید. (برای آشنایی بیشتر با !IMPORATNT نوشته علیها با عنوان «یک آموزش کوتاه و مهم در سی اس اس: important چیست؟» رو بخونید.)

این هم مجموعه انتخابگر (Selector)های شیوه‌نامه PageNavi، آماده برای بازنویسی کردن:

[css]
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
}
.wp-pagenavi a:hover {
}
.wp-pagenavi span.pages {
}
.wp-pagenavi span.current {
}
.wp-pagenavi span.extend {
}
[/css]

همین!