【中級者向け】スキン制御を解除し好みの設定に変更する方法

本スキンは、デザインの一貫性を保つため、あえて設定項目を絞り込んで最適化しています。
そのため、スキン設定以外の部分については、細かなデザイン調整を行っていません。

このことから、意図しないデザイン表示になる可能性があります。
また、PHPの操作を誤ると、サイトが表示されなくなるリスクがあります。

本記事の内容を試す際は、必ずバックアップを取得した上で、自己責任でお願いいたします。

はじめに
スキン独自の管理画面CSSを無効化する方法
スキン制御の解除、設定値を変更する方法
設定名と値の調べ方
スキン制御自体を根本から削除する方法
さいごに

はじめに

スキン「メイド・イン・ヘブン」はCocoon設定の多くをスキン制御しています。
このため、図1に示すように、スキン制御のラベルだらけになり、本当に設定すべきメニューを探すのに見にくいです。
そのため、設定不要な設定タブ、設定メニューは非表示にしています。

Cocoon設定値

「Cocoon設定」の記事一覧です。スキンによって自動設定されるCocoon設定のタブや項目を整理し、自動設定される項目は非表示にしています。設定内容を確認する際に、ぜひご覧ください。

しかし、スキン制御を解除し、独自のカスタマイズをしたい場合もあるかと思います。
そのため、Cocoon設定を通常表示に戻し、スキン制御を好みの設定に変更します。

この記事では、この方法について説明します。

スキン独自の管理画面CSSを無効化する方法

Cocoon設定画面の状態を標準に戻すには、外観→カスタマイズ→メイド・イン・ヘブン設定→オプション→「Cocoon設定画面リセット」をオンにしてください。

オプション

本スキンでは、NEW・UPマークの表示日数設定やいいねボタン、オートプレイ、各種表示テキストの変更など、サイト全体の動作や装飾を細かく制御できる豊富なオプション設定を可能にし、サイトの利便性とデザイン性を高めた柔軟な環境構築を実現します。

これにより、Cocoon設定画面の見た目を標準に戻し、非表示にされていた項目が再度表示されるようになります。

スキン制御の解除、設定値を変更する方法

スキンの独自フックhvn_theme_optionsを使用することで、スキン制御の解除や、スキン側で固定された設定値の変更が可能です。

例えば、スキンによる「Gutenbergエディター」のスキン制御を解除したい場合は以下のように記述します。
また、「クレジット表記」を変更します。

add_filter('hvn_theme_options', function ($options) {
  // Gutenbergエディターを有効のスキン制御を解除
  unset($options['gutenberg_editor_enable']);

  // フッタークレジット表記を変更
  $options['credit_notation'] = 'full';

  return $options;
});

設定名と値の調べ方

どこの設定を書き換えるべきかは、Cocoon公式の解説ページを参考に、該当する設定名と代入する値を探して設定してください。

スキン内のfunctions.phpファイルでCocoon設定値を制御する方法

Cocoon設定の設定値をfunctions.phpファイルからPHPコードを入力することで制御する方法です。

スキン制御自体を根本から削除する方法

スキンが持つ制御機能そのものを削除したい場合は、安全のため該当のスキンファイルを子テーマへコピーし、直接ファイルを編集してください。

フォルダーの作成
子テーマ（cocoon-child-master）の直下にskinsフォルダーを作成します。

ファイルのコピー
親テーマ内のスキンフォルダー（cocoon-master/skins/）のskin-made-in-heavenフォルダーを一式を作成したskinsフォルダーへコピーします。

コードの編集
コピーした先にあるfunctions.phpを開き、不要なスキン制御（設定を固定している箇所）の記述を削除します。

cocoon/skins/skin-made-in-heaven/functions.php at master · xserver-inc/cocoon

100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon

この方法をとることで、設定の自由度を完全に取り戻すことが可能です。

さいごに

今回紹介した方法を使えば、スキンの制約に縛られることなく、自分好みのサイト設計を進めることができます。
管理画面をスッキリさせて本来の設定項目を見やすくするのも良し、プログラムからピンポイントで上書きするのも良し。
あなたのカスタマイズに合わせて、最適な手法を選んでみてください。