wp_enqueue_style

WordPress

linkタグで読み込むのは非推奨

<link type="text/css" rel="stylesheet" href="<?php echo get_template_directory_uri() . '/style.css'; ?>">

これでも問題なく読み込めますが、wp_enqueue_style()を使ったほうが

・ファイルの重複読み込みを防げる

・functions.phpで一元管理できる

・ファイルの読み込み順序を指定できる

というメリットがあるからWordPress開発では非推奨の方法になります。

パラメータ

<?php
add_action( 'wp_enqueue_scripts', function(){
    wp_enqueue_style(
        'style1', // 他のCSSファイルと区別するためのハンドル名
        get_template_directory_uri() . 'style1.css',
        array(), // このファイルよりも先に読み込んでほしいファイルがあればarrayの中に記述する
        '1.0', // CSSファイルのVersion
        '(max-width: 1024px)' // ブラウザの横幅が1024px以下の時だけCSSファイルを読み込む
    );
});

ページごとに異なるスタイルシートを読み込む

add_action( 'wp_enqueue_scripts', function(){
    if( in_category('sports') ) {
        wp_enqueue_style('sports', get_template_directory_uri() . 'sports.css', array(), '1.0', 'all');
    }
});

add_action内にif文を書くことで、たとえばカテゴリごとに異なるスタイルシートを読み込ませることが可能です。

※is_category()関数は、現在のページがカテゴリアーカイブページかどうかを確認します。

※in_category()関数は、特定のカテゴリに属する投稿かどうかを確認します。

BACK