如何只在特定页面中进行bundle.min.css (在我的例子中是contact.php)

Question

我只想在bundle.min.css中加载contact.php。是否有任何解决方案，因此它只影响contact.php与其他css。我想把bundle.min.css排除在其他页面之外。

<?php
function tex_enqueue() {

    wp_enqueue_style( 'googleapi', 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' );
    wp_enqueue_style( 'bootstrap-s', get_template_directory_uri() . '/css/bootstrap.css' );
    wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/icon-fonts/font-awesome-4.5.0/css/font-awesome.min.css' );
    wp_enqueue_style( 'essential-regular-fonts', get_template_directory_uri() . '/icon-fonts/essential-regular-fonts/essential-icons.css' );
    wp_enqueue_style( 'reset', get_template_directory_uri() . '/css/reset.css' );
    wp_enqueue_style( 'magnific-popup', get_template_directory_uri() . '/css/magnific-popup.css' );
    wp_enqueue_style( 'common-css', get_template_directory_uri() . '/css/common.css', ) );
    wp_enqueue_style( 'myncss-css', get_template_directory_uri() . '/css/myncss.css' );
    wp_enqueue_style( 'bundle-css', get_template_directory_uri() . '/css/bundle.min.css' );
    wp_register_style( 'animate-css',get_template_directory_uri() . '/css/animate.css',array(),'1.1','all');
    wp_enqueue_style( 'animate-css');
    wp_enqueue_style( 'owlcarousel-style', get_template_directory_uri() . '/owl/owl.carousel.css' );
    wp_enqueue_style( 'portfolio-css', get_template_directory_uri() . '/css/portfolio.css' );
    wp_enqueue_style( 'style', get_stylesheet_uri() );
}

add_action('wp_enqueue_scripts', 'tex_enqueue');

?>

Answer 1

您可以使用is_page('your_page_id')条件标记在特定页面上添加css。

为您的contact.php创建页面模板，请参阅以下链接：单击此处

在当前活动主题functions.php文件中使用以下代码。

function tex_enqueue() {
      if(is_page('your-contact-page-id')){
         wp_enqueue_style( 'bundle-css', get_template_directory_uri() . '/css/bundle.min.css' );
      }
}

add_action('wp_enqueue_scripts', 'tex_enqueue');

有关更多帮助，请参阅此链接：单击此处