このファイルの全文をコピーしてGutenbergエディターに貼り付け、各記法が正しく変換されることを確認してください。
見出し（H2）
これは普通の段落テキストです。太字や斜体、インラインコードが含まれています。
ああああああああ
いいいいいいいい
- リスト項目 A
- リスト項目 B
- リスト項目 C
見出し（H3）
通常テキストのペーストはプラグインの介入なしにGutenbergが処理します。
続きを読むブロック（実装済み）
記事の前の段落。
記事の後の段落。
コールアウト: グループブロックで囲む（実装済み）
省略記法 — INFO
お知らせ（省略記法）
これは :::info 省略記法のテストです。is-style-comp-info が適用されます。
省略記法 — WARNING
⚠️ 注意（省略記法）
:::warning → is-style-sme-alert-warning に変換されます。
省略記法 — SUCCESS
✅ 完了（省略記法）
:::success → is-style-sme-alert-success に変換されます。
省略記法 — related
フルネーム記法 — INFO
お知らせ
これは情報ブロックです。
- 箇条書き1
- 箇条書き2
太字テキストも正しく変換されます。
フルネーム記法 — WARNING
⚠️ 注意事項
この操作は取り消せません。実行前に必ずバックアップを取ってください。
フルネーム記法 — SUCCESS
✅ 完了しました
設定が正常に保存されました。変更は即時反映されます。
Visual Link Preview（実装済み）
https://mypacecreator.net/blog/archives/3037
ブロック変換時に情報が表示されていない（空ブロックになっている）場合は、変換後のブロックを選択し、サイドバーのブロック設定を開いて「Metadata Provider」項目内 “Select provider…” と表示されているプルダウンから”Self-hosted (PHP)” を選択してください。PHP側でURLの情報を取得し、タイトル・サムネイル・概要が表示されるようになります。
メディアとテキストブロック（実装済み）
基本形（左配置・50%幅）
これはメディアとテキストブロックの基本形です。
太字やリストも使えます。
- 項目A
- 項目B
右配置
メディアが右側に配置されます。テキストは左側に表示されます。
右配置・40%幅
メディア幅を40%に指定した例です。テキスト側が60%になります。
リンク付き画像
画像にリンクが設定されたメディアとテキストブロックです。
幅のみ指定（左配置・70%幅）
左配置のまま、メディア幅を70%に指定した例です。テキスト側が30%になります。
境界値テスト — 最小幅（15%）
メディア幅の最小値（15%）です。テキスト側が85%になります。
境界値テスト — 最大幅（85%）
メディア幅の最大値（85%）です。テキスト側が15%になります。
画像なし（フォールバック確認）
テキストのみで画像がない場合、メディアとテキストブロックにはならず通常の段落として処理されるべきケースです。
リッチなテキスト内容（見出し・複数段落・リスト）
テキスト側の見出し
最初の段落テキスト。太字と斜体を含みます。
2番目の段落テキスト。
- 番号付きリスト1
- 番号付きリスト2
- 番号付きリスト3
コールアウトとの混在
media-text の前に置かれたコールアウトです。
コールアウトの直後に配置されたメディアとテキストブロックです。
ボタンブロック（正式版）
ボタンブロック省略記法（shorthand-map.json の button セクションで定義）
※ shorthand-map.json に "button": { "primary": "vk-btn-primary" } を追加した場合のテスト
blue / orange（shorthand-map.json に定義済み）
再利用ブロック（実装済み）
ID指定
いぬ
エイリアス指定（shorthand-map.json の reuse セクションで定義）
お知らせ編集をした後
これは :::info 省略記法のテストです。is-style-comp-info が適用されます。
お知らせ編集をした後
ショートコード（WordPress 標準対応）
[contact-form-7 id=”1″ title=”お問い合わせフォーム”]
[my_gallery columns=”3″ size=”medium”]
汎用ブロック挿入（未実装）
{block:vk-blocks/balloon position=”left” name=”筆者” message=”これは吹き出しブロックのテストです。”}
以上がすべてのテストケースです。
注意事項
補足
お知らせ
お知らせ内容
お知らせ
お知らせ
btn ボタン
お知らせ編集をした後
これは :::info 省略記法のテストです。is-style-comp-info が適用されます。
お知らせ編集をした後
これは :::info 省略記法のテストです。is-style-comp-info が適用されます。
ブロック変換時に情報が表示されていない（空ブロックになっている）場合は、変換後のブロックを選択し、サイドバーのブロック設定を開いて「Metadata Provider」項目内 “Select provider…” と表示されているプルダウンから”Self-hosted (PHP)” を選択してください。PHP側でURLの情報を取得し、タイトル・サムネイル・概要が表示されるようになります。
お知らせ