Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

※PR

ブログ

【超簡単】ブログ(WordPress)で吹き出しを入れる方法!

更新日:

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

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

吹き出しで文章を作成したいんだけど、どうやって作成すればいいの?

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

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

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

  • ブログ(WordPress)で吹き出しを入れる方法はコチラです。

吹き出しの作成方法!

  1. WordPressへログインをする
  2. 「プラグイン」→「新規追加」をクリックする
  3. 「Word Balloon」を検索して「今すぐインストール」をクリックする
  4. プラグインの「有効化」をクリックする
  5. 「投稿」→「新規追加」をクリックする
  6. 「ビジュアル」をクリックする
  7. 「Word Balloon(ふきだし)」アイコンをクリックする
  8. 「セリフを記入」に文字を入力する
  9. 「挿入ボタン」をクリックする
  10. 「公開」をクリックする

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

スポンサーリンク

目次


ブログで月収58万円稼げた方法

ブログ未経験の主婦が…。

実践して8ヶ月目に月収58万円を突破した方法です。

ブログを使って稼ぐ方法に興味がありましたらご覧ください。

→ 初心者の主婦が月収58万円稼いだ方法

 

ブログ(WordPress)で吹き出しを入れる方法!

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

吹き出しの作成方法!

  1. WordPressへログインをする
  2. 「プラグイン」→「新規追加」をクリックする
  3. 「Word Balloon」を検索して「今すぐインストール」をクリックする
  4. プラグインの「有効化」をクリックする
  5. 「投稿」→「新規追加」をクリックする
  6. 「ビジュアル」をクリックする
  7. 「Word Balloon(ふきだし)」アイコンをクリックする
  8. 「セリフを記入」に文字を入力する
  9. 「挿入ボタン」をクリックする
  10. 「公開」をクリックする

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

step
1
WordPressへログインをする

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

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

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

  1. 「プラグイン」をクリック
  2. 「新規追加」をクリック

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

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

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

  1. 「Word Balloon」を入力して検索
  2. 「今すぐインストール」をクリック

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

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

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

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

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

  1. 「投稿」をクリック
  2. 「新規追加」をクリック

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

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

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

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

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

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

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

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

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

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

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

完成!

テストテスト

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

吹き出しパターン一覧!

ノーマルの吹き出し

ノーマル!

上下を逆転

上下を逆転!

アイコンに枠線

アイコンに枠線!

アイコンに影をつける

アイコンに影をつける!

反転する

反転する!

文字の色とサイズ変更

文字の色とサイズ!

上下に揺れる

上下に揺れる!

左右に揺れる

左右に揺れる!

ぷるぷる揺れる

ぷるぷる揺れる!

拡大する

拡大する!

回転する

回転する!

点滅する

点滅する!

横に回転する

横に回転する!

動いて消える

動いて消える!

フリフリ揺れる

フリフリ揺れる!

セリフも動いたりする

セリフも動いたりする!

アイコンに名前を表示

Aさん
Aさん
アイコンに名前を表示!

アイコンをぼかす

Aさん
Aさん
アイコンをぼかす!

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

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

アイコンに動き!

  1. 「効果」をクリックする
  2. 「1番左にあるプルダウンメニュー」をクリックする
  3. 「動かしたい効果」をクリックする
  4. 「挿入」をクリックする

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

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

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

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

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

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

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

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

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

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

セリフを動かす方法!

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

アイコン(人物)の画像を変更する方法!

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

アイコン画像の変更

  1. 変更するアイコンを用意する
  2. 「Word Balloon(ふきだし)」アイコンをクリックする
  3. 「アイコン(人物)」をクリックする
  4. 「ファイルをアップロード」→「ファイルを選択」をクリックする
  5. 「画像」→「開く」をクリックする
  6. 「画像」→「選択」をクリックする
  7. 「挿入」をクリックする

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

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

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

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

アイコン素材サイト

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

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

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

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

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

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

  1. 「ファイルをアップロード」をクリック
  2. 「ファイルを選択」をクリック

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

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

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

  1. 「画像」を選択
  2. 「開く」をクリック

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

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

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

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

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

男性のアイコン

男性のアイコン

女性のアイコン

女性のアイコン

人型アイコン

人型アイコン

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

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

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

アイコンの設定を作成!

  1. 「設定」→「Word Balloon」をクリックする
  2. 「名前」を入力する
  3. 「写真の選択」をクリックする
  4. 「ファイルをアップロード」→「ファイルを選択」をクリックする
  5. 「画像」→「開く」をクリックする
  6. 「画像」→「選択」をクリックする
  7. 「アバターの登録」をクリックする
  8. 「投稿」→「新規追加」をクリックする
  9. 「ビジュアル」をクリックする
  10. 「Word Balloon(ふきだし)」アイコンをクリックする
  11. 「アイコン選択フォーム」をクリックする

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

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

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

  1. 「設定」をクリック
  2. 「Word Balloon」をクリック

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

step
2
「名前」を入力する

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

名前は入力しなくても大丈夫です。

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

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

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

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

  1. 「ファイルをアップロード」をクリック
  2. 「ファイルを選択」をクリック

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

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

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

  1. 「画像」を選択
  2. 「開く」をクリック

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

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

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

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

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

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

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

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

  1. 「投稿」をクリック
  2. 「新規追加」をクリック

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

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

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

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

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

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

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

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

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

アイコンに名前を表示!

  1. 「名前」をクリックする
  2. 「表示名」に名前を入力する
  3. 「挿入」をクリックする

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

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

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

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

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

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

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

完成!

Aさん
Aさん
名前の入力!

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

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

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

向きを左右反転!

  1. 「→」をクリックする
  2. 「挿入」をクリックする

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

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

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

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

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

完成!

人物の向きを変える!

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

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

まとめますと、

吹き出しの作成方法!

  1. WordPressへログインをする
  2. 「プラグイン」→「新規追加」をクリックする
  3. 「Word Balloon」を検索して「今すぐインストール」をクリックする
  4. プラグインの「有効化」をクリックする
  5. 「投稿」→「新規追加」をクリックする
  6. 「ビジュアル」をクリックする
  7. 「Word Balloon(ふきだし)」アイコンをクリックする
  8. 「セリフを記入」に文字を入力する
  9. 「挿入ボタン」をクリックする
  10. 「公開」をクリックする

アイコンに動き!

  1. 「効果」をクリックする
  2. 「1番左にあるプルダウンメニュー」をクリックする
  3. 「動かしたい効果」をクリックする
  4. 「挿入」をクリックする

アイコン画像の変更

  1. 変更するアイコンを用意する
  2. 「Word Balloon(ふきだし)」アイコンをクリックする
  3. 「アイコン(人物)」をクリックする
  4. 「ファイルをアップロード」→「ファイルを選択」をクリックする
  5. 「画像」→「開く」をクリックする
  6. 「画像」→「選択」をクリックする
  7. 「挿入」をクリックする

アイコンの設定を作成!

  1. 「設定」→「Word Balloon」をクリックする
  2. 「名前」を入力する
  3. 「写真の選択」をクリックする
  4. 「ファイルをアップロード」→「ファイルを選択」をクリックする
  5. 「画像」→「開く」をクリックする
  6. 「画像」→「選択」をクリックする
  7. 「アバターの登録」をクリックする
  8. 「投稿」→「新規追加」をクリックする
  9. 「ビジュアル」をクリックする
  10. 「Word Balloon(ふきだし)」アイコンをクリックする
  11. 「アイコン選択フォーム」をクリックする

アイコンに名前を表示!

  1. 「名前」をクリックする
  2. 「表示名」に名前を入力する
  3. 「挿入」をクリックする

向きを左右反転!

  1. 「→」をクリックする
  2. 「挿入」をクリックする

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

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

スポンサーリンク

-ブログ

Copyright© Affiliate Re:Life , 2024 All Rights Reserved.