WordPressの吹き出しプラグインSpeech Bubbleをやってみた

WordPressの吹き出しプラグインSpeech Bubbleをやってみた

ども、YUZU親父です。ブログを始め一ヶ月が過ぎ、冷静に今までの記事を見返していたらなんか物足りない。シンプルすぎる、というか醜い!そろそろCSSやHTMLを覚えてデザインを変えたいけど、よく分からないし無知で弄って文章とか変になりそうで怖い・・・。なんか、楽に出来ていいものがないか探してたところ・・・あったー!!

ビジュアルモードでもテキストモードでもコードを入れると簡単におしゃれな吹き出しを使えるプラグイン、それが「Speech Bubble」です。今まで「」を使って会話を打ち込んでいたので、面倒臭がり屋のおっさんにしたらありがたいです。やり方やコードはジュンイチさんのサイトを参考に致しました。とても分かりやすく、コードも載っているのでおっさんはコピペして貼り付けるだけでできちゃうんです!いやー、ありがたい。

吹き出しの種類

drop

YUZU親父
簡単すぎ!

カミさん
いいね!

std

YUZU親父
これが一番シンプルだな。

カミさん
そうだね!

fb

YUZU親父
PCのフェイスブックのやりとりをイメージしてるんだって。

カミさん
へぇー、そうなんだー。

fb-flat

YUZU親父
こっちはスマホのフェイスブックのメッセンジャーらしい。

カミさん
これもいいね♬

ln

YUZU親父
これはLINEだね!

カミさん
へぇー、LINEのもあるんだ!

ln-flat

YUZU親父
これは、 LINEの別バージョンか。

カミさん
2種類あるのね。

pink

YUZU親父
これは、使うことが無いかな。

カミさん
キャー、可愛い♡これ使ってー。

rtail

YUZU親父
おっさんは、これが一番好きだな。

カミさん
パパ、青好きだもんね♪

think

YUZU親父
これは思っていることを表すのにいいね。

カミさん
ハゲじじい

ねっ!コードを貼るだけで9種類の吹き出しを使えるって最高じゃないですか!!しかも、少しだけコードを弄るだけでキャラクターを左右に移動もさせることが出来たり、考えている風に変えたり出来るので楽ですよね。

 

スポンサーリンク

キャラクターを変えてみる

キャラクターの画像を変えたい場合、まずFTPツールを使ってアップロードする必要があります。FTPツールって何?って思った人もいるでしょう。おっさんもいまいち分かっていません。(笑)

FTPとは、File Transfer Protocol(ファイル・トランスファー・プロトコル)の略で、日本語に訳すと「ファイル転送プロトコル」となります。わかりやすく言うと、自分の目の前にあるマシンから遠く離れた場所にあるマシンにファイルを送り込んだり、その逆に遠く離れた場所にあるマシンからファイルをコピーするための仕組みです。

(引用:大橋のページ

なんとなく分かるような感じですね。とりあえず、FTPツールが必要っていうのは分かっていただけたと思います。FTPツールを探す事を始めるわけですが、意外な所にあったのです。それはXserverの中にある「インフォパネル」「サーバーパネル」「FTPアカウント設定」という項目で設定します。まず、「FTPアカウントを登録」「FTPアカウントにログイン」Speech Bubbleのファイルを見つける「画像をアップロードし、保存」とするわけですが、Speech Bubbleのファイルがどこにあるのかわかりにくく混乱してしまいます。そこでおっさんがとても参考にさせてもらったのがひつじアフィリエイトさんのサイトです。画像付きで誰でも出来るように分かりやすく載っています。また、FTPツールをを探しているときにこのサイトを見つけたのですが、こちらのサイトにもSpeech Bubbleのプラグイン方法やコードが載っているので参考になりますよ。

おっさんの手作りキャラクターは背景を透明化したかったためファイルをPNGで保存していました。保存ファイルはJPEGにしないとちゃんと反映しないので注意が必要です。(もしかしら、なにかしらの方法があるかもしれませんが。)

まとめ

今回はSpeech Bubbleのプラグインで吹き出しを覚えてのですが、普通の方なら5分程度で覚え身に着くと思います。ただ、おっさんは夜中に作業し頭がまわっていない状態だったため(ええ、ただの言い訳です。)コードを貼り付けたら投稿ページ内で勝手に変換する早とちりしてしまいました。そのため、原因を探すためネットサーフィンで3時間も費やした時、あれプレビューで見たっけとやっと気が付きました。冷静に考えたら、ビジュアルビジュアルモードでもテキストモードでも使える時点で気が付きますよね。バカなおっさんです。3時間もあったら、1記事書けたじゃないかと勿体ないことをしました。もし、もしですよ、いないと思いますがおっさんみたに早とちりしている人がいるならプレビューを見てください!ほら、ちゃんとなっているよ。

 

 スポンサーリンク