【読みやすさ各段UP！】LION BLOGで吹き出しを作ってみた！

やぁ、ヨコワケだよ

こんにちは。さきち（＠aoopena）です。

みなさん、さきちのブログに

吹き出しがつきましたよー！

・・・お、おう。

いろいろな人のブログを読んでいると、吹き出しがついていて、

さきちも作りたいぞ、これ！！！（ギンッ）

と思っていました。

意外と時間を取られてしまって・・・吹き出し導入だけで午前中が終わってしまいましたよ。（疲）

そんな風にならないために、【簡単！】LION　BLOGでの吹き出し導入法をご紹介します！！！

＜この記事は３分で読めます。吹き出し作りに興味ない方も一応読んでもらえるとうれしい。＞

＜この記事を読むとLION　BLOGで吹き出しが作れます。ほかのテーマはわかりませんがもしかしたら同じ方法でできるかも。＞

ではスタート！！！！

プラグインで実装・・・

「ブログ　吹き出し　WordPress」で検索すると、多くが「プラグインで実装したよー」ということでした。

まず、Speech　Bubbleというプラグインをダウンロードして、手順どおりにやってみました。

ん？できない。

吹き出しにならず、テキストのままだ・・・

何回やってもできないので、この方法は諦める。

違うプラグインも・・・

違うプラグインもいくつかダウンロードしてやってみたのですが、変な文字が出てきてしまい、どうにもできない・・・。

どうやらLION　BLOGとこれらのプラグインは相性が悪いようだ。

CSSでも・・・

追加CSSにコードを入力して、吹き出しを作る方法もやってみました。

おし、これならどうだー？？

・・・やっぱり、できない。

さっきと同じようにテキストのまま。

えーーーーん！！！！

もうイヤ・・・。吹き出しなくてもいっか。なくても別に・・・

いや、まて。

諦めたら試合終了だ！

きっとできる。がんばれ！！！（ひとりで何してる・・・）

最終的にできたのは・・・

AddQuicktagというプラグインを使った方法でした！！！

この記事を参考にさせてもらいました！！

⇒コピペとクリックで簡単！WordPressでLINE風の吹き出し会話を作る方法

手順は３つだけ。

以上です！！

AddQuicktagのダウンロード

まずはプラグイン⇒新規追加からプラグインの検索をしてみてください。

AddQuicktag

ダウンロードしたら、有効化してください。

コードをAddQuicktagに登録

２、コードをAddQuicktagに登録する

設定⇒AddQuicktagと進んで、コードを登録してください。

コードは、先ほどのサイトを参考にして貼ってみてくださいね。

追加CSSにコードを登録

３、スタイルシートにコードを追加する

外観⇒CSS編集⇒追加CSSと進んで、コードを貼り付けます。

注：ちゃんと公開を押してね。

よーしこれでできるはず！！！

確認してみる

画像は、画像URLを、２の手順の際にコードに挿入しておくと

デフォルトで表示されるようになりますよ！！！

できたかな？おつかれさま！

大変だったけど、吹き出しで読みやすくなったと思う！！！！

最後まで読んでいただきありがとうございました。

では、またね。