Cocoon＊吹き出しの使い方＊画像をカスタマイズしてオリジナルを作ろう

皆さん、ブログを書くときに吹き出しは使っていますか？

吹き出しを使うと、つらつらと文章を並べるよりもポップで読みやすい記事に仕上げることが出来ます。

また、吹き出しの画像はカスタマイズ出来るので、自分のブログのオリジナルキャラクターを作ると、ブログ全体に統一感を持たせることもできます。

吹き出しの使いかたをマスターして、より読みやすいブログを目指しましょう！

Cocoonでの吹き出しの設定方法

まずは吹き出しの設定をしましょう。

よく使う画像の吹き出しは、あらかじめ設定しておくと、記事を書くとき楽に設置できます。

試しにこのアイコンを設定してみましょう。

タイトルとアイコン画像のみを設定して保存します。

ちなみに名前も設定した場合は、以下のようにアイコン下に名前が表示されます。

保存すると一覧ページに吹き出しが増えます。

吹き出しの効果的な使い方

まずは、記事への基本的な設定方法を説明します。

吹き出しの活用方法

吹き出しの設定方法が分かったところで、私の吹き出しの使い方を紹介します。

私が吹き出しを使う場面は主に次の3つです。

• リード文導入前
• 内容に1つ付け加えがしたいとき
• 自分の意見を入れたいとき

リード文導入前

読者のこういう疑問に答えますよ、という導入によく使用しています。悩みに応える系の記事によく使いますね。

※当ブログは、私目線の内容が多いので、あまりこの書き方はしませんが…。

内容に1つ付け加えがしたいとき

文章の流れは乱したくないけど、これも知っておいて欲しいという時に使います。

上の画像では、実際にやったことは本文で、やってないけどこんな選択肢もあったよ、という追加文を吹き出しで記載しています。

吹き出しは、説明している筆者とは別の目線からの意見として情報を追加することにも使え、内容の幅も広がります。

自分の意見を入れたいとき

自分の考えを本文に書くことがあると思いますが、自分はどうしたか、どう思ったかを強く言いたい時に使うと効果的です。

上記の画像は、当ブログのサイトスピード向上に関する記事です。

この説明は『PWA導入に目に見える効果はなかった』という事柄だけで終わらせても良かったのですが、

最後にサイトスピードの結果を載せるにあたって、『結局、PWAは導入したのかしていないのか』を明確にするために、

吹き出しを使って導入しなかったという事実を強調しました。

読みやすい記事を心がけるために

吹き出しを始め、タブや白抜きボックスなど、ワードプレスには多くの装飾があります。

装飾を使用することで、より見やすい記事を書くことができますが、読みやすい記事作りは何よりまずは中身からだと思っています。

これらが揃って初めて装飾が生きてくるのではないでしょうか。

ブログを書き慣れないうちは、まず文章を書いて、内容が完成した後、読み直した時に、

• ここは吹き出しで変化をつけようかな
• ここはリスト化して、白抜きで囲もうかな

などと順序立てて構成・装飾していくことをお勧めします。

まとめ

今回は、cocoonテーマでの吹き出しの設定・活用方法をお話ししました。

記事の導入や一言付け加えたいけど、流れを乱したくないとき、変化をつけたいときなど、吹き出しはとても使えます。

私の使用例も載せたので、使い方に迷っている人は、参考にしてみてください。

また、『こういう使い方がおすすめだよ』という意見があれば、教えてくださると嬉しいです。

それでは〜