Gutenberg完全対応のSANGO Gutenberg について

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

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

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

サンプル例

にゃんにゃん
にゃんにゃん

コメント1

わんわん
わんわん

コメント2

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

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

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

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

各種設定項目

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

アイコンを設定する

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

名前を設定する

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

吹き出しの中の文章を入力する

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

吹き出しの位置を右側にする

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

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

各種色設定

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

コメントを残す

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。