ご覧いただきありがとうございます!
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
むぎちゃ です。
今回はCocoon(コクーン)の吹き出しでぶつかった壁とその対処法を紹介したいと思います。
やり方が分からないために諦めていた便利設定ってありませんか?
私はCocoon設定で吹き出し一覧を作成したのですが、クラッシックエディタでその一覧表を使いこなせなかった初心者です。
解決方法はあっけなく、今思うとちょっと恥ずかしい思い出です。
ブロックエディタで吹き出しブロックのアイコンカスタマイズのやり方も合わせてご紹介します!
Cocoon設定での吹き出しをカスタマイズするも、どう使うか分からなかった
吹き出しを使うと感情が豊かでブログを書くことがとても楽しくなってきます。
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
ブログを書く前から吹き出しは絶対使いたいと思ってました!
吹き出しの設置が簡単だという理由でWordPressテーマをCocoonにしたくらいです。
最初にCocoon設定で吹き出し一覧を追加すると使いやすいということだったので、いそいそと登録。
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-2-e1620300153789-150x150-3-150x150-1.jpg)
Cocoon生みの親わいひらさんのサイトを見て登録!
さっそく上記サイトを参考にクラッシックエディタで吹き出しのドロップダウンリストを……
と、思ったらクラッシックエディタに吹き出しの項目がない!
![](https://mugicha3.com/wp-content/uploads/2021/05/14b4a8cb1a2d4e4a67cf1f8eb907f9ce.png)
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-e1620299561713.jpg)
なんで~~~???
ナイ!理想とするのは下記の項目なのにいろいろナイ!!!!
![](https://mugicha3.com/wp-content/uploads/2021/05/3ba85f71457af3b411719eca8d180dfc.png)
さっぱりわからず、私はずっとブロックエディタで吹き出しを設置していました。
ブロックエディタ吹き出し設置方法
一応、私がやっていたブロックエディタでの吹き出し設置方法をご紹介します。
まず、単純にブロックエディタで吹き出しを選びます。
![](https://mugicha3.com/wp-content/uploads/2021/05/781e1dc9c17f4e8ecbc0f6be888d7d37-2-e1620719845449-1024x397.png)
そうするとCocoonデフォルトの吹き出しがでてくるので、そのアイコン部分をクリック。
![](https://mugicha3.com/wp-content/uploads/2021/05/dae948eaad6d76d16dd6ddef39385833-1-e1620720058124-1024x346.png)
そうすればメディアファイルから選べるようになるので、そこで使いたいアイコン画像を選択。
![](https://mugicha3.com/wp-content/uploads/2021/05/3f30b0b13b130bf5576cae9effdff5d5.png)
アイコンが置き換わっているので、後はセリフを入力すれば完成!
![](https://mugicha3.com/wp-content/uploads/2021/05/eaadf24d431a65abb9bc2f865e9d8e3f-e1620720319521-1024x350.png)
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-1-e1620299978229.jpg)
できなくはないけど、せっかく設定した一覧は使うことができない。
ひと手間かかる事がなんとも面倒くさい……
やっぱりクラッシックエディタでなんとかできないものか??
いろいろ調べたら超単純なやり方がありました!!!
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-e1620299561713.jpg)
まさかそんなコト!?
クラッシックエディタあっけなく解決!簡単すぎて恥ずかしい!!
やり方は単純明快。
クラッシックエディタをまず選び……
![](https://mugicha3.com/wp-content/uploads/2021/05/5cad3d2e9ac76a1f77385bfa2ad65e10-e1620720680222-1024x335.png)
出てきたおなじみのこのバーの……
![](https://mugicha3.com/wp-content/uploads/2021/05/14b4a8cb1a2d4e4a67cf1f8eb907f9ce.png)
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-e1620299561713.jpg)
ココを、押す、だけ!!!!
![](https://mugicha3.com/wp-content/uploads/2021/05/a3f27f0f91b60b249a934daaac3fa576.png)
もう後は吹き出しのボックスでドロップダウンし、登録した吹き出しを選ぶだけ!
![](https://mugicha3.com/wp-content/uploads/2021/05/7786e1bf379e4bb1485731228ce39d43-1024x450.png)
![](https://mugicha3.com/wp-content/uploads/2021/05/5074a8e7031ad725599e40470b7f101e-e1620721154157-1024x337.png)
![](https://mugicha3.com/wp-content/uploads/2021/05/182567003_2863542153962884_701524187745060684_n-e1620299561713.jpg)
めちゃくちゃ簡単!!!!
恥ずかしいほど単純な見逃し。
数日間悩まされていたのはいったい何だったのか……
こんな単純ミスは私だけかもしれないのですが覚書きとして残しておきます。
ここまでご覧いただきどうもありがとうございました!
![ブログランキング・にほんブログ村へ](https://b.blogmura.com/88_31.gif)
![](https://image.moshimo.com/af-img/1762/000000038392.png)
コメント