こんにちは!ヒロ爺(@hirojiji60)です!
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺悩む.webp)
ブログ内に吹き出しを入れたいけど吹き出しって簡単に作れるのかな?
今回このような悩みにお答えします。
結論から先に言いますとSWELLでの吹き出しは、簡単に作れます。
ブログ内に吹き出しを入れる事で、さも会話しているような感じになってあなたのブログが見違えます。
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺?.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺?.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺?.webp)
SWELLを使っているけど簡単に吹き出しを入れられるの?
![](https://hirojiji60.com/wp-content/uploads/nigaoemaker1.png)
![](https://hirojiji60.com/wp-content/uploads/nigaoemaker1.png)
![](https://hirojiji60.com/wp-content/uploads/nigaoemaker1.png)
ハイ!簡単に入れられますよ。
それでは、わたしが実際使っているSWELLの吹き出しの説明をします。
![](https://hirojiji60.com/wp-content/uploads/All-you-need-is-love.-But-a-little-c-1-300x169.jpg)
![](https://hirojiji60.com/wp-content/uploads/All-you-need-is-love.-But-a-little-c-1-300x169.jpg)
吹き出しとは
![](https://hirojiji60.com/wp-content/uploads/2022/10/名称未設定のデザイン-812x426.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/名称未設定のデザイン-812x426.webp)
文字だけのブログだと堅苦しくなりがちですがそこに会話風の吹き出しを入れることにより文章にメリハリがつき読みやすくなります。
吹き出しを入れることによるメリット
感情を出しやすく読者が読みやすくなる
伝えたいことを直感的に伝えやすくなる
さも漫画を読んでいるかのように自分の世界に入れやすくなる
事前に準備に登録しておく
![](https://hirojiji60.com/wp-content/uploads/2022/10/名称未設定のデザイン-1-812x426.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/名称未設定のデザイン-1-812x426.webp)
ここで注意してほしいのは、画像サイズです。
画像サイズが大きいとサイトスピードに影響などでるので、なるべく小さくすることをオススメします。
画像サイズを小さくすれば良いと言う訳ではなく、あまり小さいとぼやけてしまうので注意しましょう。
吹き出しアイコンは、「似顔絵メーカー」やフリー素材の「いらすとや」と「ダ鳥獣ギ画」で作成しています。
ただしフリー素材で作ると他の人と似たようなアイコンになる可能性がありますからオリジナルティを求めるのでしたら
私も利用している「ココナラ」で作ると良いでしょう。
![](https://www13.a8.net/0.gif?a8mat=3BM37V+8XJMI+2PEO+1HVIJ5)
![](https://www13.a8.net/0.gif?a8mat=3BM37V+8XJMI+2PEO+1HVIJ5)
ふきだしの登録
「ふきだし」を使うには、最初にふきだしの登録をしなければ使えないので登録しておきましょう。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_11h08_41-812x386.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_11h08_41-812x386.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_09h19_09-812x291.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_09h19_09-812x291.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_11h09_31-812x409.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_11h09_31-812x409.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h53_07-1-812x415.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h53_07-1-812x415.webp)
最後に「登録」をクリックしてください。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h53_07-812x415.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h53_07-812x415.webp)
以上で登録は、終わりました。
吹き出しパーツの呼び出し方
![](https://hirojiji60.com/wp-content/uploads/2022/10/AdobeStock_367780907-812x586.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/AdobeStock_367780907-812x586.webp)
SWELLで記事内にふきだしをいれる簡単な方法を説明します。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_16h10_14-812x116.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_16h10_14-812x116.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h56_26.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h56_26.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h57_45-812x343.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h57_45-812x343.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h58_22-812x135.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h58_22-812x135.webp)
文字を入力する前に「/ふきだし」と入れると簡単に呼び出しことができます。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_09h23_2681.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_09h23_2681.webp)
ふきだし設定
ふきだし枠のカラーとか左側右側位置変更が簡単に変えられます。
ふきだしのブロックをクリックしますと右側にふきだし設定のパネルが表示しますのでふきだしの設定変更をしてください。
ふきだしブロックをクリックするとブロック全体に枠で囲まれたら設定パネルで操作ができます。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h22_29-812x62.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h22_29-812x62.webp)
ふきだしを変更したい項目をクリックすることでふきだし設定が変更できます。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h13_30.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-10_08h13_30.webp)
ふきだしの形
ふきだしの形は、「発信」と「心の声」があります。
デフォで使うときは、「発信」で独り言のような感じで使うときは、「心の声」とか用途似合わせて使い分けしましょう。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_24.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_24.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
これが「発信」です
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺悩む.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺悩む.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺悩む.webp)
これが「心の声」です
ふきだしの向き
ふきだしの向きを変えることで、会話風になります。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_241.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_241.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
ふきだしの向きも変えられます
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
右側の変更です
ふきだしの線
ふきだしの線は、好みによって変える事ができます。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_2413.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_2413.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
ふきだしの線があります
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺喜び.webp)
ふきだしの線なしです。
アイコン丸枠
アイコン画像に囲み枠を付けるか付けないかを選ぶ事ができます。
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_24135.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/2022-10-09_14h59_24135.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
アイコンの丸枠なしです。
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
![](https://hirojiji60.com/wp-content/uploads/2022/10/質問爺すまし顔.webp)
アイコンの丸枠ありです。
今回のまとめ
いかがでしたか?
「SWELL」では、簡単にふきだしを作れます。
視覚的にも文章の流れにも「ふきだし」を使う事で読みやすくなります。
今は、有料テーマは、もちろん無料テーマでも簡単にふきだしを作る事が出来ますがブログを始めたころの無料テーマ「COCOON」は、「CSS」を付け加える事でふきだしを作っていました。
パソコン初心者だったから本当に苦労しました。
初めて有料テーマを使って「ふきだし」を簡単に使える事に感動したのを今でも覚えています。
それでは、最後まで読んでいただきありがとうございました。ヒロ爺でした。したっけ!!
![](https://hirojiji60.com/wp-content/uploads/2021/08/名称未設定のデザイン-1-1-382x201.jpg)
![](https://hirojiji60.com/wp-content/uploads/2021/08/名称未設定のデザイン-1-1-382x201.jpg)
![](https://hirojiji60.com/wp-content/uploads/Pochipp-300x169.jpg)
![](https://hirojiji60.com/wp-content/uploads/Pochipp-300x169.jpg)
当サイト使用テーマ「SWELL」です
コメント