Cocoon新着記事（見出し）／もっと見る／次のページのテキストを変更する

Cocoonであらかじめ設定されているボタンやキャプションのテキストを変更したいときがあるかと思いますので、変更方法を書いておきます。

当記事はCocoonフォーラムを参考にしています。

「次のページ」ボタンテキスト変更用フック、追加のお願い

●要望 題記の通り。 ●経緯 「もっと見る」ボタンのテキスト変更する場合、以下に示すように既にフックがある。 しかし、「次のページ」は無い。この為、処理を統一し「次のページ」「もっと見る」ともにjQueryで変更している。 以下の「次のペー...

wp-cocoon.com

この記事を書いた人

• ブログ好きな40代主婦
• CocoonサイトをCSSでカスタマイズ
• JavaScriptを勉強中
• ドメインパワー35
• ワードプレスで複数サイトを運営しています

はっちゃん
です

コードを記述する場所／Cocoon（子テーマ）のfunctions.php

今回、コードを貼り付ける場所は子テーマのfunctions.phpです。

「外観」→「テーマファイルエディター」→「Cocoon Child: Theme Functions (functions.php)」

Cocoon／フロントページタイプの新着記事テキストを変更する

例）「新着記事」→「NewPost」に変更する場合

//フロントページタイプの新着記事テキスト変更
add_filter('new_entries_caption', function ($caption){
	return 'NewPost';
});

Cocoon／「もっと見る」ボタンのテキストを変更する

例）「もっと見る」→「Read More」に変更する場合

//「もっと見る」ボタンのテキスト変更
add_filter('more_button_caption', function ($caption){
	return 'Read More';
});

Cocoon／ページネーションの「次のページ」テキストを変更する

例）「次のページ」→「Next」に変更する場合

//ページネーションの「次のページ」テキスト変更
add_filter('pagination_next_link_caption', function(){
	return 'Next';
});

ひとこと

本来なら親テーマのphpファイルを編集するところ、Cocoonではテーマ独自のフィルターフックが多く用意されています。

フィルターフックを使えば自由にカスタマイズが可能で、当記事のようなちょっとした変更や機能を追加したいときに便利です。

ひらがなを英字表示にして統一したい場合などに活用してはいかがでしょうか。