【決定版】ポジティブになれる5STEP!
スポンサーリンク

COCOONインラインが使えない!吹き出し~ショートコードが表示されない!原因はコレでした

おカネのサプリ
Drオレンジ
Drオレンジ

こんにちは。インフルーツエンサーのDrオレンジです🍊

今回は先日わたしがブログを書く上で困った問題が起きたことと、その解決方法を共有させていただきます。

スポンサーリンク

COCOONインラインが使えない

まず最初の問題は「Cocoonインラインが使用できない」ことでした。

Cocoonインラインとは、WordPressテーマCocoonの文字装飾機能のことです。

Drオレンジ
Drオレンジ

詳細は下記の公式ページを参照ください

記事作成に使える拡張スタイル。インライン編。
Wordpress本文を彩る拡張スタイル(拡張クラス)の紹介です。見た目とソースコードをあわせて紹介しています。

 

せっかくの機能ですので使用したいと思ったのですが、Cocoonインラインを使用するために必要な「スタイル」のタブが見つかりません。

原因はブラグイン「TinyMCE Adbanced」

色々と試してみたけど上手く行かず。

格闘すること約5時間・・・。

Drオレンジ
Drオレンジ

ものすごくムダな時間だな

やっと原因が判明!!

プラグインTinyMCE Adbancedの設定が原因でした。

WordPressの設定タブ→TinyMCE Adbancedの設定画面へ

下にスクロールすると、ツールバーを設定する箇所があります。

スタイルをドラッグ&ドロップして好みの位置へ配置してください。

そして右下部の「変更を保存」をクリックすれば設定完了です!

Cocoonインラインが使用できるようになりました!

吹き出し・テンプレート・ショートコード等が表示されなかった!!

よし!これでやっと問題解決!

とおもいきやまたもや問題が発生・・・

Drオレンジ
Drオレンジ

もう勘弁してくれ~~~

なんと!

今まで使えていた吹き出し~ショートコードの部分が表示されない!

原因はわかりませんが途中で色々と設定をいじっていたためこんなコトに。

解決方法を調べてみると

ツールバーの切り替え

というボタンを押すと出てくるということでした。

しかし・・

そんなボタンはどこにもありません!!!!

Drオレンジ
Drオレンジ

ほかの・・・ほかの方法はないのか・・・

いくらネットで探しても

ツールバーの切り替えを押せ

の一点張り。

もうね、自力でなんとかしましたよ・・・。

原因はプラグイン 「Native Emoji 」

わたしは、プラグインNative Emojiを導入していました。

このプラグインを使用することで、ブログ記事にスマホと同じ絵文字が使えます。

Drオレンジ
Drオレンジ

🍊←コレとかだな

しかし、Cocoonとは相性が良くないようです。

Native Emojiを無効にしたら、吹き出しからショートコードまでが表示されました。

ナニゴトもなかったかのように。

絵文字も今までどおり使いたいため、有効化する順番など工夫しためしてみましたが同時に使用することはできませんでした。

Drオレンジ
Drオレンジ

今まではフツーに使えてたのにナゼ!?

とりあえず今回は絵文字の使用をあきらめることにしました。

Native Emoji はプラグイン削除しました。

Drオレンジ
Drオレンジ

今までありがとう!!

今は過去記事で使った絵文字をコピペして使っています。

Cocoonの機能をつかってキレイなブログを書こう!

今回はCocoonの文字装飾機能であるCocoonインラインを使用する際に起きた問題とその解決方法について共有いたしました。

わたしと同じような問題が起きた方に、この記事が役に立てば幸いです。

Drオレンジ
Drオレンジ

それではまた!

この記事が良いと思ったら下のボタンでシェア

ライターが気になったらDrオレンジをフォロー

↓ポチッとしてくれたら私のモチベUP!

にほんブログ村 ライフスタイルブログへ

コメント