この記事では、Cocoonテーマを使っている際にあらかじめ設定されているボタンやキャプションのテキスト文言を変更する方法を紹介します。
掲載しているのはここの部分
- 「新着記事」(見出し)
- 「もっと見る」(ボタン)
- 「次のページ」(ボタン)
Cocoonフォーラムを参考にPHPを使用します。
コードを記述する場所/Cocoon(子テーマ)のfunctions.php
コードを貼り付ける場所は子テーマのfunctions.phpです。
- 管理画面の「外観」から「テーマファイルエディター」
- Cocoon Child: テーマのための関数 (functions.php)をクリックします
- 元から書いているコード(テーマ用関数)は消さずにPHPを記述します
- //以下に子テーマ用の関数を書く、から下の行に追加しましょう
Cocoon/フロントページタイプの見出し(新着記事)を変更する
例)「新着記事」→「NewPost」に変更する場合
//フロントページタイプの新着記事テキスト変更
add_filter('new_entries_caption', function ($caption){
return 'NEW POST';
});
return ‘ここに入るテキストを変更します‘;
Cocoon/「もっと見る」ボタンのテキストを変更する
例)「もっと見る」→「Read More」に変更する場合
//「もっと見る」ボタンのテキスト変更
add_filter('more_button_caption', function ($caption){
return 'Read More';
});
return ‘ここに入るテキストを変更します‘;
Cocoon/ページネーションの「次のページ」テキストを変更する
例)「次のページ」→「Next」に変更する場合
//ページネーションの「次のページ」テキスト変更
add_filter('pagination_next_link_caption', function(){
return 'Next';
});
return ‘ここに入るテキストを変更します‘;
ひとこと
本来なら親テーマのphpファイルを編集するところ、Cocoonではテーマ独自のフィルターフックが多く用意されています。フィルターフックを使えば自由にカスタマイズが可能で、当記事のようなちょっとした変更や機能を追加したいときに便利です。
ひらがなを英字表示にして統一したい場合などに活用してはいかがでしょうか。あなたのサイトに最適なテキストを設定してみてください。
Comment コメントはこちらへ