1. メシオプレス02サンプルサイトTOP
  2. ショートコード一覧
  3. ≫Gravatar対応吹き出し

Gravatar対応吹き出し

吹き出しでコメントを表示できます。吹き出しでコメントを表示できます。吹き出しでコメントを表示できます。吹き出しでコメントを表示できます。吹き出しでコメントを表示できます。

タイトルあり

吹き出しのタイトル

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


タイトルなし

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。

吹き出しの色(4色)

「color=””」で指定します。
ピンク:colro=”pink”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


ブルー:color=”blue”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


グリーン:color=”green”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


黒:color=”black”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。

吹き出しの背景色(4色)

「back_color=””」で指定します。背景色を指定した場合はフチの色は薄いグレーで統一されます。
水色:back_color=”aqua”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


黄緑色:back_color=”yellow-green”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


ピンク色:back_color=”pink”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。


薄いグレー:back_color=”light-gray”

吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。吹き出しに入るコメント。

会話型吹き出し

lrの値によってアバターと吹き出しの場所を入れ替えて会話型にすることができます。指定しなければlr=”l”と同じになります。

・lr=”l”にするとアバターが左、吹き出しが右

ばあさんや、飯はまだかい?


・lr=”r”にするとアバターが右、吹き出しが左

おじいさん、ご飯は30分前に食べましたよ。

アバターの下に名前を表示

「name=””」で指定します。

おじいさん

そうかい・・・飯はもう食ったのか・・・。年取ると飯食ったことも忘れちまうだよ。フォッーフォッフォッ、フォゴフッ!ゴフッ!ゲフンゲフン!


・lr=”r”にするとアバターが右、吹き出しが左
おばあさん

お、おじいさん、大丈夫ですか?しっかり!


おじいさん

大丈夫じゃ。わしゃぁ、まだまだ死にゃーしねぇよ。

おばあさん

もう、おじいさんたら。ウフフフ

スマホ表示の吹き出し位置

スマホで見ると吹き出し部分が縦に間延びしてしまうため、画像の下に吹き出しを表示させたい場合は「type=””」で指定します。

・type=”tate”:スマホではアバターの下に吹き出し(吹き出しの左右位置はlrで指定した位置になります。)

表示テスト

吹き出し縦

めしおさん

吹き出しに入るコメントが長文の場合は、PCサイトなら特に問題ないのですが、スマホから見ると縦に間延びした吹き出しで読みにくいと感じてしまうかも知れません。その場合はこのように吹き出しを画像の下に表示させることで、画面幅いっぱいに吹き出しを使うことができます。コメント量に合わせてお選びください。

ひよこかっつ

めしおさん、それは良いね。僕もSEOについて語り出すとついつい喋りすぎてしまうから、スマホから見ると細長~い吹き出しになってしまうからね。熱く語るときは吹き出しは下に表示させるバージョンも検討してみるよ。

吹き出し横

めしおさん

吹き出しに入るコメントが長文の場合は、PCサイトなら特に問題ないのですが、スマホから見るとこのように縦に間延びした吹き出しで読みにくいと感じてしまうかも知れません。その場合は吹き出しを画像の下に表示させることで、画面幅いっぱいに吹き出しを使うことができます。コメント量に合わせてお選びください。

ひよこかっつ

めしおさん、それは良いね。僕もSEOについて語り出すとついつい喋りすぎてしまうから、スマホから見ると細長~い吹き出しになってしまうからね。熱く語るときは吹き出しは下に表示させるバージョンも検討してみるよ。

シェアをお願いします。

固定ページ下部ウィジェット

  • 固定ページ下部ウィジェット