特定のページにだけ任意のcssファイルを読み込ませる

概要説明

このページだけ新規作成したCSSファイルを読み込みたい時に使うカスタマイズ。LPなど他のページでは使わないスタイルを特定のページだけで読み込ませることができます。

functions.php
/*----------------------------------------------------
 特定のページにだけ任意のcssファイルを読み込ませる
----------------------------------------------------*/
if ( !function_exists( 'add_page_style' ) ){
    function add_page_style() {
        // トップページにだけ home.css を読み込ませる
        if(is_home()){
            wp_enqueue_style( 'page-style-home', get_stylesheet_directory_uri().'/css/home.css' );
        }
    }
    add_action( 'wp_enqueue_scripts', 'add_page_style' );
}

 

特定の固定ページにpage.cssを読み込ませる場合

functions.php
// 特定の固定ページに page.css を読み込ませる
if(get_the_ID()==56) {
    wp_enqueue_style( 'page-style-page', get_stylesheet_directory_uri().'/css/page.css' );
}

特定の記事ページに post.css を読み込ませる

functions.php
// 特定の記事ページに post.css を読み込ませる
global $post;
if($post->ID==81) {
    wp_enqueue_style( 'page-style-post', get_stylesheet_directory_uri().'/css/post.css' );
}

 

複数条件組み合わせてページごとにcssを読み込ませる

functions.php
/*----------------------------------------------------
 特定のページにだけ任意のcssファイルを読み込ませる
----------------------------------------------------*/
if ( !function_exists( 'add_page_style' ) ){
    function add_page_style() {
        // トップページにだけ home.css を読み込ませる
        if(is_home()){
            wp_enqueue_style( 'page-style-home', get_stylesheet_directory_uri().'/css/home.css' );
        }
        
        // 特定の固定ページに page.css を読み込ませる
        if(get_the_ID()==56) {
            wp_enqueue_style( 'page-style-page', get_stylesheet_directory_uri().'/css/page.css' );
        }
        
        // 特定の記事ページに post.css を読み込ませる
        global $post;
        if($post->ID==81) {
            wp_enqueue_style( 'page-style-post', get_stylesheet_directory_uri().'/css/post.css' );
        }
    }
    add_action( 'wp_enqueue_scripts', 'add_page_style' );
}

 

WordPress Developer Resources

関連機能

  1. WordPress Instagram埋め込みをSnapWidgetを使用してタイムライン表示させる ( プラグインなし )

  2. WordPress作業にてよく使うChrome拡張機能 作業の効率UP! テーマ、プラグインの調査に大活躍な便利機能

  3. WordPress オリジナルショートコードの作成方法

サイドバー

よく使うカスタマイズ

最近の記事

アニメの名言集

今頃は、対応を決める話し合いが
持たれているだろうさ
責任を取りたくない責任者達の間でな

機動戦士ガンダムUC
by アンジェロ・ザウパー

Profile

PAGE TOP
Amazon プライム対象