質問: ページ固有のスクリプト/スタイルを読み込む方法 私は、デフォルトのwordpress起動プロセスに従って、まずfunctions.phpが呼び出されることを知っています。しかし、私は現在それを最適化するために私のテーマを完全にリファクタリングするつもりです。私の考えは、共通のプロパティ、正規化、色用に1つのベースcssファイルを用意することです。または、単一のcssファイルを保存するには、この場合、ページを判別するためにfunctions.phpに大文字と小文字を切り替えるコードをハードコードする必要があります。各ページに固有のもう1つのファイルです。すべてのスタイルが定義された巨大なcssスタイルファイルをロードするのは意味がありません。だから私の質問は、特定のスクリプトやスタイルをロードするためにフックするのに最適な場所は何ですか?それはheader-xxx.phpまたは他のファイルであるべきですか?このアイデアをよりスケーラブルでエレガントな方法で実装する方法はあるでしょうか。私はどんな助けにも感謝します。
回答: 誰かがどのページにアクセスしているかを確認し、各ページの特定のスタイルシートをエンキューするために条件付きで実行することもできますが、cssを使用してページをターゲティングする方が得策です。header.phpファイルで、次のようにbody_class関数がbodyタグ内にあることを確認してください。<body <?php body_class(); ?>> これにより、ページの特定の機能をターゲットにするために使用できるクラスがbodyタグに挿入されます。たとえば、ある特定のページのh1を赤にしたい場合は、次のようにします。body.page-id-12 h1 { color: #ff0000; } そのため、id 12のページでは、そのスタイルが適用されます。特定のページテンプレートをターゲットにするには、次のようにします。body.page-template-template-about h1 { color: #ff0000; } それは "about"テンプレートが適用されたページをターゲットにします。スタイルを設定したいページのbodyタグ内のクラスを見てください。ただし、それでも特定のページの特定のスタイルシートをエンキューしたい場合は、次のようにします。function na35_enqueue_styles() { if ( is_page( 12 ) ) { wp_enqueue_style( 'page-12-styles', get_template_directory_uri() . '/css/page-12.css' ); } } add_action( 'wp_enqueue_scripts', 'na35_enqueue_styles' );