ショートコートをプレビューできるブロックを追加できる：CD2 Gutenberg Shortcode Block Preview
ショートコートをプレビューできるブロックを追加できる WordPress 用プラグインの紹介です。
それは「CD2 Gutenberg Shortcode Block Preview」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
CD2 Gutenberg Shortcode Block Preview
CD2 Gutenberg Shortcode Block Preview は、Gutenberg エディターにショートコートをプレビュー表示できるブロックを追加できます。
WordPress REST API を使用してショートコードをプレビューできるようにしています。
記事を作成もしくは更新時点でのバージョン：v 1.0.5
マルチサイトでの利用:可
Gutenberg エディターでの動作
Gutenberg エディターに専用ブロックが追加されます。
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
CD2 Gutenberg Shortcode Block Preview – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「CD2 Gutenberg Shortcode Block Preview」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
CD2 Gutenberg Shortcode Block Preview は、日本語化対応がされているので、有効化するだけで日本語化されます。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
CD2 Gutenberg Shortcode Block Preview を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト（テーマ・プラグイン）用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
CD2 Gutenberg Shortcode Block Preview に専用メニューは無いです。
使い方
使い方は至って簡単です。
WordPress 標準のショートコートブロックの代わりに専用ブロックを追加し、
プレビュー表示したいショートコートを貼り付けるだけです。
上の例では、指定した URL のスクリーンショットを表示してくれるプラグインのショートコートを貼り付けています。
ブロックのフォーカスを外すとショートコートが動作して内容が表示されます。
プレビュー表示できるだけでなくて、
実際に投稿を表示させても WordPress 標準のショートコートブロックのように動作します。