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

2016-02-20Web制作

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

ある日からページナビゲーションの箇所に「投稿ナビゲーション」という表示が現れるようになりました。(恐らく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

おすすめ記事セレクション
シンプルなインテリアを目指す方へ → 買ってよかったホワイトの生活家電・生活用品まとめ
おしゃれな写真は誰でも撮れます → ブログ映えするオシャレな写真撮影&加工テクニック
デキる大人への第一歩 → 私のEvernoteの活用術・10個の事例【初心者でもできる活用法】
意識を変えるだけで貯まる! → 年収300万円のOLが8年で1000万円以上貯めた方法と習慣

この記事を読んだ人は他にこんな記事も読んでいます