「カラム」と「ブログカード」の使い方｜ブロックエディタ Cocoon編

ブロックエディタで ＋ をクリックし、すべて表示 をクリックします。

「デザイン」のブロック群で、カラム をクリックします。

カラムブロックのパターン選択画面が表示されます。

ここでは、2カラム（50/50）を選択します。

歯車マークをクリックして右側にメニューを表示します。

2つの枠の中心部分をクリックすると、カラム全体のメニューが右側に表示されます。

右メニューでカラム数を最大6まで選択できます。

ここでは、2つのカラムに戻して進めます。

各カラムの ＋ ボタンをクリックし、必要な要素を挿入します。

画像以外にもあらゆる要素を挿入することができます。

カラムの左側に画像、右側にリスト項目を挿入しました。

実際の画面で表示してみましょう。

PCでは2列1段、スマホでは1列2段で表示されます。

ブロックのリストで、ブログカード をクリックします。

ブログカードのブロックが表示されました。

右メニューを表示するには、歯車マークをクリックします。

ブログカードの右上に、ラベルのフレーズを表示できます。

右メニューの「ラベル」のドロップダウンリストから、適切なレベルを選びます。

次に、表示したい記事のリンクを直接入力（またはコピペ）します。

エディタ上はリンクが表示されていますが、実際の表示では以下のようになります。

ブログカードについての解説は以上になります。