COFFEE
新規機能
リンクカードを作ったよ〜
↓みたいな書き方すればリンクを出せるよ
[sc_Linkcard url="ここにURLを貼るよ!"]
見出し2(h2)
これは見出し2のテキストです。左に縦線が表示され、上に53pxの間隔があります。
見出し3(h3)
これは見出し3のテキストです。下に薄い下線が表示され、上に40pxの間隔があります。
見出し4(h4)
これは見出し4のテキストです。
見出し5(h5)
これは見出し5のテキストです。
見出し6(h6)
これは見出し6のテキストです。
段落
これは通常の段落テキストです。本文の下に24pxの間隔が設定されています。複数行にわたるテキストを入力して、行間が適切に表示されることを確認してください。
もう一つの段落です。段落と段落の間には適切な間隔が設定されています。
リスト
順序なしリスト
- リスト項目1
- リスト項目2
- リスト項目3
- ネストされたリスト項目1
- ネストされたリスト項目2
- リスト項目4
順序ありリスト
- 最初の項目
- 2番目の項目
- 3番目の項目
- ネストされた項目1
- ネストされた項目2
- 4番目の項目
引用
これは引用ブロックです。重要な情報や引用文を表示する際に使用します。引用ブロックは左側にアクセントカラーの縦線が表示され、背景色も薄く設定されています。
引用ブロック内の複数の段落も適切に表示されます。
コード
インラインコード: console.log('Hello, World!');
コードブロック:
function example() {
const message = "これはコードブロックです";
console.log(message);
return message;
}
区切り線
上記の内容と下記の内容の間に区切り線を表示します。
テーブル
| 項目 | 説明 | 価格 |
|---|---|---|
| 商品A | これは商品Aの説明です | ¥1,000 |
| 商品B | これは商品Bの説明です | ¥2,000 |
| 商品C | これは商品Cの説明です | ¥3,000 |
画像
画像を挿入すると、適切な間隔と角丸が適用されます。キャプションも表示されます。

テキスト装飾
太字のテキストは、より太く表示されます。
斜体のテキストも使用できます。
取り消し線も利用可能です。
リンク
リンクテキストは下線が表示され、ホバーすると下線が消えます。
組み合わせ例
見出し3と段落
見出し3の下には薄い下線が表示されます。その下に段落が続きます。
リストと引用の組み合わせ
- リスト項目1
- リスト項目2
引用ブロックはリストの後にも適切に表示されます。
整形済みテキスト
整形済みテキストブロックを使用すると、改行やスペースがそのまま保持されます。
これは整形済みテキストです。
複数行にわたるテキストも
そのまま表示されます。

画像と文章を横並びにする方法もあります。
この記事内容をGutenbergエディタに貼り付けて、各ブロックのスタイルが正しく適用されているか確認してください。
