【超簡単】ブログ（WordPress）で吹き出しを入れる方法！

この記事では、WordPressで作成したブログ記事へ、吹き出しアイコンを入れる方法について解説していきます。

あなたは、ブログ記事で作成するさいに、

と、考えたことはありません？

WordPressの有料テーマ（テンプレート）なら、最初から吹き出しが使えるものも多くありますが、出来れば無料で作成したいところですよね。

これ結論からお伝えしますと、

それでは詳しく見ていきましょう。

スポンサーリンク

サブスク自動集客ツール

「売り上げが伸びない…。」など、集客ができずに悩んでいませんか？

ツールをポチッとするだけでほったらかしで集客できてしまうツール。

月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。

→　ほったらかしでも集客できるツール

 

ブログ（WordPress）で吹き出しを入れる方法！

ブログ（WordPress）で吹き出しを入れる方法はコチラでしたね。

それでは1つ1つ見ていきましょう。

step
1WordPressへログインをする

まずは、吹き出しのプラグインを入れるためにも、WordPressへとログインをしましょう。

step
2「プラグイン」→「新規追加」をクリックする

WordPressへとログインをしたら、左のメニューにあります、

と、進めていきましょう。

step
3「Word Balloon」を検索して「今すぐインストール」をクリックする

するとプラグイン追加の画面になりますので、

と、この手順で進めていきましょう。

step
4プラグインの「有効化」をクリックする

インストールが完了になったら、「今すぐインストール」のボタンが「有効化」に変わるので、この「有効化」をクリックしましょう。

step
5「投稿」→「新規追加」をクリックする

「有効化」をクリックしたら、左のメニューにあります、

と、進めていきましょう。

step
6「ビジュアル」をクリックする

「新規追加」をクリックしたら、次は「ビジュアル」をクリックしましょう。

step
7「Word Balloon（ふきだし）」アイコンをクリックする

「ビジュアル」をクリックしたら、メニューにあります「Word Balloon（ふきだし）」アイコンをクリックしましょう。

step
8「セリフを記入」に文字を入力する

「Word Balloon（ふきだし）」アイコンをクリックしたら、「セリフを記入」に文字を入力してください。

step
9「挿入ボタン」をクリックする

「セリフを記入」に文字を入力したら、「挿入ボタン」をクリックしましょう。

step
10「公開」をクリックする

「挿入ボタン」をクリックするとコードが入力されるので、あとは「公開」をクリックしたら完了です。

完成！

すると上記のように、WordPress（ブログ）で簡単に吹き出しを作成することができるのです。

吹き出しパターン一覧！

ノーマルの吹き出し

上下を逆転

アイコンに枠線

アイコンに影をつける

反転する

文字の色とサイズ変更

上下に揺れる

左右に揺れる

ぷるぷる揺れる

拡大する

回転する

点滅する

横に回転する

動いて消える

フリフリ揺れる

セリフも動いたりする

アイコンに名前を表示

アイコンをぼかす

アイコンに動きをつける方法！

アイコンに動きを付ける方法はコチラです。

それでは1つ1つ見ていきましょう。

step
1「効果」をクリックする

まずは、「Word Balloon（ふきだし）」アイコンをクリックしたら出てきます、吹き出しの挿入画面下にあります「効果」をクリックしましょう。

step
2「1番左にあるプルダウンメニュー」をクリックする

「効果」をクリックしたら、下にプルダウンメニューが出てくるので、「1番左にあるプルダウンメニュー」をクリックしましょう。

step
3「動かしたい効果」をクリックする

すると効果の種類が出てきますので、「動かしたい効果」をクリックしましょう。

step
4「挿入」をクリックする

「動かしたい効果」をクリックしたら、あとは「挿入」をクリックしたら完了です。

すると選択した動きをするアイコンが挿入することができるのです。

セリフを動かす方法！

「1番右にあるプルダウンメニュー」をクリックすると、セリフに動きをつけることが出来ます。

アイコン（人物）の画像を変更する方法！

アイコン（人物）の画像を変更する方法はコチラです。

それでは1つ1つ見ていきましょう。

step
1変更するアイコンを用意する

まずは、変更したいアイコンを用意しましょう。

フリー素材のアイコンがダウンロードできるサイトはコチラがオススメです。

step
2「Word Balloon（ふきだし）」アイコンをクリックする

アイコンに使用する素材をダウンロードしたら、WordPressの記事作成画面を開いて、「Word Balloon（ふきだし）」アイコンをクリックしましょう。

step
3「アイコン（人物）」をクリックする

「Word Balloon（ふきだし）」アイコンをクリックしたら、「アイコン（人物）」をクリックしてください。

step
4「ファイルをアップロード」→「ファイルを選択」をクリックする

するとメディアの追加画面が出てくるので、

と、進めていきましょう。

step
5「画像」→「開く」をクリックする

すると画像選択画面が出てくるので、

と、進めていきましょう。

step
6「画像」→「選択」をクリックする

画像をアップロードしたら、アイコンにしたい画像を選択して、画面右下にあります「投稿に挿入」をクリックしましょう。

step
7「挿入」をクリックする

「投稿に挿入」をクリックしたら、「挿入」をクリックして完了となります。

男性のアイコン

女性のアイコン

人型アイコン

すると上記アイコンのように、自由にアイコン（人物）の画像を変更することができるのです。

決まったアイコン画像を繰り返し使用する方法！

上記はその都度、画像を選択しなければいけませんが、定期的に使うための設定方法はコチラになります。

それでは1つ1つ見ていきましょう。

step
1「設定」→「Word Balloon」をクリックする

まずは、WordPressの左のメニューにあります、

と、進めていきましょう。

step
2「名前」を入力する

「Word Balloon」をクリックしたら、アバターの新規登録画面が出てくるので、管理するアバターの「名前」を入力しましょう。

step
3「写真の選択」をクリックする

「名前」を入力したら、「写真の選択」をクリックしましょう。

step
4「ファイルをアップロード」→「ファイルを選択」をクリックする

するとメディアの追加画面が出てくるので、

と、進めていきましょう。

step
5「画像」→「開く」をクリックする

すると画像選択画面が出てくるので、

と、進めていきましょう。

step
6「画像」→「選択」をクリックする

画像をアップロードしたら、アイコンにしたい画像を選択して、画面右下にあります「投稿に挿入」をクリックしましょう。

step
7「アバターの登録」をクリックする

「投稿に挿入」をクリックしたら、「アバターの登録」をクリックしましょう。

同じ要領で複数アバターを作成しましょう。

step
8「投稿」→「新規追加」をクリックする

「アバターの登録」をクリックしたら、左のメニューにあります、

と、進めていきましょう。

step
9「ビジュアル」をクリックする

「新規追加」をクリックしたら、次は「ビジュアル」をクリックしましょう。

step
10「Word Balloon（ふきだし）」アイコンをクリックする

「ビジュアル」をクリックしたら、メニューにあります「Word Balloon（ふきだし）」アイコンをクリックしましょう。

step
11「アイコン選択フォーム」をクリックする

「Word Balloon（ふきだし）」アイコンをクリックしたら、既に作成したアイコンが登録されています。

複数アイコンを作成した場合、「アイコン選択フォーム」をクリックして簡単に切り替えることが出来ます。

アイコンに名前を付ける方法！

それでは1つ1つ見ていきましょう。

step
1「名前」をクリックする

まずは、「Word Balloon（ふきだし）」アイコンをクリックして、「名前」をクリックしましょう。

step
2「表示名」に名前を入力する

「名前」をクリックすると下にメニューが出てくるので、「表示名」に名前を入力しましょう。

step
3「挿入」をクリックする

「表示名」に名前を入力したら、「挿入」をクリックするだけで完了です。

完成！

すると上記、吹き出しのようにアイコンに名前を表示することができるのです。

人物と吹き出しの向きを変更する方法！

人物と吹き出しの向きを変更する方法はコチラです。

それでは1つ1つ見ていきましょう。

step
1「→」をクリックする

まず「Word Balloon（ふきだし）」アイコンをクリックしたら、「→」をクリックしましょう。

step
2「挿入」をクリックする

「→」をクリックしたら、セリフなどを入力して「挿入」をクリックしたら完了です。

完成！

すると上記の吹き出しのように、アイコンの位置を簡単に左右反対にすることができるのです。

【超簡単】ブログ（WordPress）で吹き出しを入れる方法のまとめ

まとめますと、

以上が、【超簡単】ブログ（WordPress）で吹き出しを入れる方法についてでした。

是非、意識してチャレンジしてみてください。