Cocoon設定のプレビュー表示制御フックのサンプルコード

Tips

2019.03.132022.01.12

この記事は約5分で読めます。

Cocoon1.6.8から、Cocoon設定のプレビュー表示を切り替えられる用に変更しました。

プレビュー表示とはこんなやつ。

全てのプレビュー表示を非表示にする
個別のプレビュー表示を非表示にする

全てのプレビュー表示を非表示にする

Cocoon設定にある全てのプレビュー表示を非表示にするには、以下のコードを子テーマのfunctions.phpに追記します。

//////////////////////////////////////////////
//全てのCocoon設定プレビューを非表示にする（フォント以外）
//////////////////////////////////////////////
add_filter('cocoon_setting_all_previews', '__return_false');

プレビュー表示が不要な場合は、すべて無効にすることができます。

プレビューを無効にすることで、幾ばくかは設定画面の動作が速くなるとは思います。

このコードは、子テーマのfunctions.phpに記述してください。親テーマのfunctions.phpにそのまま記述しても動作しません。

個別のプレビュー表示を非表示にする

個別のプレビュー表示を表示にするコードはこちら。

//////////////////////////////////////////////
//個別のCocoon設定プレビュー非表示制御
//////////////////////////////////////////////
//全て
add_filter('cocoon_setting_preview_all', '__return_false');
//ヘッダー
add_filter('cocoon_setting_preview_header', '__return_false');
//スキン
add_filter('cocoon_setting_preview_skins', '__return_false');
//タイトル（フロントページ）
add_filter('cocoon_setting_preview_title_front', '__return_false');
//タイトル（投稿・固定ページ）
add_filter('cocoon_setting_preview_title_singular', '__return_false');
//タイトル（カテゴリーページ）
add_filter('cocoon_setting_preview_title_category', '__return_false');
//カラム
add_filter('cocoon_setting_preview_columns', '__return_false');
//インデックス
add_filter('cocoon_setting_preview_index', '__return_false');
//投稿（カテゴリー・タグ）
add_filter('cocoon_setting_preview_singular_categories_tags', '__return_false');
//投稿（関連記事）
add_filter('cocoon_setting_preview_singular_related_entries', '__return_false');
//投稿（ページ送りナビ）
add_filter('cocoon_setting_preview_singular_pager_post_navi', '__return_false');
//目次
add_filter('cocoon_setting_preview_toc', '__return_false');
//SNSシェア（トップ）
add_filter('cocoon_setting_preview_sns_share_top', '__return_false');
//SNSシェア（ボトム）
add_filter('cocoon_setting_preview_sns_share_bottom', '__return_false');
//SNSフォロー
add_filter('cocoon_setting_preview_sns_follow', '__return_false');
//画像
add_filter('cocoon_setting_preview_images', '__return_false');
//ブログカード（内部）
add_filter('cocoon_setting_preview_internal_blogcard', '__return_false');
//ブログカード（外部）
add_filter('cocoon_setting_preview_external_blogcard', '__return_false');
//コード
add_filter('cocoon_setting_preview_code', '__return_false');
//通知
add_filter('cocoon_setting_preview_notice', '__return_false');
//アピールエリア
add_filter('cocoon_setting_preview_appeal', '__return_false');
//カルーセル
add_filter('cocoon_setting_preview_carousel', '__return_false');
//フッター
add_filter('cocoon_setting_preview_footer', '__return_false');
//ボタン
add_filter('cocoon_setting_preview_buttons', '__return_false');
//モバイル
add_filter('cocoon_setting_preview_mobile', '__return_false');
//404ページ
add_filter('cocoon_setting_preview_404', '__return_false');

必要なもののみ利用してください。

これは、プレビュー表示があることで、カスタマイズが正常動作しないとき等に利用できます。

例としては、こんな時とか。