うさぎのイラスト

ネットアンサー55備忘録

web技術を書いていきます

wp-pagenavi css置換

-2016年12月27日-
1/*w-pagenavi css置換 */
2add_filter( 'wp_pagenavi', 'custom_wp_pagenavi' );
3function custom_wp_pagenavi($html) {
4    $out = '';
5    $out = str_replace("<div", "", $html);
6    $out = str_replace("class='wp-pagenavi'>", "", $out);
7    $out = str_replace("<a", "<li><a", $out);
8    $out = str_replace("</a>", "</a></li>", $out);
9    $out = str_replace("<span", "<li><span", $out);
10    $out = str_replace("</span>", "</span></li>", $out);
11    $out = str_replace("</div>", "", $out);
12    $out = str_replace("<li><span class='current'>", "<li class='current'><span>", $out);
13 
14    return $out;
15}
出力するhtmlがこのように変わります。 ↓
1<ul>
2    <li><span class='pages'>5 / 10</span></li>
3    <li><a class="first" href="#">? 先頭</a></li>
4    <li><a class="previouspostslink" rel="prev" href="#">?</a></li>
5    <li><span class='extend'>...</span></li>
6    <li><a class="page smaller" href="#">3</a></li>
7    <li><a class="page smaller" href="#">4</a></li>
8    <li><span class='current'>5</span></li>
9    <li><a class="page larger" href="#">6</a></li>
10    <li><a class="page larger" href="#">7</a></li>
11    <li><span class='extend'>...</span></li>
12    <li><a class="larger page" href="#">10</a></li>
13    <li><span class='extend'>...</span></li>
14    <li><a class="nextpostslink" rel="next" href="#">?</a></li>
15    <li><a class="last" href="#">最後 ?</a></li>
16</ul>