【SANGO 吹き出しブロック】の使い方

この記事では、SANGO Gutenberg プラグインのオリジナルブロックである【SANGO 吹き出しブロック】について解説していきます。

質問コーナーやユーザー同士がやりとりをしている場面などを再現したい場合にお役に立てると思います。例えば以下のような吹き出しを【SANGO 吹き出しブロック】で作ることができます。

サンプル例

にゃんにゃん

コメント１

わんわん

コメント２

まずは、使い方をざっくりと掴んでいただけるように動画を用意しましたのでご覧ください。

SANGO吹き出しブロックの呼び出し方

まずはエディターを開き、ブロック追加ボタンをクリックします。

クリックすると、ブロック一覧が表示されるのでその中から「吹き出し」と書かれたブロックを選択します。

次に、SANGO吹き出しブロックの設定項目についてご紹介します。

アイコン表示の部分をクリックすると、メディアの選択またはアップロード画面に遷移するので、アイコンに使用したい画像を選択してください。

アイコン表示の下に「名前」と表示されてる部分をクリックすると、入力に切り替わるのでお好きな名前を設定することができます。

吹き出しの枠内をクリックすると文章を入力することができます。

「右側から表示」のチェックボックスにチェックを入れると、吹き出しが右側からの表示になります。

また、「デフォルトのアイコンを使用」をクリックしていただくと、カスタマイザーで吹き出し用に設定されているアイコンが利用されます。

吹き出しの中の文字や、枠の色などそれぞれ適応される色を指定することもできます。