WP-PageNaviの表示がおかしい

Question

前提・実現したいこと

PageNaviの数字が並んでる1番最初の数字の横で
class='wp-pagenavi' role='navigation'>
と表示されてしまいます。

どうやらfunction.phpに書いてあるコードが、
そのまま出ているような感じだと思われるのですが、
ローカル環境では同じコードですが不具合なく動いております。

最初は問題なく動いていたのですが、気が付いたらおかしくなっておりました。
プラグインなどによって起きたのか何なのか検討が付きません。
ちなみに下記のfunction.phpのコードをコメントアウトして
停止させるとおかしな表示は消えましたが、出来ればそれ以外の方法で直したいです。
もし対処方法が分かりそうな方がいましたら教えて頂けると助かります。
また、wordpressやプラグインは全て最新バージョンです。

###おかしな表示

class='wp-pagenavi' role='navigation'> 1 2 3

###コードを見ると下記のようになっていました。

<ul class="page-num"> class='wp-pagenavi' role='navigation'>
  <li><a class="page smaller" title="Page 1" href="https://aaa/">1</a></li>
...
</ul> 

function.php

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);

	return '<ul class="page-num">'.$out.'</ul>';
}

Answer 1

そもそもどんなコードにしたいのか質問文に書かれていないのでわかりませんが、
<ul class="page-num"> class='wp-pagenavi' role='navigation'>を<ul class="page-num">にしたいのであれば、以下の様に修正してください。

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("class='wp-pagenavi' role='navigation'>", "", $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);

    return '<ul class="page-num">'.$out.'</ul>';
}

Comments

[kihara]

ありがとうございます。本当に助かりました。