2016-08-14 9 views
0

Wordpress paginate_links - htmlをカスタマイズするには?以下、このWPコードで

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> 

任意のアイデア?あなたはこのHTMLを取得します。これにより

$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>"; 

:あなたがタグの同じクラスのないナビゲーション(NAV)を使用した簡単な順不同リスト(UL)タグラップをしたい場合は

答えて

2

、あなたは以下のコードを使用することができます

<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リンクを参照することができます。

関連する問題