For those of you that don’t know, WP-PageNavi is a cool WordPress plugin for paginated posts. On my writing blog, it looks like this:
Luckily, Headway developer Clay Griffiths understands how fundamental this plugin is, and included built-in code to replace your old links with the paginated ones! So to make WP-PageNavi work, just upload and activate the plugin.
How to Style Your Navigation Numbers
Now the sad part…
You have to upload your own stylesheet into the theme. Outrageous! By default, the plugin itself detects pagenavi-css.css within your theme’s directory. So, follow these instructions to upload a blank CSS file to your theme folder:
- Open your website with an FTP program.
- Navigate to wp-content/themes/headway-xxx
- Create a new file named pagenavi-css.css
Now if you go to wp-admin–>plugins–>editor–>wp pagenavi, you can copy the CSS code from the plugin into your own CSS file and change things around accordingly, like I’ve done. Or you can just leave the default styling in place.
Any Questions?
Do you need help installing WP-PageNavi. Have you styled your paginated navigation? Share your thoughts and opinions below!
Tweet