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

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

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

サンプル例

にゃんにゃん

コメント１

わんわん

コメント２

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

目次非表示

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

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

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

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

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

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

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

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

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

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

プリセット機能を使うと一度設定しておいた吹き出しの設定を使い回すことができます。ブログ用途などで吹き出しを使うケースは多いと思いますので、ぜひ作った吹き出しはプリセット機能で保存しておきましょう。

あらかじめ保存したい内容を設定しておいた上で、右メニューの「カスタムプリセットを開く」をクリックします。

「今の設定をプリセットとして保存」をクリックすると名前をつけて現在の設定を保存することができます。

保存したプリセット（設定項目）はツールバーより選択することでいつでも呼び出すことが可能です。