WP-PageNavi is a page navigation WordPress plugin. It can be used to replace the Previous posts and Next posts links from the home page, categories, tags, archives, and search result pages. This plugin (WP-PageNavi-LightWord) adapts the original WP-PageNavi, by changing its look and feel to match the look and feel of famous LightWord WordPress theme. If you are using the LightWord WordPress plugin, you should try this adaptation. Otherwise, just stick with the original WP-PageNavi.
The adaptation can be seen directly in page numbers display. The original WP-PageNavi does not have background image. The LightWord version adds a background image that matches the background image that is used in some LightWord buttons. For the page numbers, the background image has been designed to suit well up until three figures. For the ‘First’ and ‘Last’ buttons, the image has been designed with fixed width, so you can’t use any arbitrary long words for those buttons. Words with up to 10 characters should fit well enough.
The following image shows the page numbers display of WP-PageNavi-LightWord:
And the following image shows the admin options, it doesn’t differ from the original WP-PageNavi:
Do the following steps to install this plugin:
- Download the plugin from http://wordpress.org/extend/plugins/wp-pagenavi-lightword/.
- Extract the directory
wp-pagenavi-lightwordfrom the downloaded file, and then upload it to your WordPress plugins directory (
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- This plugin requires a little bit of file edit. So, prepare any text editor to edit the
/wp-content/themes/lightword/index.php. Place the following source code at the footer area:
<?php if (function_exists('wp_pagenavi')) wp_pagenavi(); ?>
Don’t forget to delete the following block to remove the ‘Previous’ and ‘Next’ buttons:
<div class="newer_older"> <span class="newer"> <?php previous_posts_link(__('« Newer Entries','lightword')) ?> </span> <span class="older"> <?php next_posts_link(__('Older Entries »','lightword')) ?> </span> </div>
Or you can replace the deleted block with the inserted text above.