2016-08-14 50 views
0

下面这个WP代码:Wordpress paginate_links - 如何自定义其html?

echo paginate_links(array(
    'base' => get_pagenum_link(1) . '%_%', 
    'format' => '/page/%#%', 
    'current' => $current_page, 
    'total' => $total_pages, 
    'prev_text' => __('«'), 
    'next_text' => __('»'), 
)); 

我会得到这个HTML:

<span class='page-numbers current'>1</span> 
<a class='page-numbers' href='http://xxx/page/2'>2</a> 
<a class='page-numbers' href='http://xxxx/page/3'>3</a> 
<a class="next page-numbers" href="http://xxx/page/2">»</a> 

但我怎么可以自定义它,所以我可以得到:

<nav> 
    <ul class="pagination"> 
    <li> 
     <a href="#" aria-label="Previous"> 
     <span aria-hidden="true">&laquo;</span> 
     </a> 
    </li> 
    <li><a href="#">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    <li><a href="#">5</a></li> 
    <li> 
     <a href="#" aria-label="Next"> 
     <span aria-hidden="true">&raquo;</span> 
     </a> 
    </li> 
    </ul> 
</nav> 

任何想法?

回答

2

如果你想简单的无序列表(UL)标签与导航(NAV),而同一类的标签包装,你可以使用下面的代码:

$pagination = paginate_links(array(
        'base' => get_pagenum_link(1) . '%_%', 
        'format' => '/page/%#%', 
        'current' => $current_page, 
        'total' => $total_pages, 
        'prev_text' => __('«'), 
        'next_text' => __('»'), 
        'type' => 'list' 
       )); 
echo "<nav>".$pagination."</nav>"; 

到这一点,你会得到这个HTML:

<nav> 
     <ul class="page-numbers"> 
       <li><span class="page-numbers current">1</span></li> 
       <li><a class="page-numbers" href="http://xxx/page/2">2</a></li> 
       <li><a class="page-numbers" href="http://xxx/page/3">3</a></li> 
       <li><a class="next page-numbers" href="http://xxx/page/2">»</a></li> 
     </ul> 
</nav> 

或者您可以参考this链接。

相关问题