WordPressでショートコードを使うとき、「実際にどんな表示になるのか確認したい」と思ったことはありませんか？ Webサイト制作所のWordPressテーマに備わるオリジナルブロック「ショートコードプレビュー」を使えば、ブロックエディター上でショートコードの反映結果をそのままプレビュー可能。ページを更新せずに仕上がりをチェックできる、制作効率を高める便利なブロックです。
オリジナルブロック「ショートコードプレビュー」
ショートコードプレビュー
| 上下の余白 | px（ピクセル）単位で変更可能 |
| 横幅 | %で変更可能 |
オリジナルブロック「ショートコードプレビュー」にContact Form 7で作成した注文フォームのショートコードを設定
エラー: コンタクトフォームが見つかりません。
オリジナルブロック「ショートコードプレビュー」の設定方法
STEP 1 ショートコードプレビューを呼び出す ブロックエディターの挿入したいところに「ショートコードプレビュー」を呼び出します
- 「ブロックを追加」を選択
- オリジナルブロックの「ショートコードプレビュー」を選択
STEP 2 見出しを入力しカスタマイズ 見出しテキストを入力しカスタマイズ項目を選択
- ポップアップの入力フォームにショートコードを入力
- 上下余白・横幅を設定
- ショートコードのコンテンツがブロックエディターに反映