About this Blog & About me(はじめに)

【Cocoon初心者】吹き出しがプラグインなしで使える!詳しい使い方と、吹き出しリストの表示設定

ブログ運営

WordPressで吹き出しを使うためには、通常は、専用のプラグインをいれる必要があります。

しかしCocoonの場合は、吹き出し作成機能が最初から搭載されており、プラグインなしで、簡単に吹き出しを入れることができるのです。

ソラ
ソラ

Cocoonで吹き出しを使う際は、事前にアイコン画像や名前を登録しておくと便利です。

また、記事の編集画面で表示される吹き出しのリストに、元々登録されている人物(アイコン)を非表示にする方法についても、ご説明します。

\まだブログを開設していない方へ/
スポンサーリンク

吹き出しとは

ソラ
ソラ

指定したアイコン(今は管理人のソラ)のセリフのように表示される、これが吹き出しです。

ブログを書く時に話が長くなり、文章ばかりが続くと、読み手は疲れて、途中で読むのをやめたくなってしまいます。

そんな時に吹き出しを入れてあげると、ぐっと読みやすくなります。

WordPress・Cocoonで吹き出しを使う方法

吹き出しを使う前の、事前準備

ダッシュボードの「Cocoon設定」→「吹き出し」→「新規追加」 をクリック

説明画像
実際の画面

 ↓ ↓

次の画面で、吹き出しのタイトル、名前(アイコン下に表示される名前)、アイコン画像、人物位置(アイコンの出る位置)などを設定していき、保存します。

事前準備はこれで完了です。

Cocoon 吹き出しの使い方

早速、吹き出しを使っていきましょう。

ブロックの追加(+のマーク)→「Cocoonブロック」→「吹き出し」、の順にクリックします。

説明画像
実際の画面

 ↓ ↓

説明画像2
説明に不要な部分(画面中央辺り)は切り取っています

初めはデフォルトの吹き出しが表示されるので、「スタイル設定」で好きな人物に変更しましょう。

ここでは、「ソラ」を選びます。

ソラ
ソラ

すると、こんな風に「ソラ」の吹き出しが表示されます。

Cocoon 吹き出しリストへの表示・非表示

吹き出しリストとは、下の画像の、オレンジ色の枠で囲んだ部分のことです。

実際の画面の画像

Cocoonの場合、ここにデフォルトの人物がすべて表示される設定になっているため、その中から使いたい人物の吹き出しを探し出すのは少し手間がかかります。

そこで、この吹き出しリストには、よく使う人物だけを表示するように設定しておくと便利です。

やり方は以下のとおり、簡単にできます。

ダッシュボードの、「Cocoon設定」→「吹き出し」→ 吹き出し一覧の中から表示・非表示を変えたい人物を選んで右端の「編集」、の順でクリックします。

次の画面で一番下までスクロールすると、以下のような画面になります。

 ↓ ↓

ダッシュボード画像

▽吹き出しリストに表示したい場合
「エディターのリストに表示」にチェックを入れます。

▽吹き出しリストに非表示したい(表示したくない)場合
「エディターのリストに表示」のチェックを外します。

たったこれだけで、ビジュアルエディター(記事の編集画面)の吹き出しリストに表示・非表示する設定ができます。

Cocoon 吹き出しの使い方・まとめ

Cocoonでブログを書く際は、プラグインなしで使える吹き出し機能を効果的に使って、読者により読みやすい記事を作成しましょう。
また、吹き出しは、毎回、記事作成画面で編集するよりも、事前によく使う人物を登録しておくと便利です。

ブロックエディターの吹き出しリストに表示・非表示する設定も簡単にできるので、ぜひご自分の使いやすいようにカスタマイズしてくださいね。

ソラ
ソラ

Cocoonの記事編集画面で、いちばん上にツールバー(ビジュアルエディター)を出す方法なども解説しています。
下の関連記事からご覧ください(^^)

\ツールバーの出し方を知りたい方へ/
ブログ運営
スポンサーリンク
\シェアしてもらえたら嬉しいです/
ソラのSNSはこちら↓Follow me(^^)/
ソラ

30代。1児の母。FP2級。古のおたく。『日々をたのしく、健康に美しく』を目標に。

このブログでは《美容系多めのおすすめ厳選グッズ》×《オタクの惚れた作品紹介》、その他、子育てのことなど多岐にわたって書いています。

Twitter・note・楽天ROOMなどのフォローもお気軽にどうぞ~!

ソラのSNSはこちら↓Follow me(^^)/
ぐるりのそら

コメント

タイトルとURLをコピーしました