WordPressで個別記事と固定ページに適用するスタイルシートを区別する
記事のタイトルによって読み込むスタイルシートを区別したい方法を紹介します。
すべて一つのCSSファイルにスタイルを記述するのではなく、固定ページごとにスタイルシートを変えたい場合もあると思います。
使用例
例えば固定ページで”サイトについて(About)”と”問い合わせ(Contact)”で適用するCSSを区別したい場合。
header.phpに個別記事と固定ページごとに読み込むCSSを区別するためには、以下の通り、記述します。
|
1 2 3 4 5 6 7 |
<?php if ( is_page( 'About' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/about.css" type="text/css"> <?php elseif ( is_page( 'Contact' ) ): ?> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/contact.css" type="text/css"> <?php else: ?> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>"> <?php endif; ?> |