うさぎのイラスト

ネットアンサー55備忘録

ワードプレス技術を色々とお試しするサイトです。

wp-pagenavi css置換

-2016年12月27日-
/*w-pagenavi css置換 */
add_filter( 'wp_pagenavi', 'custom_wp_pagenavi' );
function custom_wp_pagenavi($html) {
	$out = '';
	$out = str_replace("<div", "", $html);
	$out = str_replace("class='wp-pagenavi'>", "", $out);
	$out = str_replace("<a", "<li><a", $out);
	$out = str_replace("</a>", "</a></li>", $out);
	$out = str_replace("<span", "<li><span", $out);
	$out = str_replace("</span>", "</span></li>", $out);
	$out = str_replace("</div>", "", $out);
	$out = str_replace("<li><span class='current'>", "<li class='current'><span>", $out);

	return $out;
}

出力するhtmlがこのように変わります。 ↓

	<ul>
		<li><span class='pages'>5 / 10</span></li>
		<li><a class="first" href="#">« 先頭</a></li>
		<li><a class="previouspostslink" rel="prev" href="#">«</a></li>
		<li><span class='extend'>...</span></li>
		<li><a class="page smaller" href="#">3</a></li>
		<li><a class="page smaller" href="#">4</a></li>
		<li><span class='current'>5</span></li>
		<li><a class="page larger" href="#">6</a></li>
		<li><a class="page larger" href="#">7</a></li>
		<li><span class='extend'>...</span></li>
		<li><a class="larger page" href="#">10</a></li>
		<li><span class='extend'>...</span></li>
		<li><a class="nextpostslink" rel="next" href="#">»</a></li>
		<li><a class="last" href="#">最後 »</a></li>
	</ul>