プラグイン

Speech Bubbleの画像の設定方法と使い方を解説します

[cc id=”8108″ title=”記事冒頭の挨拶”]

「長くて文字だけの文章」と「漫画」ならどちらが読みやすいか?おそらく、99%の人はこの問いに「漫画」と答えるのではないでしょうか?

吹き出しを上手く使っている漫画のような会話形式の記事は、ブログを見やすく・楽しく・面白くしてくれるものです。

イッヌ
イッヌ
いやぁ…そんなに褒められてもどうしたらいいか…

田村カツオ
田村カツオ
た、多分、君の事は誰も褒めてないと思うなぁ(笑)

ここではSpeech Bubbleという吹き出しを作るプラグインの画像等の設定方法や使い方について説明していきます。あなたのブログをオリジナリティ溢れる楽しくて見やすいものにしていきましょう!

参考動画:Speech Bubble(プラグイン)の画像の設定方法と使い方について説明!

田村カツオYouTube公式チャンネルではワードプレスプラグインSpeech Bubbleの使い方と設定方法について説明しています。文章だといまいちピンとこないという方は是非動画も見てみて下さいね(^_-)

チャンネル登録はこちらから!

Speech Bubbleをインストール&有効化しよう。

Speech Bubbleは吹き出しで喋るキャラクターを作成してブログの記事に表示出来るようにするプラグインです。

吹き出し作成機能がないテンプレートを使っているという方はSpeech Bubbleというプラグインを導入する事で吹き出しを使ったブログを作る事が出来ます。(お使いのテンプレートによっては吹き出し作成機能がテンプレートに付属しているかも知れませんので確認してみて下さい。)

スピーチバブルの使い方を解説します。

 

まずはSpeech Bubbleをインストールして有効化しましょう。

Speech Bubbleの画像の設定方法。

Speech Bubbleの初期設定はFFFTPやFileZilla等のFTPソフトを使う必要があります。

 

FTPソフトを開いて

  1. サイトのドメイン
  2. public_html
  3. wp-content
  4. plugins
  5. speech-bubble
  6. img

 

まで進み、そこにキャラとして使いたい画像を入れます。この作業が出来ていないとSpeech Bubbleは使えないので要注意!

これがSpeech Bubbleの初期設定となります。FTPソフトに対してアレルギー反応を起こす人もいますが、それほど難しい事ではありませんので、落ち着いてやってみて下さい。

Speech Bubbleの使い方。

Speech Bubbleの使い方は非常に単純です。基本的には以下のコードを記事内に貼り付けていくだけです↓

[speech_bubble type=”吹き出しの形” subtype=”L1″ icon=”画像ファイル名” name=”キャラ名”] セリフ[/speech_bubble]
[speech_bubble type=”吹き出しの形” subtype=”R1″ icon=”画像ファイル名” name=”キャラ名”] セリフ[/speech_bubble]

 

以下一つ一つ説明していきます。

キャラの顔の画像を設定する。

少し上で紹介したコードの「画像ファイル名」にキャラの顔として使いたい画像ファイル名を入力します。(「Speech Bubbleの画像の設定方法。」のところでFTPソフトを使ってサーバーに入れた画像の中から選びます。「”」は変えてはダメです。)

画像名。

 

この画像はFTPソフトで見た僕のサイトの

「サイトのドメイン」→「public_html」→「wp-content」→「plugins」→「speech-bubble」→「img」の部分なのですが、ファイル名とありその下に「1.jpg」「2.jpg」とあります。これが画像ファイル名です。

 

この例で言うのであれば上記コードの「画像ファイル名」を「1.jpg」か「2.jpg」の好きな方と置き換えればいいのです。もちろん他に画像ファイルを入れている方は他のファイル名があることと思います。

画像の大きさは自動的に100px×100pxに調整されて使用されますので特に気にしなくてOKです。

吹き出しの中のセリフの入れ方。

記事の中に貼り付けた上記コードの「セリフ」の部分に喋ってもらいたいセリフを入れます。

セリフの中で改行や赤文字やマーカー等で文字装飾をする事も可能です。

キャラの位置を右にするか左にするか。

キャラの位置を右にするか左にするかは上記コードの「L1」と「R1」の部分に注目します。LはLeftで、RはRightです。

ですので「L1」となっていればキャラの位置は左に「R1」となっていればキャラの位置は右になります。

キャラ名の設定方法。

上記のコードの「キャラ名」にキャラ名として使いたい名前を入力します。(「”」は変えてはダメです。)

吹き出しの形の設定方法。

Speech Bubbleでは

drop std fb ln fb-flat ln-flat pink rtail

 

以上8種類の吹き出しの形が用意されています。

 

上記コードの「吹き出しの形」に上記の8種類のいずれかを入力する事で吹き出しの形を選ぶ事が出来ます。それぞれどのような形の吹き出しになるかは下記の例をご覧下さい。

吹き出しの形

また上記コードの中で「L1」「R1」という箇所がありますが、それらをそれぞれ「L2」「R2」と変更すると吹き出しの形が以下のように「心の中で思っている」のような形になります。

吹き出しの形2

Speech Bubbleの使い方のまとめ。

ここまで説明してきたようにSpeech Bubbleはショートコードを適切な形に変えて使うプラグインになります。

 

ショートコードについては一度自分好みの形のものが出来たら、パソコンに用語登録するなどしてすぐに記事内に打ち込めるようにしておく事を強く勧めます。

あとがき

Speech Bubbleのキャラ画像の設定方法と使い方について説明してきましたがいかがだったでしょうか?

初心者の方には設定が少し難しく感じられたかもしれませんが、慣れれば簡単です。また一度ショートコードを完成させてしまえば、後はそれを繰り返し貼り付けて使えばいいだけです。

吹き出しを使った漫画のような会話形式のブログ記事は読者を惹き付けるものがありますので、是非やってみてくださいね。

田村カツオ
田村カツオ
たった一つのブログで僕の人生は激変しました。

ずっと稼ぎ続けてくれるネット上の資産を構築するスキルを身につけた事がきっかけです。(詳しくはプロフィールで!)

今では複数のサイトを運営しアフィリエイト報酬を得たり、法人顧客のSEOコンサル等も行っており、副業の収入がサラリーマン時代の月収を超えています。

メルマガの中でその秘密について話しています。

現在、メルマガ登録者限定で初心者がブログアフィリエイトで月収10万円以上稼ぎ、インターネット上に資産を築く為のノウハウが詰まったテキストを無料でプレゼント中!

※僕のメルマガは無料で読んで頂く事が出来ますし、必要ないと感じたらいつでもボタン1つで解除が出来ます。



ABOUT ME
田村カツオ
毎日のシゴトを「魂レベル」で楽しむ僧侶×Webマーケター。インターネットを用いた人気メディア運営のハウツーを伝授するオンラインレッスンを行ったり、法人顧客に対してWebマーケティングのアドバイスを行っている。趣味は筋トレ、ムエタイ、英語の勉強。

COMMENT

メールアドレスが公開されることはありません。