2019/12/131+1!55+1!久しぶりにCocoonのカスタマイズ記事!今回はビジュアルエディタ上の様々なドロップダウンメニュー(?)をより使いやすくしようというもの。Cocoonはその圧倒的な多機能さゆえ、このメニューの項目も増えてしまいがちだし、どれがなんだか分からないこともよくあります。?テーマとしては大変素晴らしいのですが、「個人的には要らないんだけどな~」というものもきっとあるでしょう。今回はそこをいじってみます。簡単なので初心者さんもぜひどうぞ!もくじ今回やりたいことカスタマイズ方法functions.phpを編集する1.使わないメニューを削除する2.メニューの表示名を変更する確認する注意点おわりに今回やりたいことまず今回の目的をはっきりさせましょう。Advanced」プラグインを入れているので、ボタン類などは完全デフォルトではないです今回のカスタマイズでこんな風になります。死ぬほど分かりにくいですね、すみません。使わない項目は削除(非表示)してスッキリさせる機能の説明を自分が分かりやすいテキストに変えるなどがメリット。結果として、「どれがなんの機能なんだか分からない!」ってこともなくなります。ほとんどの人は普段使っているものはそんなに多くないはずなので。やることは(最初だけちょっと地味でめんどいけど)簡単です。カスタマイズ方法ビジュアルエディタの表示項目はテーマフォルダ内のphpファイルで関数によって定義されています。cocoon-master/lib/admin-tinymce-qtag.phpこのファイルがその正体。「lib」フォルダのファイルは子テーマで編集しても適用させることはできません。いうわけで、例によって(子テーマの)functions.phpファイルにこの関数を「上書き」することでカスタマイズを実現させます。なるオリジナルの関数をコピーしてきましょう。(verは常に最新のソースになります。上記リンクへアクセスすると、51行目がハイライトされた状態でソースが表示されます。{であることを確認して(バージョンアップ対策)、そのまま51行目から1664行目までコピー。1664行目が}になっていることを確認してください(endif;ではない)。これをまるっとコピーして、子テーマのfunctions.phpの好きなところにペーストしましょう。これからこれを編集していきます。このあとは使わないメニューを削除するメニューの表示名を変更するの2つに分けて説明していきます。その前に、今回対象となりえるメニューがどれなのかを確認しておきましょう。このようにCocoonによって表示が変わる5つのドロップダウンリストがあります。「スタイル」はどのテーマでも存在し得ますが、中身はテーマによって変わります。今回の話の対象は1番と4番です。2番と3番は今回の施策によってはカスタマイズできませんが、Cocoon標準の設定で項目の増減が可能です。5番はちょっとよく分かんねぇ(雑あとで気付きましたが、「アフィリエイトタグ」のメニューもありましたね!僕は1つも登録していないのでドロップダウンメニュー自体が非表示になっていました。これもCocoon標準で増減の設定が可能です。いうわけで、主には「スタイル」の中身をいじるのがメインになります。1.使わないメニューを削除する使わないドロップダウンリストの削除は、そのまま関数内の該当部分をごっそり削除するだけでOKです。この「オレンジ」というメニューを非表示にしたいなら、その該当ソース部分を削除すればOK。表すコードがどこからどこまでなのかを理解する必要があります。「スタイル」を例にして1つ見てみましょう。赤枠で囲んだ部分がこのドロップダウンリスト1つ分です。~~~~~~~),となっているのがちょうど1ブロックなのが分かりますか??ここをまるっと削除する。すると投稿編集画面でもこのようにメニューが1つ減ります。基本的にはこの作業を繰り返すだけ。ちなみに、このように階層が入れ子構造になっているものがありますが、それはここを見てもらうと感覚的に理解できるはず。array~の構造がちょうど入れ子になっているのが分かりますね。この「ブレイク」のタブボックス全体を消したければここをまるっと消せばOK。