WordPress テーマに 2 つのスタイルシートを追加したいと考えています。ホームページ用に 1 つのスタイル シートを作成し、概要ページ用に別のスタイル シートを作成したいと考えています。この理由は、これらのページのヘッダーとフッターに異なるスタイルを適用したいからです。
function.php 内で以下のコードを試しましたが、もちろんうまくいきませんでした。
wp_register_script ('add-about-css', get_stylesheet_directory_uri('about'). '/about.css' );
wp_enqueue_script('add-about-css');
add_action('wp_enqueue_scripts');
まず、get_stylesheet_directory_uri はパラメーターを受け入れません。
次
<?php if (is_page('$your_page_name/id/slug')) { ?>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/about.css" type="text/css">
<?php }; ?>
デフォルトのスタイルシートにリンクした後、このコードをヘッダーに挿入してください。これにより、デフォルトのスタイルが新しいスタイル (ヘッダー、フッター、または定義したもの) で上書きされます。これは、異なるスタイルの同じヘッダーがある場合です。
または、2 つの個別のヘッダーがある場合は、次を使用できます。
<?php get_header('custom') ?>
header-custom.php をロードし (見つかった場合はデフォルトの header.php をロード)、このカスタム スタイルは style.css に配置するか、次のように個別に含めることができます。
add_action('wp_enqueue_scripts','my_function');
function my_function(){
wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/my-custom-style.css');
}