はじめに
ブログ記事を読んでいて、
「文字ばかりで読みにくい…」
と思ったことはありませんか？
そんな時に便利なのが、WordPressテーマ「Cocoon」の吹き出し機能です。
吹き出しを使えば会話形式で情報を伝えられるため、読者が内容を理解しやすくなり、記事の最後まで読んでもらいやすくなります。
しかもCocoonならプラグイン不要で簡単に設定できます。
この記事では、Cocoonの吹き出し機能の設定方法から使い方、おすすめの活用例まで画像付きで分かりやすく解説します。
Cocoonの吹き出し機能とは？
吹き出し機能とは、キャラクターや人物のアイコンと一緒に会話形式で文章を表示できる機能です。
例えば以下のような表示ができます。
こんにちは！今日はCocoonの吹き出し機能を解説します！
初心者でも簡単に設定できますか？
もちろん！5分もあれば設定できるよ！
ねろ
「もちろん！5分もあれば設定できるよ！」
このように会話形式にすることで、文章だけの記事よりも読みやすくなります。
まずはデフォルト吹き出しを使ってみよう
実はCocoonでは、最初から吹き出し機能が利用できます。
最初はオリジナルキャラクターを作らなくても大丈夫です。
まずは吹き出しを記事に挿入してみましょう。
STEP1：吹き出しブロックを追加する
記事編集画面で
「＋」ボタン
をクリックします。
検索欄に
吹き出し
と入力して、
吹き出しブロック
を選択します。
STEP2：デフォルト吹き出しを使う
吹き出しブロックを挿入すると、すぐに利用できます。
吹き出しブロックを選択して右上のブロックをクリック。
吹き出しの設定画面が出ます。
デフォルトの人物を選択します。
人物配置で左右の選択ができたり吹き出しスタイルも変更できます。
まずはデフォルト吹き出しで試してみましょう。
できましたか？
できました！
オリジナル吹き出しを作る方法
慣れてきたら、自分専用の吹き出しを作成してみましょう。
オリジナルキャラクターを使うことで、ブログの個性が出せます。
STEP１：吹き出し設定画面を開く
WordPress管理画面から
Cocoon設定 → 吹き出し
をクリックします。
STEP２：新規追加をクリック
画面上部の
「新規追加」
をクリックします。
新しい吹き出しを作成できます。
STEP３：キャラクター情報を登録する
以下の情報を入力します。
| 項目 | 内容 |
|---|---|
| 名前 | 吹き出し下に表示される名前 |
| タイトル | 任意 |
| アイコン画像 | プロフィール画像 |
| 吹き出しスタイル | デザイン選択 |
| 人物位置 | 左または右 |
設定後は保存をクリックします。
STEP４：記事で使用する
記事編集画面で吹き出しブロックを追加し、
登録したキャラクターを選択します。
これでオリジナル吹き出しが利用できます。
吹き出しを使うメリット
読みやすくなる
会話形式になるため長文でも読みやすくなります。
スマホユーザーに優しい
スマホでも見やすく、離脱率の改善が期待できます。
重要ポイントを目立たせられる
注意事項や補足説明を強調できます。
吹き出しをおしゃれに使うコツ
質問役と回答役を作る
本当に簡単ですか？
5分でできます
このように役割を分けると読みやすくなります。
長文を入れすぎない
吹き出しは1〜3行程度がおすすめです。
長すぎると逆に読みにくくなります。
使いすぎない
見出しごとに1〜2回程度がベストです。
よくある質問
プラグインは必要ですか？
不要です。
Cocoon標準機能だけで利用できます。
オリジナル画像は使えますか？
はい。
プロフィール画像やオリジナルキャラクターを利用できます。
何個まで登録できますか？
基本的に制限はありません。
複数のキャラクターを登録できます。
まとめ
Cocoonの吹き出し機能は初心者でも簡単に使える便利な機能です。
まずはデフォルト吹き出しで使い方を覚え、
慣れてきたらオリジナル吹き出しを作成しましょう。
設定手順をまとめると、
- 吹き出しブロックを追加
- デフォルト吹き出しを試す
- Cocoon設定から吹き出し作成
- キャラクターを登録
- 記事で使用
たったこれだけです。
吹き出しを活用して、読みやすいブログ記事を作ってみてください。
コメント