![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロックを活用すれば、色々なアイコン+吹き出しコンテンツが簡単作成できます!](https://huntoshuhu.com/wp-content/uploads/2023/11/iconfukidashi_thumbnail_728.gif)
フリーランス主夫が開発・販売するWordPressテーマでコンテンツの作成をサポートするオリジナルブロック「吹き出し(会話風)」「吹き出し(考え風)」を活用すれば、アイコンが会話をしているような吹き出しコンテンツを簡単操作で作成できます。
オリジナルブロック「吹き出し(会話風)」
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕が開発・販売するWordPressテーマのオリジナルブロック「吹き出し(会話風)」を活用すれば、アイコンが会話しているような吹き出しコンテンツをマウス操作で簡単作成できます!
吹き出し(会話風)」
アイコン | マウス操作で挿入、変換可能 |
キャラ名 | テキスト入力で変更可能 文字色は変更不可 |
吹き出し背景色 | カラーピッカーでカスタム可能 |
吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
アイコンと吹き出しの位置 | マウス操作で変更可能 |
上下余白 | マウス操作で変更可能 |
![奮闘主夫の運営責任者の嫁さん](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample_g.png)
オリジナルブロック「吹き出し(会話風)」をつかえば、ワードプレス初心者のわたしでも簡単に作成できるの?
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
作成できるよ!
WordPressが初心者でも、HTMLやCSSなどのスキルが無くても簡単に作成できるよ!
![フリーランス主夫の娘](https://huntoshuhu.com/wp-content/uploads/2023/09/ichichan_icon100.jpg)
いっちゃんにも作成できる?
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
いっちゃんはまだ0歳だからさすがに無理かな(笑)
もう少し大きくなったらできるよ!
オリジナルブロック「吹き出し(考え風)」
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕が開発・販売するWordPressテーマのオリジナルブロック「吹き出し(考え風)」を活用すれば、アイコンが考え事をしているような吹き出しコンテンツをマウス操作で簡単作成できます!
吹き出し(考え風)
アイコン | マウス操作で挿入、変換可能 |
キャラ名 | テキスト入力で変更可能 文字色は変更不可 |
吹き出し背景色 | カラーピッカーでカスタム可能 |
吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
アイコンと吹き出しの位置 | 変更不可 |
上下余白 | マウス操作で変更可能 |
今日の晩御飯は何にしようかな~?
ラーメン、ハンバーグ、オムライス、お鍋、お寿司、お父ちゃんは何が食べたいって言うかな~?
![奮闘主夫の運営責任者の嫁さん](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample_g.png)
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
また、食べ物のこと考えてるな(笑)
上記のような「吹き出し(会話風)」コンテンツも楽々作成できるよ!
オリジナルブロック「吹き出し(アイコン下)」
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕が開発・販売するWordPressテーマのオリジナルブロック「吹き出し(アイコン下)」を活用すれば、吹き出しが上、アイコンが下の吹き出しコンテンツをマウス操作で簡単作成できます!
吹き出し(アイコン下)
アイコン | マウス操作で挿入、変換可能 |
キャラ名 | テキスト入力で変更可能 文字色は変更不可 |
吹き出し背景色 | カラーピッカーでカスタム可能 |
吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
アイコンと吹き出しの位置 | 変更不可 |
上下余白 | マウス操作で変更可能 |
吹き出しが上、アイコンが下の吹き出しコンテンツを簡単に作成できます!
![田舎移住を目指しながら、ウェブサイト「奮闘主夫」を運営するフリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/09/huntoshufu_unei_w100.png)
オリジナルブロック「アイコンボックス」
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕が開発・販売するWordPressテーマのオリジナルブロック「アイコンボックス」を活用すれば、吹き出し(カラーボックス)の上部にアイコンを重ねたコンテンツをマウス操作で簡単作成できます!
アイコンボックス
アイコン | マウス操作で挿入、変換可能 |
キャラ名 | テキスト入力で変更可能 文字色は吹き出し文字色 |
吹き出し背景色 | カラーピッカーでカスタム可能 |
吹き出し文字色 | カラーピッカーでカスタム可能 マウス操作で文字サイズ変更可能 |
アイコンと吹き出しの位置 | 変更不可 |
ボーダー | カラーピッカーでカスタム可能 |
上下余白 | マウス操作で変更可能 |
![田舎移住を目指しながら、ウェブサイト「奮闘主夫」を運営するフリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/09/huntoshufu_unei_w100.png)
吹き出しの上部にアイコンを重ねたコンテンツを簡単に作成できます!
「アイコン+吹き出し」コンテンツの作成方法
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕の開発・販売するWordPressテーマのオリジナルブロック「吹き出し(会話風)」「吹き出し(考え風)」「吹き出し(アイコン下)」「アイコンボックス」を活用すればアイコン+吹き出しコンテンツが簡単に作成できます!こちらでは作成方法を解説します。上記4種類が同じ作成方法です。
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところにオリジナルブロックを呼び出します
![フリーランス主夫が開発・販売するWordPressテーマのオリジナルブロックで「アイコン+吹き出し」コンテンツを作成する方法。STEP1](https://huntoshuhu.com/wp-content/uploads/2023/11/af_sakusei_step1_728.gif)
- 「ブロックを追加」を選択
- オリジナルブロックの追加したい項目を選択
※今回は「吹き出し(会話風)」を選択
STEP 2 コンテンツの作成 コンテンツを作成するために設定していきます
![フリーランス主夫が開発・販売するWordPressテーマのオリジナルブロックで「アイコン+吹き出し」コンテンツを作成する方法。STEP2](https://huntoshuhu.com/wp-content/uploads/2023/11/af_sakusei_step2_728.gif)
- ポップアップに吹き出し内のテキストを入力
- アイコンと画像の位置設定、アイコン画像の挿入、キャラ名、各種カラー設定、文字サイズ設定、上部余白設定をしてコンテンツを作成
アイコンと画像の位置設定はオリジナルブロック「吹き出し(会話風)」だけのカスタム設定です。オリジナルブロック「アイコンボックス」だけはボーダーカラーの設定が可能です。
STEP 3 完成 簡単操作で「アイコン+吹き出し」コンテンツが作成できます
![フリーランス主夫が開発・販売するWordPressテーマのオリジナルブロックで「アイコン+吹き出し」コンテンツを作成する方法。STEP3 完成](https://huntoshuhu.com/wp-content/uploads/2023/11/af_sakusei_stepkansei_728.gif)
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
吹き出しコメント以外はマウス操作で簡単に作成できます!カスタマイズも簡単です!
WordPressテーマのオリジナルブロック
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
ぼくが開発・販売するWordPressテーマには、今回紹介した4種類の「アイコン+吹き出し」ブロックの他にも、コンテンツの作成をサポートするテーマ専用のオリジナルブロックが多数あります!