新潟市パン屋さんのSNSリンク集はこちら!!【Instagram・Twitter・facebook】

【WordPress】吹き出しの作り方!会話形式に憧れて〜

こんにちは!しらたま(@siratamama63)です。

どうせ難しいんでしょ??
と思って人様のブログを羨ましく眺めていたのですが、、、

ワードプレスで吹き出しを作ることが出来ました〜〜〜゚(●´▽`)!
[L1_wsbStart][L_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/喜-1.jpg[L_wsbName]しらたま[L_wsbText]これだーー!!![L_wsbEnd][R1_wsbStart][R_wsbText]表情があるだけで明るいイメージになりますね[R_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/楽-1.jpg[R_wsbName]しらたま[R_wsbEnd]ではでは
吹き出しはどうやって作るのか?

私はプラグイン、「WP-Speech-Balloon」を使いました。

*テーマに入っているプラグインを使う
使っているワードプレスのテーマによっては初めから簡単に使えるものもあるようですが、私の「LIONブログ」は残念ながら対応していませんでした。

*CCSコードを書き込んで作る
ワードプレスの知識が詳しい方は簡単かもしれませんが、初心者の私にはチンプンカンプンです。

一番手軽なのはプラグインのDLですね。
有名なのは「Speech Bubble」
検索するとまずこれが出てきます。しかし、更新頻度の少なさや不具合なども色々あるようで私は今回選びませんでした。
自分なりに調べた結果「WP-Speech-Balloon」にしたのですが、使い方は作成したご本人のブログを参考にしてください!!
Tips 4 Life

[R4_wsbStart][R_wsbText]吹き出しが10種類もあります♪[R_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/喜-1.jpg[R_wsbName]しらたま[R_wsbEnd]




次に、吹き出し用のアイコンを作ります!

私は自分で頑張って描きました〜ヘタですがとりあえず4種類!
サイズは300px×300pxで作成しました。
ちなみにMacの「Sketch Book」アプリを使ってペンタブで描いたものです。

[L3_wsbStart][L_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/喜-1.jpg[L_wsbName]しらたま[L_wsbText]喜〜〜〜〜[L_wsbEnd][R5_wsbStart][R_wsbText]怒〜〜〜〜[R_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/怒-1.jpg[R_wsbName]しらたま[R_wsbEnd][L2_wsbStart][L_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/哀-1.jpg[L_wsbName]しらたま[L_wsbText]哀〜〜〜〜[L_wsbEnd][L4_wsbStart][L_wsbAvatar]http://siratamama.com/wp-content/uploads/2018/10/楽-1.jpg[L_wsbName]しらたま[L_wsbText]楽〜〜〜〜[L_wsbEnd]使いすぎると邪魔ですか?邪魔ですねw
使ってる私は楽しいですがほどほどにしたいと思います。

吹き出しやアイコンの作成については、ミカコさんのブログを参考にさせていただきました!
ありがとうございます。
とっても詳しく書いてくださっています^^
ミカコライフ




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です