【Cocoonカスタマイズ】エントリーカードからコメント欄へのリンクを追加する方法

はじめに
完成イメージ
実装手順
さいごに

はじめに

以下の質問に回答します。

設定を見落とししていたら申し訳ありません。 Simplicityのレイアウトの設定にあった「コメント数の表示」をCocoonでもオプションで設定できるようにしてもらえないでしょうか？ Simplicityと同じように更新日の右横にリンク付き...

エントリーカードのコメント数表示から、コメント欄へジャンプするリンクを追加します。

この記事では、この方法について説明します。

エントリーカード全体がリンクでも、中に別のリンクを追加する方法

「CocoonのエントリーカードにAmazon・楽天のリンクボタンを追加する方法」を解説。ACFで商品リンク用のカスタムフィールドを作成し、エントリーカード内にAmazon・楽天市場・記事へのボタンを表示する方法や、リンク構造に配慮した実装方法を分かりやすく紹介します。

完成イメージ

実装手順

以下のコードをfunctions.phpに追加します。

add_filter('cocoon_part__tmp/entry-card', function ($content) {
  $pattern = '/<span class="post-comment-count">/';
  $replacement = '<span class="post-comment-count" title="コメントを見る" onclick="event.preventDefault();location.href=\''
    . esc_url(get_the_permalink() . '#comments')
    . '\';">';

  return preg_replace($pattern, $replacement, $content);
});

さいごに

今回紹介した方法を使えば、エントリーカードに表示されるコメント数から直接コメント欄へジャンプさせることができます。
これにより、読者がすぐにコメントを確認・投稿できるため、ユーザー体験が向上します。