フリーランス主夫が開発・販売するWordPressテーマでコンテンツの作成をサポートするオリジナルブロック「吹き出し（会話風）」「吹き出し（考え風）」を活用すれば、アイコンが会話をしているような吹き出しコンテンツを簡単操作で作成できます。
オリジナルブロック「吹き出し（会話風）」
吹き出し（会話風）」
| アイコン | マウス操作で挿入、変換可能 |
| キャラ名 | テキスト入力で変更可能 文字色は変更不可 |
| 吹き出し背景色 | カラーピッカーでカスタム可能 |
| 吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
| アイコンと吹き出しの位置 | マウス操作で変更可能 |
| 上下余白 | マウス操作で変更可能 |
オリジナルブロック「吹き出し（会話風）」をつかえば、ワードプレス初心者のわたしでも簡単に作成できるの？
初心者でも大丈夫！
会話テキスト、キャラ名以外はマウス操作で簡単に作成出来るよ！
オリジナルブロック「吹き出し（考え風）」
吹き出し（考え風）
| アイコン | マウス操作で挿入、変換可能 |
| キャラ名 | テキスト入力で変更可能 文字色は変更不可 |
| 吹き出し背景色 | カラーピッカーでカスタム可能 |
| 吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
| アイコンと吹き出しの位置 | 変更不可 |
| 上下余白 | マウス操作で変更可能 |
考えてるみたいな吹き出しアイコンって作成できるのかなー？
Webサイト制作所のWordPressテーマなら「吹き出し（考え風）」のコンテンツを簡単に作成出来るよ！
オリジナルブロック「吹き出し（アイコン下）」
吹き出し（アイコン下）
| アイコン | マウス操作で挿入、変換可能 |
| キャラ名 | テキスト入力で変更可能 文字色は変更不可 |
| 吹き出し背景色 | カラーピッカーでカスタム可能 |
| 吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
| アイコンと吹き出しの位置 | 変更不可 |
| 上下余白 | マウス操作で変更可能 |
吹き出しが上、アイコンが下の吹き出しコンテンツを簡単に作成できます！
オリジナルブロック「アイコンボックス」
アイコンボックス
| アイコン | マウス操作で挿入、変換可能 |
| キャラ名 | テキスト入力で変更可能 文字色は吹き出し文字色 |
| 吹き出し背景色 | カラーピッカーでカスタム可能 |
| 吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
| アイコンと吹き出しの位置 | 変更不可 |
| ボーダー | カラーピッカーでカスタム可能 |
| 上下余白 | マウス操作で変更可能 |
吹き出しの上部にアイコンを重ねたコンテンツを簡単に作成できます！
「アイコン+吹き出し」コンテンツの作成方法
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところにオリジナルブロックを呼び出します
- 「ブロックを追加」を選択
- オリジナルブロックの追加したい項目を選択
※今回は「吹き出し（会話風）」を選択
STEP 2 コンテンツの作成 コンテンツを作成するために設定していきます
- ポップアップに吹き出し内のテキストを入力
- アイコンと画像の位置設定、アイコン画像の挿入、キャラ名、各種カラー設定、文字サイズ設定、上部余白設定をしてコンテンツを作成
アイコンと画像の位置設定はオリジナルブロック「吹き出し（会話風）」だけのカスタム設定です。オリジナルブロック「アイコンボックス」だけはボーダーカラーの設定が可能です。
STEP 3 完成 簡単操作で「アイコン+吹き出し」コンテンツが作成できます
吹き出しコメント以外はマウス操作で簡単に作成できます！カスタマイズも簡単です！