サイト型トップページの作り方を公開しています!Check

Cocoon「新着記事」「もっと見る」「次のページ」のテキストをデフォルトから変更する方法

アイキャッチ/テキスト変更 Cocoon
Cocoon
記事内に広告が含まれています
スポンサーリンク

この記事では、Cocoonテーマを使っている際にあらかじめ設定されているボタンやキャプションのテキスト文言を変更する方法を紹介します。

掲載しているのはここの部分
  • 「新着記事」(見出し)
  • 「もっと見る」(ボタン)
  • 「次のページ」(ボタン)

Cocoonフォーラムを参考にPHPを使用します。

スポンサーリンク
この記事を書いた人
  • ブログ好きな40代主婦
  • CocoonサイトをCSSでカスタマイズ
  • 2020年1月1日ブログ開設
  • ドメインパワー40
  • 2023年~有料記事公開
    • →累計280件(月間約20件)購入いただいています
はっちゃん
です
プロフィール

コードを記述する場所/Cocoon(子テーマ)のfunctions.php

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

  1. 管理画面の「外観」から「テーマファイルエディター」
    • Cocoon Child: テーマのための関数 (functions.php)をクリックします
  2. 元から書いているコード(テーマ用関数)は消さずにPHPを記述します
    • //以下に子テーマ用の関数を書く、から下の行に追加しましょう

子テーマ(Cocoon child)が選択されていることを確認します

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ではテーマ独自のフィルターフックが多く用意されています。フィルターフックを使えば自由にカスタマイズが可能で、当記事のようなちょっとした変更や機能を追加したいときに便利です。

ひらがなを英字表示にして統一したい場合などに活用してはいかがでしょうか。あなたのサイトに最適なテキストを設定してみてください。

シェアはこちらから
はっちゃんをフォローする
スポンサーリンク
\記事がお役に立てたら/

お買い物の際にぽちっとお願いします

Profile
はっちゃん

40代、小中学生の息子の母。
当サイトで使っているワードプレステーマCocoonのデザインカスタマイズ、ブログ運営のことを主に発信しています。

PVアクセスランキング にほんブログ村
はっちゃんをフォローする

Comment コメントはこちらへ

タイトルとURLをコピーしました