WordPressテーマまたはプラグインでスタイルファイルを適切に導(dǎo)入するには、wp_enqueue_style（）関數(shù)を使用する必要があります。 1。wp_enqueue_style（）を使用して、CSSファイルを登録およびロードします。基本構(gòu)造はwp_enqueue_style（$ handle、$ src、$ deps、$ ver、$ media）、$ handleは一意の識別子、$ srcはcssファイルのurl、$ depsは依存関係スタイル、$ verはバージョン番號、$メディアはメディアタイプです。 2。enqueue操作を使用してfunctions.phpファイルを配置し、wp_enqueue_scriptsフックで実行して、正しい負(fù)荷を確保します。 3. is_front_page（）、is_single（）、is_page_template（）などの判斷する條件特定のスタイルの特定のページの読み込みを制御します。 4.競合を避けるために、各ハンドルは一意でなければなりません。プレフィックスで名前を付けておくことをお勧めします。WP_Style_is（）を介して登録されているかどうかを確認(rèn)できます。 5.親のテーマスタイルは最初に子テーマにロードする必要があります。次に、子テーマスタイルをロードし、依存関係を設(shè)定して正しい順序を確保する必要があります。

WordPressのテーマやプラグインにスタイルファイルを適切に導(dǎo)入することは、単にecho '<link>'ほど大まかではありません。正しい方法は、 wp_enqueue_style()関數(shù)を使用することです。これにより、競合を回避し、パフォーマンスを改善し、依存関係をより適切に管理できます。

wp_enqueue_styleを使用した基本構(gòu)造

wp_enqueue_style() 、cssファイルを登録およびロードするために使用されるWordPressによって提供される公式関數(shù)です。その基本的な使用法は次のとおりです。

 wp_enqueue_style（$ handle、$ src、$ deps、$ ver、$ media）;

• $handle ： 'my-style'などのスタイルの一意の識別子（ID）
• $src ：CSSファイルのURLアドレス
• $deps ： 'main-style'など、このスタイルが依存している他のスタイル
• $ver ：キャッシュコントロールに使用されるバージョン番號は、 filemtime(get_stylesheet_directory() . '/style.css')設(shè)定できます。
• $media ： 'all' 、 'screen' 、 'print'などのメディアタイプ、デフォルトは'all'です

一般に、トピックのfunctions.phpファイルにenqueue操作を配置し、 wp_enqueue_scriptsフックを介して実行します。

必要に応じて特定のスタイルをロードします

特定のページまたはテンプレートに特定のCSSファイルをロードするだけで、ホームページ、記事の詳細(xì)ページ、カスタムテンプレートページなどです。この時點で、この條件を使用して、Enqueueが制御されているかどうかを判斷できます。

一般的な判斷の方法は次のとおりです。

• is_front_page() ：ホームページであるかどうかを決定します
• is_single() ：単一の記事ページかどうかを判斷します
• is_page_template('template-name.php') ：ページテンプレートが使用されているかどうかを判斷します

例えば：

 add_action（ 'wp_enqueue_scripts'、 'enqueue_custom_styles'）;
関數(shù)enque_custom_styles（）{
    if（is_page_template（ 'template-landing.php'））{
        wp_enqueue_style（ 'landing-style'、get_template_directory_uri（）。 '/css/landing.css'）;
    }
}

そうすることで、不必要なリソースの読み込みを減らし、ページの速度を高速化し、スタイルの競合を回避できます。

ハンドルの命名と重複に注意してください

各スタイルファイルには、一意のhandle名が必要です。誤って既存のハンドルを繰り返し登録した場合、スタイルをロードしたり上書きしたりしない場合があります。

たとえば、 'main-style'を使用し、プラグインも同じ名前を使用する場合、問題がある可能性があります。したがって、 'yourtheme-main-style'や'yourplugin-style'などのスタイルに接頭辭の名前を付けることをお勧めします。

スタイルが登録されているかどうかを確認(rèn)する場合は、 wp_style_is( $handle, 'registered' )を使用して確認(rèn)できます。

子テーマのスタイルの読み込みを処理します

子のテーマを開発している場合は、通常、親のテーマのスタイルを最初にロードし、次に子供のテーマのスタイルをロードしたいと思います?，F(xiàn)時點では、注文と依存関係に注意してください。

推奨ライティング方法：

 add_action（ 'wp_enqueue_scripts'、 'enqueue_parent_and_child_styles'）;
関數(shù)enqueue_parent_and_child_styles（）{
    //親テーマスタイルwp_enqueue_style（ 'parent-style'、get_template_directory_uri（）。 '/style.css'）;

    //子のテーマスタイルを再度登録して、親スタイルwp_enqueue_style（ 'child-style'、get_stylesheet_directory_uri（）。 '/style.css'、array（ 'parent-style'））;
}

ここではget_template_directory_uri()注意し、 get_stylesheet_directory_uri()現(xiàn)在の子テーマディレクトリを指すために使用されます。

基本的にそれだけです。フックを使用し、ハンドルと依存関係を合理的に設(shè)定し、オンデマンドでロードすることを忘れない限り、ほとんどのスタイルをロードする問題を回避できます。

以上がWordPressでスタイルを正しくエンキューする方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。