ふき出しを作成する – シンブログサポートサイト

ふき出しブロックとは

ふき出しブロックを使用することで、簡単に会話形式の記事を作成することができます。
文章を会話のように見せることで読みやすく、分かりやすいコンテンツを作ることができます。
Q&Aやインタビュー、チュートリアルなどの読みものにおすすめです。

記事投稿画面のブロック追加ボタンから「ふき出し」のアイコンを選択します。

ブロック_吹き出しブロック.png

選択すると、初期状態のふき出しブロックが挿入されます。

※このマニュアルではファイルをアップロードして設定する方法を解説します。

ふき出しブロックのアイコン(人物)をクリックします。

「メディアの選択またはアップロード」の画面が表示されます。
アイコンに使用したい画像ファイルを画面上へドラッグ＆ドロップします。

画像ファイルがアップロードされ、ライブラリからイメージを参照できるようになります。
アイコンに設定したい画像にチェックを入れ「選択」をクリックします。

ふき出しにアイコンが表示されます。

※以下の方法でも設定できます。
設定パネルの「アイコン設定」より、画像URLの入力もしくは「アイコンを設定する」をクリックすると、ライブラリからアイコンを選択することができます。

アイコンURL設定.png

ふき出しの中をクリックすると、テキストを入力することができます。

ふき出しの中は、テキストの色を変えたり太字にしたり、自由に編集することが可能です。

ふき出しブロックを選択すると、記事投稿画面に設定パネルが表示されます。

ふきだしブロックの設定.png

以下の項目について設定することができます。

ふき出し配置	ふき出しの配置を左右どちらか設定することができます。
ふき出し形状	ふき出しの形状を「矢印」か「心の声」から選択することができます。
ふき出しの枠線	ふき出しの枠線を表示・非表示から選択することができます。
ふき出しの並び (モバイルのみ)	モバイル表示時にふき出しを縦並びにできます。
丸み	ふき出しの枠の丸みを設定することができます。

アイコン設定では枠線の有無や形状など、さらに細かい設定を行うことができます。

アイコン設定.png

非表示にする	アイコンの表示・非表示を設定することができます。
アイコンの枠線	アイコンの枠の表示・非表示を設定することができます。
アイコン形状	アイコンの形状を「サークル」か「四角」から選択することができます。
アイコン画像URL	使用したいアイコンの画像のURLを設定することができます。ライブラリから選択することも可能です。