{"id":285,"date":"2013-02-18T15:46:11","date_gmt":"2013-02-18T15:46:11","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=285"},"modified":"2013-02-18T15:46:11","modified_gmt":"2013-02-18T15:46:11","slug":"wordpress-pagenavi-styling-plugin","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/wordpress-pagenavi-styling-plugin\/","title":{"rendered":"wordpress pagenavi styling plugin"},"content":{"rendered":"<h3>1] Installation Of Wp-Pagenavi Plugin<\/h3>\n<p>To use this plugin you must have <a title=\"Wp-PageNavi\" href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-pagenavi\/\" target=\"_blank\">Wp-PageNavi<\/a> installed so install that plugin first.<\/p>\n<p>You can either install it automatically from the WordPress admin, or do it manually:<\/p>\n<ol>\n<li>Unzip the archive and put the wp-pagenavi folder into your plugins folder (\/wp-content\/plugins\/).<\/li>\n<li>Activate the plugin from the Plugins menu.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" title=\"wp_page_navi_style\" alt=\"\" src=\"http:\/\/www.snilesh.com\/wp-content\/uploads\/2011\/06\/wp_page_navi_style.png\" width=\"624\" height=\"213\" \/><\/p>\n<h4>Usage<\/h4>\n<p>In your theme, replace code like this:<\/p>\n<div>\n<div id=\"highlighter_251936\">\n<div><a href=\"http:\/\/www.snilesh.com\/resources\/wordpress\/wordpress-pagenavi-style-plugin\/#\">?<\/a><\/div>\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<div>1<\/div>\n<div>2<\/div>\n<div>3<\/div>\n<div>4<\/div>\n<div>5<\/div>\n<div>6<\/div>\n<\/td>\n<td>\n<div>\n<div><code>&lt;div <\/code><code>class<\/code><code>=<\/code><code>\"navigation\"<\/code><code>&gt;<\/code><\/div>\n<div><code>\u00a0\u00a0\u00a0\u00a0<\/code><code>&lt;div <\/code><code>class<\/code><code>=<\/code><code>\"nav-previous\"<\/code><code>&gt;&lt;?php next_posts_link( __( <\/code><code>'&lt;span&gt;&amp;larr;&lt;\/span&gt; Older posts'<\/code><code>, <\/code><code>'twentyten'<\/code> <code>) ); ?&gt;&lt;\/div&gt;<\/code><\/div>\n<div><code>\u00a0\u00a0\u00a0\u00a0<\/code><code>&lt;div <\/code><code>class<\/code><code>=<\/code><code>\"nav-next\"<\/code><code>&gt;&lt;?php previous_posts_link( __( <\/code><code>'Newer posts &lt;span&gt;&amp;rarr;&lt;\/span&gt;'<\/code><code>, <\/code><code>'twentyten'<\/code> <code>) ); ?&gt;&lt;\/div&gt;<\/code><\/div>\n<div><code>&lt;\/div&gt;<\/code><\/div>\n<div><\/div>\n<div><code>Download WordPress PageNavi Style Plugin &lt;a href=<\/code><code>\"<a href=\"http:\/\/wordpress.org\/extend\/plugins\/wp-pagenavi-style\/\">http:\/\/wordpress.org\/extend\/plugins\/wp-pagenavi-style\/<\/a>\"<\/code> <code>title=<\/code><code>\"wp pagenavi style\"<\/code> <code>target=<\/code><code>\"_blank\"<\/code><code>&gt;Here&lt;\/a&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>with In your theme, replace code like this:<\/p>\n<div>\n<div id=\"highlighter_867123\">\n<div><a href=\"http:\/\/www.snilesh.com\/resources\/wordpress\/wordpress-pagenavi-style-plugin\/#\">?<\/a><\/div>\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>\n<div>1<\/div>\n<\/td>\n<td>\n<div>\n<div><code>&lt;?php <\/code><code>if<\/code><code>(function_exists(<\/code><code>'wp_pagenavi'<\/code><code>)) { wp_pagenavi(); } ?&gt;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>If you already have Installed Wp-PageNavi plugin and Added above code then move to next step.<\/p>\n<h3>2] Installation Of WP PageNavi Style Plugin<\/h3>\n<ol>\n<li>Upload the \u201cwp-pagenavi-style\u201d folder to your \/wp-content\/plugins\/ directory.<\/li>\n<li>Login to your admin section, go to the Plugins section and activate the Wp PageNavi Style plugin.<\/li>\n<li>You can access the settings page using the PageNavi Style menu item, where you can adjust the default settings for the WP PageNavi Style Plugin.<\/li>\n<\/ol>\n<h3>Usage<\/h3>\n<p>If you want to use style which comes with Wp PageNavi Style Plugin then select <strong>\u201cExisting Styles\u201d<\/strong> from \u201cSelect StyleSheet :\u201d dropdown. After that you can select your style from our collection in next dropdown.<\/p>\n<p><img loading=\"lazy\" title=\"page_navi_style_usage\" alt=\"\" src=\"http:\/\/www.snilesh.com\/wp-content\/uploads\/2011\/06\/page_navi_style_usage.png\" width=\"641\" height=\"339\" \/><\/p>\n<p>And Save you settings.<\/p>\n<p>If you want to use Custom style then select custom style from first dropdown. and select your colors and options from<\/p>\n<p><img loading=\"lazy\" title=\"pagenavi_style_custom\" alt=\"\" src=\"http:\/\/www.snilesh.com\/wp-content\/uploads\/2011\/06\/pagenavi_style_custom.png\" width=\"632\" height=\"464\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1] Installation Of Wp-Pagenavi Plugin To use this plugin you must have Wp-PageNavi installed so install that plugin first. You can either install it automatically from the WordPress admin, or do it manually: Unzip the archive and put the wp-pagenavi folder into your plugins folder (\/wp-content\/plugins\/). Activate the plugin from the Plugins menu. Usage In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[9,5,3,7,4],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/285"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=285"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/285\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}