COCOON

【cocoon】吹き出しの設定方法

2020年4月11日

こんにちは!!みきはず(@mikihazu1020)です。

今回は吹き出し機能を設定していこうと思います。

ブロガーの人たちは上手にしようしているので自分も設定してみました。

デフォルトであるのとは別に追加してみたいと思います。

簡単に解説していきます。

それではいってみましょう!!

設定方法

デフォルトのものではなく自分の好きな人物などを設定します。

ここでは

を設定します。

ダッシュボードを表示します。

cocoon設定→「吹き出し」をクリックします。

「新規作成」をクリックします。

こんなページになります。

入力するところ

  • タイトル:そのアイコンのタイトルを入力します
  • 名前:表示名になります
  • アイコン画像:アイコンを選択します
  • 吹き出しスタイル:スタイルを選択できます。
  • 人物位置:右か左か
  • アイコンスタイル:四角か丸か
  • TinyMCE:利用しないものは、無効にしておくと便利

*画像の選択の仕方

「選択」をクリックします。

画像を選択します。

右下の「画像の選択」をクリックします。

画像が挿入されました。

次に保存をクリックします。

デモが表示されるので確認できます。

使用方法

挿入したいところにカーソルを合わせる。

「吹き出し」をクリックする。

「パパ」をクリックします。

吹き出しの中に文を入れれば完成です。

まとめ

簡単に設定することができました。

そして簡単に好きなアイコンにもすることができました。

自分からは以上でーす。

-COCOON