WordPressテーマCocoonで内部リンク(ブログカード)を貼る方法まとめ

システム開発
スポンサーリンク
スポンサーリンク

「他の記事も紹介したいけど、見栄えよくリンクを貼るにはどうしたらいい?」

WordPressで記事を書いていると、過去記事や関連情報に読者を誘導したくなる場面が多くあります。 そんなとき便利なのが、ブログカード形式の内部リンクです。

特に無料で高機能なテーマ「Cocoon」を使っている場合は、設定不要で簡単にブログカードを使うことができます。

この記事では、Cocoonでの内部リンクの貼り方や設定方法をわかりやすく解説します。

✅ Cocoonでの内部リンク方法(ブログカード)

Cocoonには、URLを貼るだけで簡単にカード型リンクを表示できる便利な機能があります。ここでは、その使い方とカスタマイズ方法をご紹介します。

🔹 特徴

  • 記事のURLをそのまま貼り付けるだけで、ブログカード風リンクに自動変換
  • テーマに標準搭載されているため、追加プラグイン不要
  • シンプルで軽量、手軽に扱えるのが魅力です

🔸 手順

【方法1】URLを貼るだけでOK

  1. WordPressの投稿編集画面を開く(クラシックでもブロックエディタでもOK)
  2. 内部リンクを貼りたい場所に、別記事のURLをそのまま貼り付ける
    例:https://example.com/sample-article
  3. Cocoonが自動で「ブログカード」(サムネイル+タイトル付きリンク)に変換してくれます

【方法2】テキストにリンクを貼る(カードにはならない)

  • 「詳しくはこちら」などのテキストにリンクを貼る場合は、通常のリンク機能を使用
  • この場合、ブログカード形式にはならず、テキストリンクになります

🔸 表示スタイルの変更

Cocoonでは、ブログカードの表示スタイルを以下のように調整可能です。

操作手順:

管理画面 →「Cocoon設定」→「ブログカード」

調整できる内容:

  • カードの横幅(フルサイズ/コンパクト)
  • サムネイル画像の表示/非表示
  • 内部リンク/外部リンクのカード化ON/OFF

これにより、サイトのデザインや用途に応じて柔軟にカスタマイズができます。

🔁 Cocoonの内部リンク活用まとめ

Cocoonの内部リンク機能を使うことで、サイト内の回遊性を高めるだけでなく、見た目にも優れたリンクを簡単に挿入できます。主な特徴を以下にまとめました。

機能 特徴
URL直貼り 自動でブログカードに変換される
テキストリンク 通常のリンクとして表示される
表示設定 管理画面で簡単に調整可能
プラグイン不要 Cocoonの標準機能で完結

✅ まとめ

この記事では、Cocoonテーマでのブログカードによる内部リンクの設定方法を解説しました。

Cocoonを使えば、URLを貼るだけで見た目の良いブログカードが表示されます。操作も簡単で、記事の回遊性アップやSEO対策にもつながります。

ぜひこの機能を活用して、あなたのブログをもっと魅力的にしていきましょう!

システム開発
スポンサーリンク
tobotoboをフォローする

コメント

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