【WordPress(Cocoon)】記事投稿画面で表示される余計なボタンを消す方法

cocoon-editer-button-compact-summne-1
スポンサーリンク

どうも、あおです。

 

 

今回は、Cocoonの記事投稿画面で表示される使わないボタンを

消す方法についてメモ。

 

元は以下のようにボタンが2段に表示されていて、

PC画面が大きくない人(私w)にとっては、余計なスペース(場所)が取られる。

cocoon-editer-button-compact-1

 

 

 

 

これはうざいということで、コードを追加して消します。

左のメニューバーから、「外観→テーマファイルエディター」をクリック。

cocoon-editer-button-compact-2

 

 

 

 

 

 

 

 

 

 

 

コードを追記する画面が開くので、

右の方にある「テーマのための関数」をクリック

cocoon-editer-button-compact-3

 

 

 

「以下に子テーマ用の関数を書く」の下の段にコードを追記して、

「ファイルを更新」ボタンを押下します。

※カッコを書くのを忘れずに。

cocoon-editer-button-compact-4

 

コピー用
add_filter( ‘mce_buttons’, ‘remove_mce_buttons’ );
function remove_mce_buttons( $buttons ) {
$remove = array(
‘bold’, // 太字
‘italic’, // イタリック
‘bullist’, // 番号なしリスト
‘numlist’, // 番号付きリスト
‘wp_more’, // 「続きを読む」タグを挿入
‘wp_page’, // 改ページ
‘dfw’ // 集中執筆モード
);
return array_diff( $buttons, $remove );
}

 

 

今回追加したコードは、私が不要と思ったボタンを指定していますので、

コードを追記する際には、自分が不要なものを指定してください。

 

 

 

 

すると、余分なボタンが表示されなくなって、コンパクトになりました。

cocoon-editer-button-compact-5

 

 

おじさんのボタンやTOCのボタン等は、ボタン名がわからず、そのままです。

まあ、あっても邪魔にはならないのでOKとします。