the_posts_paginationのHTMLタグ構造を変更する方法

ワードプレスで投稿のページネーションを出力するにはthe_posts_paginationといった関数を使用します。
自動でページのリンクや「前へ」「次へ」を出力してくれる非常に便利な関数です。

しかし、screen-reader-textと言われる”投稿ナビゲーション”というテキストを出力してしまったり、リンクのHTMLタグに制限があるなど不自由な点もいくつかあります。
このthe_posts_paginationのタグ構造を変更する方法をご紹介します。

通常、ページネーションの構造は次のようになっています。

	<nav class="navigation %1$s" role="navigation">
		<h2 class="screen-reader-text">%2$s</h2>
		<div class="nav-links">%3$s</div>
	</nav>

ここからscreen-reader-textを取り除き、nav-linksのタグを<div>ではな<ul>へ変更してみます。

functions.phpにて、the_posts_paginationのテンプレートを変更するフィルターを追加します。

function my_php( $template, $class ){
    if ($class == 'pagination') {
        $template = '
	<nav class="navigation %1$s" role="navigation">
		<ul class="nav-links">%3$s</ul>
	</nav>';
    }

    return $template;
}

add_filter('php', 'my_php', 10, 2);

これでページネーションから”投稿ナビゲーション”が削除され、タグは<ul>に変更されました。

WordPressをカスタマイズされる方は是非お試しください。

EC-CUBEゴールドパートナー EC-CUBEは株式会社イーシーキューブの商標です

WordPressカスタマイズトップへ

カスタマイズに関するお問い合わせはこちら