ブログ運営

【Coccon」記事作成でツールバーが表示されない。その時の対処法

今まで使っていたワードプレスのテーマ「Simplicity2」から「Coccon」にしました。

https://wp-cocoon.com/

↑Cocconはここからダウンロードできます。

 

その時に

【ツールバーが表示されない】

という謎事件が発生したので、備忘録として記事を書いておきます。

(CSSとか全く知識がなくても解決したので)

 

ツールバーって何?

これのことです。

↑の画像のような状態でした。

このままだと、このツールバーで唯一使うのって

【文字を太字にすること】

しかないので、全然使い物にならないんですよね。

 

しかもソースコードとか何書いてあるかちんぷんかんぷんだし、CSSもプログラミング言語ってくらいしか分からないし。(そもそもCSSがプログラミング言語なのかどうかも怪しい)

つまりそこらへんにいるズブの素人レベルです。

 

なので、ツールバー便りで色々と記事作成していたんですけど、急に消えちゃったんですよね。

これは非常にやばい!

 

今までツールバーにおんぶに抱っこだったので、こりゃどうにかしなきゃと色々試行錯誤しました。

 

Cocconでツールバーの表示方法

1.画像の通り【Coccon設定】をクリックします。

2.画像の赤枠の【エディタ】を選択して【Gutenbergエディターを有効にする】のチェックを外します。

(無効化することで旧ビジュアルエディター形式で投稿画面が表示されます。なんか怖い文面で書いてありますが問題ありません)

これで設定は完了です!!

 

設定前と設定後の違い

【設定前】

これだとせいぜい太字にするか文字を斜めにするかくらいしか使わないんですよね。

これじゃあ文字の色変えたり吹き出しとか出来ないしやばいなって。

【設定後】

よっしゃああああああああああああああああ!!!

表示されたああああああああああああああ!!!

 

かれこれこのめちゃくちゃ単純な設定に1時間使いました。

 

なんでツールバーが表示されるようになったの?

ぶっちゃけ理由は分かりません!!

でもこの設定をすることによって表示されるようになりました。

本当に理由は分かりません!

そして理由をググってません。

 

「まぁ表示されたからいっかー!」

てな感じでした。

 

他にググった内容

1時間も調べてたんだから色々他の情報も出てきますよ。

例えば

【ビジュアルエディタースタイルにタブが表示されていません。】

っていう内容。

出典:https://wp-cocoon.com/community/cocoon-theme/%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%AB%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%BE%E3%81%9B%E3%82%93/

 

これの解決策は

【ビジュアルエディターの「ツールバー切替」ボタンを押すと表示されるよ!

っていう解決策でした。

まぁ私の場合はそもそも「ツールバー切替」っていうのが無かったので解決になりませんでした。

 

【コクーン(Cocoon)のスタイル(タブボックス)が消えた】

ってのもありました。

出典:https://tripbowl.net/cocoon-tabbox/

これの対処法は

【TinyMCE Advancedのプラグインを無効化にした】

ことでスタイルが復活したそうですね。

どうやら、TinyMCE AdvancedとCocconのツールバーが競合していたっぽいですね。

 

なんだかんだでCoccon使いやすい

まだCocconを使って3日くらいなんですが、なんだかんだで使いやすいです。

 

SEO対策入ってるし

吹き出しはあるし

アドセンスとかアフィリエイトとか設定できるし

 

もう他にも色んな事が出来そうですね!