WordPressで投稿ナビゲーションという表記を非表示にする方法

2016-02-20Web制作

サイトURLが変更になりました!
https://0edition.net/
お手数ですがブックマーク・RSSの再登録お願いします。

こんにちは、とみーです。

ある日からページナビゲーションの箇所に「投稿ナビゲーション」という表示が現れるようになりました。(恐らくWordPressをバージョンアップしたせい?)

調べてもなかなか解決方法が出てこなかったので、同じ症状でお悩みの方のために残しておきます。

スポンサーリンク

ページネーション変更前後の見た目と変更方法

変更前の見た目

20160220_01

変更前は画像の通り、「投稿ナビゲーション」という表記があります。

表示を消す方法

外観 > テーマの編集 > style.css に下記のコードをコピペします。

.pagination h2.screen-reader-text { display: none; }

変更後の見た目

20160220_02

無事消えました。

ページネーションのPrevious / Next の表記を変更

ついでに Previous / Next という表記を変更したいと思います。

外観 > テーマの編集 > functions.php を選択します。

ADELLEの場合は下記のコードがあります。
他のテーマをお使いの場合は「the_posts_pagination」で検索してみてください。

子テーマを作成している方は親テーマ内で検索を。

// ==================================================================
// Pagination (WordPress)
// ==================================================================
function adelle_theme_pagination_links() {
  the_posts_pagination( array(
    'mid_size'  => 5,
    'prev_text' => __( 'Previous', 'adelle' ),
    'next_text' => __( 'Next', 'adelle' ),
  ) );
}

この Previous / Next の部分を好きに変更します。
私はアイコンフォントにしました。
(アイコンフォントを使う場合はプラグインのインストールや、CSSをヘッダーに埋め込むが必要があります)

// ==================================================================
// Pagination (WordPress)
// ==================================================================
function adelle_theme_pagination_links() {
  the_posts_pagination( array(
    'mid_size'  => 5,
    'prev_text' => __( '<i class="fa fa-caret-left"></i>', 'adelle' ),
    'next_text' => __( '<i class="fa fa-caret-right"></i>', 'adelle' ),
  ) );
}

矢印になりました。

20160220_03

こちらの記事もおすすめです