サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2022年9月15日 15:35
いつも大変お世話になっております。
数あるWPテーマのうち、無料でこれだけかゆいところに手が届くCocoonテーマには大変感謝しております。
本日、親テーマに自動アップデートがかかり2.4.6→2.4.9になったのですが
それにともない子テーマのfunctions.phpで管理していたCSSの読み込み位置が変わり、追加CSSよりも親テーマのstyle.cssが優先されてしまうようになってしまいました。
子テーマのfunctions.phpには、下記のように記載をしています。
▼子テーマのfunctions.phpに記載している内容
function add_files() {
wp_enqueue_style( 'swipercss', get_stylesheet_directory_uri() . '/css/swiper-bundle.min.css', array() );
wp_enqueue_style( 'commoncss', get_stylesheet_directory_uri() . '/css/common.css', array() );
…略
}
add_action( 'wp_enqueue_scripts', 'add_files' );
※実際の表示(読み込み位置)は添付ファイルをご確認ください。
結論、親テーマのダウングレード(2.4.5.8)で読み込み位置自体は戻り意図した表示に戻ったのですが、
アップデートによりCSSの表示が崩れるのは避けたく、、今後のアップデートをどうしたものかと思っているところです。
今回段階的にダウングレードをしていったところ、どうやら2.4.7以降?あたりから
子テーマfunctions.phpでのCSS読み込み位置に変更があったようなのですが、
直近のCocoon子テーマfunctions.phpでは何か特殊な書き方が必要でしょうか。
このトピックは2年前からxylitolに変更されました
2022年9月15日 17:25
wp_enqueue_style() の第 3 引数の $deps で親テーマのスタイルシートを指定すれば、ご希望の動作になると思います。
例えば、swipercss であれば、こんな感じです。
wp_enqueue_style( 'swipercss', get_stylesheet_directory_uri() . '/css/swiper-bundle.min.css', [THEME_NAME . '-style', THEME_NAME . '-keyframes'] );
もし、子テーマのスタイルシートより後に読み込む場合は、こんな感じです。
wp_enqueue_style( 'swipercss', get_stylesheet_directory_uri() . '/css/swiper-bundle.min.css', [THEME_NAME . '-child-style', THEME_NAME . '-child-keyframes'] );
この投稿は2年前ずつAkiraに変更されました
わいひら reacted
トピックスターター 2022年9月15日 18:20
@akira さん
詳しくありがとうございます!
2.4.9にアップデート後、親テーマの後に読み込み設定することで希望通りの順序になりました!
これまで$depsを設定せずともなんとかなってきていたので、省略してしまっていました。。
わいひらさんはおそらく他の要素のために設定を変更されたのかと思いますが、プラグインの更新等でこのようなパターンもあるのですね…(汗)
しっかり設定してあげないといけないなと実感しました。。
ご丁寧にお教えいただき、ありがとうございます!
2022年9月15日 18:29
経緯としては、chu-yaさんがリンクしてくださったものに、更にリンクがある、以下が参考になると思います。
[解決済] 見出しの色変更 paddingの変更
https://wp-cocoon.com/community/postid/63420/
子テーマのスタイルシートに記載しても、負けてしまって反映されないということがあったんですよね。
(同じセレクタを書いた場合)
それは、スタイルシートの読み込み順が・・・ということで、今回のバージョンアップで変更したということかと思います。
わいひら reacted
2022年9月15日 19:30
@xylitol さん
補足です。
テーマやプラグインのスタイルシートに関係なく、とにかく最後に読み込みたい場合は、アクションフック wp_enqueue_scripts の実行順を 11 以上にする方法もあります。この場合は、wp_enqueue_style() の第 3 引数は空の配列のままで構いません。
例:
function add_files() { wp_enqueue_style( 'swipercss', get_stylesheet_directory_uri() . '/css/swiper-bundle.min.css', array() ); wp_enqueue_style( 'commoncss', get_stylesheet_directory_uri() . '/css/common.css', array() ); } // このアクションフックの実行順を 11 以上にする add_action( 'wp_enqueue_scripts', 'add_files', 11 );
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。