目次
目次

仕様変更Ver.2.14.1→3.0.0

リリースメモ
この記事は約23分で読めます。
記事内に広告が含まれています。
目次

【件名】子テーマCSSよりスキンCSSが優先されてしまう

現象

子テーマのCSSでスキン見出し用のクラスを上書きしようとしても、同じセレクタ（CSSクラス名）のままではスタイルが適用されない。
反映させるには、:rootを付与するなどしてセレクタの優先度を上げる必要がある。

原因

CSSの読み込み順が以下のようになっており、子テーマのCSSよりもスキンの見出しCSSが後に読み込まれ、優先されてしまう。

  1. スキンCSS（cocoon-skin-style）
  2. 子テーマCSS（cocoon-child-style）
  3. スキン見出しCSS（hvn-h2-style）

対策

WordPressのフックと依存関係（deps）を調整し、正しい順序でCSSが読み込まれるように修正する。

  1. wp_enqueue_styleでスキン見出しCSSを追加する際、第三引数の$depsにcocoon-skin-styleを指定し、スキンCSSの直後に読み込まれるよう強制する。
  2. wp_enqueue_scriptsではなく、wp_enqueue_scripts_before_skin_styleを使用して、スキンCSSが読み込まれるタイミングでスキン見出しCSSを差し込む。
cocoon/skins/skin-made-in-heaven/lib/hook-wp.php at 716c12b1d48dc23cf6182d51c0c084732732b7e0 · xserver-inc/cocoon
100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon
github.com

変更一覧

パスファイル名
/skin-made-in-heaven/lib/function.php
/skin-made-in-heaven/lib/wp-hook.php
1…3637383940
タイトルとURLをコピーしました