会話形式のプラグイン【Speech Bubble】アイコン・画像をつける方法

この記事の読了時間は約 2 分です。

この記事は
・Speech Bubbleにアイコンをつける方法
・Xサーバーを使っている人

・WordPressで会話形式のプラグインを使いたい人
のために書いた記事です。

Speech Bubbleのアイコン/画像をつける方法

ちびちゃんび
はいさい!ちびちゃんびです。
きょうは、この会話形式のプラグイン【Speech Bubble】をつかってアイコンを設定する方法を
ご紹介します。

ずっと平社員の国吉さん
よっしゃ!頼むよね~さん!
アイコンがないと、人の形しかないし、幽霊みたいで気持ち悪いからね。

アイコンがないとこんな感じになるよ↓

幽霊アイコン
アイコンがないよ。だれだ!ちみは!

 

では、動画で説明しますよ!

speech bubble,会話形式,ブログ

 

今回はエックスサーバーで画像の入れ方を解説しています。他のサーバーに関しては画像を入れる場所が違うと思いますので、ご自身で調べてくださいね!

ずっと平社員の国吉さん
なんだ・・以外と簡単だな。
これなら俺にもできるよ。で、表情をいくつか作っておいて、アップロードすればいいんだね。

ちびちゃんび
おお!頼もしいお言葉。
うん。そうだよ。表情があったほうが、分かりやすいし、読む人も楽しいだろうしね。ただ、サイズは100pxくらいあったほうがいいかな。必ず正方形で作ってね!

ずっと平社員の国吉さん
正方形じゃないとどうなるの?

ちびちゃんび
こうなるよ

ずっと平社員の国吉さん
うげ!なんか、「へにょ~」ってなっているね。
しかも、ちゃんびさん?

ちびちゃんび
気持ち悪いね。
そうそう、ちゃんびだよ。私はこの綺麗系のアバターをちっちゃくしたんだよ。しかも沖縄風のミニアバターなんだ!
ちなみに、髪型はおんなじでしょ?

ずっと平社員の国吉さん
たしかに、おんなじだけど、アバターだけでだいぶ印象って変わるんだね!

ちびちゃんび
そんなことはど~でもよくって、

では、次に画像の変更の仕方を説明するね。

ずっと平社員の国吉さん
どーでもいいって・・

Speech Bubbleのアイコンの変更方法

ちびちゃんび
じゃ!アイコンの変更の仕方です

ちびちゃんび
よく↑のタグをみてね。  icon=”▲▲▲.jpg”っていうものがあるでしょ?
これが、アイコン・画像を入れるものだよ。


ここに、さっきサーバーにアップロードした画像の名前を入れるよ。私だったら、「chi-04-150.PNG」とかかな
画像のファイル名をわすれちゃったって言う人は、さっきのサーバーから画像のファイル名をひろってきてね。

 

Xサーバーでこうやって↓ファイルをアップロードしたから、そのファイル名のことです。



 

 

 

 

 

 

 

ちびちゃんび
ちなみに「chi-04-150.PNG」でアップロードしたときにファイル形式も「.PNG」と大文字にしないといけないです。小文字で「.png」もしくは「.jpg」にした場合は、まったく同じように名前を変更してくださいね。

ずっと平社員の国吉さん
なるほどね。大文字、小文字かどうかも含めて「まったく同じファイル名」にしなきゃいけないってことだね。もし幽霊になってしまったら、ファイルが入っていないって事?

ちびちゃんび
そうそう!感がいいね。その通り!
imgファイルの中にちゃんと入っていないか、もしくは画像のファイル名が間違っているかだね。

ずっと平社員の国吉さん
わかった!なんか、こういうのは楽しいかも。これからどんどん作るぞ!

 

参考になったら、応援してくれると嬉しいです!

♪ポチッと↓おねがいね~♪

4 Responses to “会話形式のプラグイン【Speech Bubble】アイコン・画像をつける方法”

  1. トシカズ より:

    こんばんは、はじめまして、トシカズと申します。
    とても可愛く、会話形式のプラグイン【Speech Bubble】を投稿していて、読んでいて楽しいです。
    応援していきますね。

    • channbi より:

      トシカズさん
      こんにちは!

      ありがとうございます。応援も感謝します。
      また訪問してくださいね!

  2. 秋山 より:

    お世話になります、秋山です。

    最近会話形式のコンテンツよく見かけますよね。
    私も先日導入したばかりなので、
    この記事に反応してしまいました。

    ちびちゃんぴ可愛いですね。
    なんだか名前の響きもいいですし(笑)

    この機能はオリジナリティが出るので良いと思います。

    応援していきます。
    今後ともどうぞよろしくお願いします(*^-^)!

    • channbi より:

      はじめまして!
      秋山さんのページもみました!
      すごく見やすくて参考になりました。
      応援ありがとうございます。

コメントを残す

CAPTCHA


このページの先頭へ