スポンサーリンク

スポンサーリンク

WordPress 便利なプラグイン

【WordPress】吹き出しプラグイン『speech bubble』

更新日:

 
今回は吹き出しプラグイン『Speech bubble』をご紹介します。

 

きらり
吹き出しプラグイン!?
結耶
そうだよ。この会話形式にできるプラグインだよ♪
きらり
あっ!このプラグインね!

 
このプラグインを使うと上記のような会話形式にすることができます。
会話形式にすると表現が豊かになり、記事を読みやすくなります。記事を書く側も読んでくれている人も楽しくなるプラグインです。

 
 

 
 

吹き出しプラグイン『Speech bubble』

インストール

管理画面から[プラグイン]⇒[新規追加]⇒『Speech bubble』を検索してください。

[今すぐインストール]して[有効化]してください。

 

設定(アイコンのアップロード)

会話で使うアイコン画像をアップロードします。
アイコン画像はプラグインフォルダに入れなければならないので、FTPツールを使ってアイコン画像をアップロードしてください。

 

アイコン画像をアップロードする場所

  • [wp-content]⇒[Plugins]⇒[speech-bubble]⇒[img]

 
FTPツールはいろいろありますので使い方は各FTPツールで確認してください。
FTPツールでのサーバーの設定をする際にはお使いのレンタルサーバーで確認してください。

 

スポンサーリンク

 
 

使い方(吹き出しの設定)

ショートコード

ショートコード
speech_bubble type="吹き出しの種類" subtype="アイコンの位置" icon="アイコン画像" name="名前"

 

吹き出しの種類

吹き出しの種類を設定します。吹き出しの種類は後で説明します。

アイコンの位置

アイコンを左側に表示させる場合は『L1』、右側に表示させる場合は『R1』と入れます。

アイコン画像

表示したいアイコン画像のファイル名を設定してください。

名前

表示させる名前を設定してください。

会話文(セリフ)

上記の設定までを[ ]で囲み、その後に会話文(セリフ)を入力してください。
会話文(セリフ)を入力したら[/speech_bubbl]で閉じてください。

 

《サンプル》
[speech_bubble type="pink" subtype="L1" icon="yuuya.PNG" name="結耶"]こんにちは[/speech_bubble]
[speech_bubble type="pink" subtype="R1" icon="dog.PNG" name="きらり"]こんにちは[/speech_bubble]

 

結耶
こんにちは
きらり
こんにちは

 
 

吹き出しの種類

drop
きらり
これがdropだね!
結耶
そうだよ~♪
std
きらり
これがstdだね。
結耶
シンプルでしょ~♪
rtail
きらり
これがrtailだね!これ好き~
結耶
きらりこれ好きなの?メモしとくねw
pink
きらり
このpinkは結耶がいつも使ってるのだね!
結耶
そうそう!私が一番好きな吹き出しかな!?
fb
結耶
このfbはFacebook風の吹き出しだよ。
きらり
これFacebook風ななんだぁ。
fb-flat
結耶
これがfb-flatだよ!
きらり
これもFacebook風?…なんかすごいね。
ln
結耶
このlnはなに風かわかる?
きらり
LINEでしょ~♪
ln-flat
結耶
このln-flatもLINE風だね。
きらり
おぉ~♪LINE風だ~!

 
 

最後に

このプラグインを使って吹き出し形式にすると表現が豊かになり、わかり易い記事が書けると思います。
吹き出しの種類も8種類あります。
組み合わせは自由にできるので、記事に合わせて使ってくださいね。

 

きらり
結耶、今回この記事書いたの自分が吹き出しの種類忘れそうだからでしょ!?
結耶
それはどうかな~!?www

 

スポンサーリンク

 

ブログランキング
      ブログランキング・にほんブログ村へ

お問い合わせはこちら Contact

 

-WordPress, 便利なプラグイン

Scroll Up

Copyright© きらり☆彡 , 2018 All Rights Reserved Powered by STINGER.