title: Change default pagination style in wordpress
body: <p>I am beginner in WordPress and started to learn it. I am designing a new child theme from an existing parent theme. The Pagination of Home page in parent </p>
  
  <pre><code>«   Previous   1   2   3   Next   » 
  </code></pre>
  
  <p>But I want to modify it like this:</p>
  
  <pre><code>Page 1 of 45   1   2   3   NEXT   10    20    30    LAST
  </code></pre>
  
  <p>Following is my code : </p>
  
  <pre><code>if (!is_singular()) {
              global $wp_query, $rtp_post_comments;
              if (isset($rtp_post_comments['pagination_show']) &amp;&amp; $rtp_post_comments['pagination_show']) {
                  if (( $wp_query-&gt;max_num_pages &gt; 1)) {                    
                          ?&gt;
                      &lt;nav class="wp-pagenavi"&gt;&lt;?php
                      echo "&lt;span class='page-count'&gt;Page 1 of " . $wp_query-&gt;max_num_pages . "&lt;/span&gt;";                    
                      echo paginate_links(array(
                          'base' =&gt; str_replace(999999999, '%#%', esc_url(get_pagenum_link(999999999))),
                          'format' =&gt; '?paged=%#%',
                          'current' =&gt; max(1, get_query_var('paged')),
                          'total' =&gt; $wp_query-&gt;max_num_pages,
                          'prev_text' =&gt; esc_attr($rtp_post_comments['prev_text']),
                          'next_text' =&gt; esc_attr($rtp_post_comments['next_text']),
                          'end_size' =&gt; $rtp_post_comments['end_size'],
                          'mid_size' =&gt; $rtp_post_comments['mid_size']
                      ));
                          ?&gt;
                      &lt;/nav&gt;&lt;?php
                  }
              } elseif (function_exists('wp_pagenavi')) {
                  wp_pagenavi();
              } elseif (get_next_posts_link() || get_previous_posts_link()) {
                      ?&gt;
                  &lt;nav class="navigation clearfix"&gt;                                  
                      &lt;?php if (get_next_posts_link()) { ?&gt;&lt;div class="alignleft"&gt;&lt;?php next_posts_link(__('Older Entries')); ?&gt;&lt;/div&gt;&lt;?php } ?&gt;
                      &lt;?php if (get_previous_posts_link()) { ?&gt;&lt;div class="alignright"&gt;&lt;?php previous_posts_link(__('Newer Entries')); ?&gt;&lt;/div&gt;&lt;?php } ?&gt;
                  &lt;/nav&gt;&lt;?php
              }
          }
  </code></pre>
  
  <p>Where should I change this?</p>