2016-08-14 88 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鏈接。

相關問題