wp-pagenavi css置換
-2016年12月27日-
2 | add_filter( 'wp_pagenavi' , 'custom_wp_pagenavi' ); |
3 | function custom_wp_pagenavi( $html ) { |
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 ); |
出力するhtmlがこのように変わります。
↓
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 > |