本日は、LINE＠の読者さんから頂いたご質問に答えていこうと思います。
どんな内容かと言うと「speech bubbleで画像を表示させる方法」を教えて欲しいとのことでした。『speech bubble』とは以下のような吹き出しを表示させるプラグインのことです。
西川
こんな感じでポップな吹き出しを表示させることが出来ます。
一瞬でブログを可愛くアレンジすることが出来ますよ。ただし、デフォルトのままでは、自分の顔（アイコン）が表示されません。
自分
デフォルトのままではこんな感じの表示になります。
少し殺風景ですよね。というわけで、自分の顔（アイコン）を表示させる方法をご紹介します。
この記事の目次
WordPressに「speech bubble」をインストール
西川
まず、ブログまたは、サイトのダッシュボードを開いてください。
西川
左のメニューの中から『プラグイン』を選択→『新規追加』をクリック。
西川
そして、右上にある「プラグインの検索...」に speech bubble と入力してください。
コピペ→ speech bubble
西川
右下にあるspeech bubble（ふきだしプラグイン）を選択→『今すぐインストール』→「有効」
次にロリポップにログインしましょう！
西川
ログインが出来ましたら「サーバーの管理・設定」→「ロリポップ！FTP」を選択。
西川
ここからは動画解説をご覧ください。
動画解説「speech bubble」
西川
ここまで来たら９割の作業が完了です。あともう少しです！
以下のコードをコピペしてブログに貼り付け
![]()
自分の名前入力どうも！
上記のコードをブログ記事にコピペすると・・・
自分の名前入力
このようなアイコンが表示されます！
icon=" "の中をサーバーにアップした画像のコードを入力してください。
僕の場合は、icon="shin.jpg"になっています。
吹き出しの種類
初期設定では「drop」になっています。ちなみに僕の場合は、std にしています。複数のパターンがありますので、あなたの好みに設定してみてください。
type=" " の中に好みなコードを入力しましょう！
drop
Aさん
これがdropの表示になります！
Bさん
ポップなイメージの吹き出しですね！！
std
Aさん
これがstdの表示になります！
Bさん
シンプルなイメージの吹き出しですね！！
ln
Aさん
これがlnの表示になります！
Bさん
シンプルな浮き出しですね！！
ln-flat
Aさん
これがln-flatの表示になります！
Bさん
いい感じですね〜！
fb
Aさん
これがfbの表示になります！
Bさん
見覚えのあるデザインですね！！
fb-flat
Aさん
これがfb-flatの表示になります！
Bさん
見覚えのあるデザインですね！！
think
Aさん
これがthinkの表示になります！
Bさん
考えている感じのデザインですね！
pink
Aさん
これがpinkの表示になります！
Bさん
可愛いデザインですね！！
rtail
Aさん
これがrtailの表示になります！
Bさん
ベース色が青のブログなら合わせやすいデザインですね！！
L1＝左に人物アイコン,R1＝右に人物アイコン
subtype="L1"
→左にアイコンが表示されます。
subtype="R1"
→右にアイコンが表示されます。
吹き出しでブログに変化を！
ということで、吹き出しを表示させることで、あまり変化のないブログ記事を一気に変化させることが出来ます。とても便利なプラグインです。
特に、女性などは好きそうですね（笑）
このような少しの手間を面倒くさがらず行きましょう。
ではでは〜〜
