サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年1月27日 14:00
以下のようにページごとにスキンを変更について確認したく。
https://wp-cocoon.com/community/postid/12915/
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.3.5
カテゴリー数：19
タグ数：124
ユーザー数：1
----------------------------------------------
●現象
get_skin_urlを、例えば投稿ページとき、/skin/skin-grayish-topfull/style.cssとした。
スキンgrayishのように、functions.phpを持っている場合、正しく表示されない。
●原因
page-settings/_top-page.php（/lib/skin.php）が呼ばれない？
結果、読み込みタインミングか？スキンのfunctions.phpが読み込まれない？
トピックスターター 2025年1月27日 21:44
●補足
カスタマイズの際、投稿ページのとき、スキンCSSのURLを変更だけでなく、以下を呼び、スキンのfunctions.phpを呼び出せば解決します。
これが正しい方法ですか？
以下のスキン切り替えデモの場合は問題なく。
同じようにget_skin_urlで切り替えるのに、違いが生じるのは、なぜか？説明願えたらと思います。
https://wp-cocoon.com/skin-switch-demo/
require_once get_template_directory().'/lib/skin.php'
2025年1月28日 00:08
get_skin_urlを、例えば投稿ページとき、/skin/skin-grayish-topfull/style.cssとした。
ちなみにこの部分、/skins/skin-grayish-topfull/style.css としても、うまくいかないですか？
トピックスターター 2025年1月28日 00:20
先述は誤記です、すみません。
試しに、以下を子テーマfunctions.phpに追加しました。
function get_skin_url(){
$skin_file = get_theme_option(OP_SKIN_URL, '');
if (is_single()) {
$skin_file = get_stylesheet_directory_uri().'/skins/test/style.css';
}
return $skin_file;
}
その上で、子テーマのskins/test/functions.phpに以下のコードを書いてみました。
しかし、投稿ページを開いた際、console.logは表示されませんでした。
<?php //スキンから親テーマの定義済み関数等をオーバーライドして設定の書き換えが可能
if ( !defined( 'ABSPATH' ) ) exit;
add_action('wp_head',function() {
echo <<< EOF
<script>
console.log("test");
</script>
EOF;
});
わいひら reacted
2025年1月28日 01:11
確認してみたら、これget_skin_urlをオーバーライドする場合は、CSSが変更されるだけなので、function.php読み込まれないですね。
get_skin_urlをカスタマイズする場合は、以下のコードを最後に読み込まないとだめですね。
if ($skin_file) {
require_once get_template_directory().'/lib/skin.php';
}
2025年1月28日 01:22
あー、でもすでにCocoon設定でスキンが設定されている場合は、上記の方法でも駄目ですね。
何か別の方法を考えたいと思います。
トピックスターター 2025年1月28日 01:27
確認してみたら、これget_skin_urlをオーバーライドする場合は、CSSが変更されるだけなので、function.php読み込まれないですね。
get_skin_urlをカスタマイズする場合は、以下のコードを最後に読み込まないとだめですね。
ですよね―――――――笑
●発生のアルゴリズム
function.php→lib/_define.php→lib/_important.phpと呼ばれる。
以下の時点で、どのページか不明なため、get_skin_url()はCocoon設定のスキンとなる。
結果、ページ毎に変更してもskin.phpが呼ばれないため、スキンのfunctions.phpは呼ばれない。
2025年1月28日 01:59
読み込みタイミングを変更して、テンプレートを読み込む前に、一度だけskin.phpが読み込まれるようにしてみました。
https://github.com/xserver-inc/cocoon/commit/00ab3ae62f25a0d63f5927cc5cfdd0cd57e695b5
僕の環境ではこれで問題なさそうに見えます。
トピックスターター 2025年1月28日 02:07
以下だと、Cocoon設定の代わりにクッキーに保存されたスキンを取得するので、問題なく切り替わり。
https://wp-cocoon.com/skin-switch-demo/
今回のケースのように、ページ単位で切り替えることは不可能なのでは？
先述のように、get_skin_url内で、skin.phpを用い切り替えたスキンのfunctions.phpを呼び出すと、変になります。
既に、切り替え前のスキンのfunctions.phpが動作しているので、スキンなし→スキンありの状態とは異なり、期待した動作にはなりません。
2025年1月28日 02:43
今回のケースのように、ページ単位で切り替えることは不可能なのでは？
ここの変更が行われた最新版のCocoonをGitHubでダウンロードしインストールしてもダメでしたか？
このページとかうまくいっているように見えますが。
https://wp-cocoon.com/skin-grayish-topfull/
トピックスターター 2025年1月28日 03:11
このページとかうまくいっているように見えますが。
以下の修正版だと、[外観]→[カスタマイズ]→grayishメニューが表示されなくなりました。
また、メイド・イン・ヘブンも同様の上、以下の関数が上書きされません。
- get_site_wrap_width
- get_main_column_width
- get_sidebar_width
https://github.com/xserver-inc/cocoon/commit/00ab3ae62f25a0d63f5927cc5cfdd0cd57e695b5
わいひらさん、せっかち？？？
本件ですが、一旦変更前に戻して頂きたく。
申し訳ないが、もう少し落ち着いて、原因究明してください。
場当たり的な対応は、無駄に時間を割くだけです。
また、十分テストした上でリリース願います。私はCocoonのデバッガではありません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。