WordPressテーマ Cocoonに「関連記事」「あわせて読みたい」カードを設置する方法

様々なサイトでよく見る「関連記事」や「あわせて読みたい」のボックス。

推奨無料テーマ「Cocoon」では、あれをごくごく簡単に作成することができます。CSSカスタマイズ無し、プラグイン不要、Cocoonの機能だけで「あわせて読みたい」を作りましょう。

Cocoonで簡単ブログカードの作り方

基本的にはマウスでカチャカチャやるだけで出来上がるので、一度覚えれば何種類でもすぐに作れるようになると思います。

ブロックエディターでの作り方からご説明いたします。

1.新規ブロックを選択する

プロックの追加「＋」から「すべて表示」を選択します。

2.「COCOONブロック」へ

ブロックメニューから「COCOONブロック」→「ブログカード」を選択

3.「スタイル設定」でカードラベルを選択

付けた段階では「ラベルなし」の状態で表示されるので、右メニューの「ブロック」タブ→「スタイル設定」→「ラベル」タブを開いて、表示したいラベルを選択します。

4.ブログURLカードを作る

例えば「あわせて読みたい」を選択し、ボックスの中にURLカードを設置したい場合は、ブロックメニューから「リンク」を選択してURLを入力します。

5.出来上がり

これだけで「あわせて読みたい」ラベル付きのブログカードが出来上がります。

クラッシックエディターでの作成方法

クラッシックエディターでも、もちろん作成することが出来ます。

1.ビジュアルエディターで「スタイル」メニューを選択

「スタイル」→「囲みブログカードラベル」→「あわせて読みたい」を選択。

2.リンクの挿入

上メニューから「リンクの挿入」でリンクを設定(HTMLの挿入でもOKです)

3.出来上がり

たったこれだけで完成します。

いつでも安価でWordpress設定をお手伝いいたします