ぐうたら紺の勉強帳

WordPress、アフィリエイトなど勉強中です。旅行からセール情報まで雑多に書いております。

WordPress プラグイン

【プラグイン】「Speech bubble」が使いたくて、夫のアイコンを作ってみました

投稿日:2015年6月1日 更新日:

こんばんわ。紺です。

会話風に文章を装飾するプラグイン、「Speech bubble」を使いたくて、追加してみました!

会話を表示するプラグイン「Speech bubble」を追加

さて、WordPressにやっとプラグイン「Speech bubble」を入れてみました!ずっと使ってみたかったんです。

松潤先生がよく使っていらっしゃる、会話を表現する吹き出しの中に文章が書けるやつですね!
追加方法などは詳しく書いてくださっていますので、ご参照くださいませ。

WordPressの吹き出しプラグインSpeech Bubbleで会話形式のブログコンテンツが作れる! | ブログマーケッターJUNICHI(旧 JUNICHI's Blog).

実は、以前こちらの方法で吹き出しが作れるCSSを追加したのですが、テーマを変えた時にCSSファイルも変わったため、消えてしまいました。

WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法.

プラグインなら、テーマを変えてもそのまま残りますので、心配しなくて大丈夫そうですね。

吹き出しの間隔を空けたい

さっそく使ってみましたが、吹き出しの間隔(上下)がちょっと近いかなと思いました。

marginなどで調整できそうです。
が、吹き出しの種類が9種類もあって、選べて楽しいのですが、
中身を見たところそれぞれ違うCSSファイルのようです。
・・・ちょっとめんどくさくなったので、後日チャレンジしてみます(´ー`;)

夫のアイコンを作ってみた

せっかく会話で表示するなら、と思い、自分のアイコンを作った
似顔絵メーカーで、夫の似顔絵アイコンも作成してみました。

うちの夫をご紹介します。

nigaoemaker_ta2

はっはっはっ、似てる・・・(自己満足)
似なくて色々いじってたのですが、まゆげを変えたらかなり近づきました。まゆげって大事。

俺の悪口とか書いてないよね?

もちろん書いたことなんかないよ!

という感じで使えますので、皆さんもぜひどうぞ!

ちなみに、似顔絵メーカーで作成した画像はPNGで保存されますので、プラグインを使うときのアイコン指定も、「○○○.png」で書く必要があります。

最初、気付かずに「○○○.jpg」で書いてしまい、あれっ?画像が表示されない!と、一瞬悩んでしまいました(^_^;)

-WordPress, プラグイン

Copyright© ぐうたら紺の勉強帳 , 2017 AllRights Reserved Powered by AFFINGER4.