【SpeechBubble】で、漫画のような吹き出しのブログ記事を作れる♪楽しい記事でSEO対策も◎

さわみかん
こんにちは。さわみかんです。

usawa
久しぶりの登場です。

このように、漫画のようなブログ記事を作れる、
楽しいプラグインを紹介します。

さわみかんは、無料漫画アプリ【comico】が大好きなのですが、
小説版comicoは、このLINEのような会話形式の小説が読めるんですね♪

読みやすいし、情景が目に浮かびやすいので
ブログ記事作成も楽しくなります。
さわみかんも一時期、多用していました。

SpeechBubble】という吹き出しプラグインです。

インストール方法と使い方について説明しますね^^

スポンサーリンク

【SpeechBubble】のインストールと有効化の操作

WordPressのダッシュボードにログインします。

【プラグイン】→【新規追加】をクリックします。

検索画面に【SpeechBubble】と入力します。

【今すぐインストール】をクリックします。

【有効化】をクリックします。

これでインストールの操作はおしまいです。

【SpeechBubble】の使い方

さわみかん
SpeechBubbleの使用方法についてお伝えします。

usawa
今日は登場回数が多いですね。うふふっふ。

【投稿】→【新規投稿】をクリックします。

【テキスト】のタブをクリックします。

こちらを投稿画面に張り付けてみてください。

[speech_bubble type=“drop” subtype=“L1” icon=“1.jpg” name=“A ちゃん”] わたしはアイドルよ。 [/speech_bubble]
[speech_bubble type=“drop” subtype=“R1” icon=“2.jpg” name=“B くん”] だれ?[/speech_bubble]
【プレビュー】をクリックしてみると…。。
アイコンと吹き出しが表示されています♪↓↓↓

A ちゃん
 わたしはアイドルよ。 

B くん
 だれ?

文字コードの設定について

[speech_bubble type=①drop subtype=②L1 icon=③1.jpg name=④A ちゃん] ⑤わたしはアイドルよ。 [/speech_bubble]
[speech_bubble type=①drop subtype=②R1 icon=③2.jpg name=④B くん] ⑤だれ?[/speech_bubble]
[speech_bubble type=①吹き出しの種類 subtype=②アイコンの配置 icon=③アイコンの画像 name=④アイコンの名前] ⑤セリフ[/speech_bubble]
[speech_bubble type=①吹き出しの種類 subtype=②アイコンの位置 icon=③アイコンの画像 name=④アイコンの名前] ⑤セリフ[/speech_bubble]
①吹き出しの種類
②アイコンの配置(左右の配置を選べる)
③アイコンの画像
④アイコンの名前
⑤セリフ
それ以外のコードは、いじらないでくださいね。
また、2人の会話で、セットになっている仕様なので、
1人だけ表示させることはできません。

吹き出しは、9種類ある♪

デフォルト設定では【drop】という吹き出しの種類が設定されています。
お好きな吹き出しの種類を選んで入力してみてくださいね♪

【drop】【std】【fb】【fb-flat】【ln】【ln-flat】【pink】【rtail】【think】

ちなみに、こんな感じです。

【drop】

さわみかん
いつも使っている【drop】ですよ♪

usawa
なんか安心するね。

【std】

さわみかん
これが 【std】か~。

usawa
シンプルで使いやすそうですね。

【fb】

さわみかん
usawaさん、【fb】ってフェイスブックのことらしいですよ。

usawa
トモダチ…一人もいないんです。。

【fb-flat】

さわみかん
usawaさん、これも、フェイスブックらしいですよ!なぜ【fb】と分けたんだろう?

usawa
へ~【fb-flat】か…。なにがフラットなんですかね??

【ln】

さわみかん
わ~すごくLINEっぽい!!

usawa
LINEの【In】なのか…。なぜそこで切った?

【ln-flat】

さわみかん
usawaさん!これもLINEっぽい!!

usawa
【ln-flat】…フラット好きだね~。

【pink】

さわみかん
わ~~♪【pink】かわいいですね~^^気に入った!!

usawa
…。すき…。。

【rtail】

さわみかん
【rtail】きれいな色ですね~~。

usawa
あまり特徴がなくてコメントしづらいね。ちょっと目がちかちかするかな…。

【think】

さわみかん
…。おなかすいたなあ……。

usawa
さわみかん大したこと考えてないんだろうなあ…。

アイコン(キャラクター)の配置を変える

アイコンの配置を変えることができます。
コードの変更部分は、オレンジ色の文字の部分です。

[speech_bubble type=“drop” subtype=“L1” icon=“1.jpg” name=“A ちゃん”] わたしはアイドルよ。 [/speech_bubble]
[speech_bubble type=“drop” subtype=“R1” icon=“2.jpg” name=“B くん”] だれ?[/speech_bubble]
【プレビュー】をクリックしてみると…。。

キャラクターの配置を左に並べたい場合

【L1】と入力すると、キャラが左側に配置され、吹き出しが話す形になる。

さわみかん
あらっusawaさん、寂しくてこっちに来たんですか?

usawa
さ、寂しくなんかないんだからねっ!

【L2】と入力すると、キャラが左側に配置され、吹き出しが考え中の形になる。

さわみかん
usawaさんの毛並み、モフモフだなあ。。

usawa
昨日も一昨日もお風呂に入ってないなあ…。

キャラクターの配置を右に並べたい場合

【R1】と入力すると、キャラが右側に配置され、吹き出しが話す形になる

さわみかん
あらっusawaさん、ついてきたの~?

usawa
さ、寂しくなんかないんだからねっ!

【R2】と入力すると、キャラが右側に配置され、吹き出しが考え中の形になる

さわみかん
usawaさん、うさぎくさいなあ…。。

usawa
あ~あ、昨日、モルモットに人参とられちゃったなあ。。

アイコンの画像を変更する方法

デフォルト設定では、シンプルなシルエットになっています。

A ちゃん
 わたしはアイドルよ。 

B くん
 だれ?

アイコン画像の変更方法を動画に撮りました。
ファイルジラというFTPソフトを使用しています。

こちらから御覧ください♪

動画:【SpeechBubble】プラグインのアイコン画像をサーバーにアップロードする方法

できましたか??

つぎに、オレンジ色の文字部分にアイコン画像の名前を入力します。

[speech_bubble type=“drop” subtype=“L1” icon=1.jpg name=“さわみかん”] あれっあなただれ??usawaさんはどこに行っちゃったの? [/speech_bubble]
[speech_bubble type=“drop” subtype=“R1” icon=2.jpg name=“ネルオくん”] かー、かー。。(寝てる)[/speech_bubble]

すると、このように表示されます♪↓

さわみかん
あれっあなただれ??usawaさんはどこに行っちゃったの?!

ネルオくん
かー、かー。。(寝てる)

おつかれさまでした。

使いこなせば、ブログ記事が楽しく見やすくなりますよ♪

また、SEO効果もあるのでキーワードを意識して
セリフを考えてみてくださいね^^

お役に立てたら幸いです。

在宅ビジネス初心者メール講座【さわみかん通信】のご案内

PS.
さわみかんは、子育ての合間に、家事の合間に、
メルマガアフィリエイトのお仕事をしています。

好きなお洋服や靴を買っておしゃれを楽しんだり♪
毎週末は旅行を楽しんだり♪

部屋に飾ったお花をみてきれいだな~~と
穏やかに過ごす毎日です。
主婦業を思いきり満喫しております。

メルマガ内で、在宅ビジネスのマニュアルなども
プレゼントしています。
よかったら見てくださいね。
強引な勧誘などは一切ありません。
安心してご覧くださいませ。
※メルマガ登録はもちろん無料です。

↓↓↓
在宅ビジネス初心者メール講座【さわみかん通信】

在宅で月5万円以上稼ぐネットビジネスの始め方♪

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク