使用函数为单独的页面添加单独的CSS文件。php

时间：2016-08-07 作者：Deirdre Mc T

我正在尝试为WordPress网站的每个页面（特定页面）加载多个单独的样式表。我正在为客户将HTML网站转换为WordPress网站。例如home.css &；consol.css 对于主页(home.php) 和pricing-hours.css &；consoltwo.css 对于pricing-hours.php. 我正在尝试使用functions.php 文件，代码如下：

function everydaytherapy_script_enqueue() {        
    if ( is_page_template( \'home.php\' ) ) {
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://d1azc1qln24ryf.cloudfront.net/47089/SocialIconsNCD/style-cf.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/baile.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/consolidated-0.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_script(\'customjs\', get_template_directory_uri() . \'/js/javascript.js\', array() \'1.0.0\', bool $in_true);
    }    
    elseif ( is_page_template( \'pricing-hours.php\' ) ) {     
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://d1azc1qln24ryf.cloudfront.net/47089/SocialIconsNCD/style-cf.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/pricing-hours.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/consolidated-0.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_script(\'customjs\', get_template_directory_uri() . \'/js/javascript.js\', array() \'1.0.0\', bool $in_true); }
    } else {

3 个回复

最合适的回答,由SO网友:bravokeyl 整理而成

home.php 是用于显示博客文章的模板文件，无论是主页（首页）还是设置为显示博客文章的任何其他页面。

您不能使用is_page_template(\'home.php\') 因为它不被视为页面模板，所以您可以使用is_front_page() 或is_home() 识别头版。

is_front_page() 如果我们在frontpage/homepage 如果我们在http://example.com 其中为is_home() 仅当我们所在的页面设置为显示博客帖子或frontpage显示博客帖子时，才返回true。

我想在你的情况下is_front_page() 用于检查pricing-hours.php 有条件的它应该是page template.

function everydaytherapy_script_enqueue() {
    if ( is_front_page() ) {
       //Here en-queue scripts for the front page
    }elseif(  is_page_template( \'pricing-hours.php\' ) ){
      // Here en-queue scripts for page template pricing-hours
    }else {
      //scripts for other pages
    }
}
add_action( \'wp_enqueue_scripts\', \'everydaytherapy_script_enqueue\' );

Note:

记住对不同的样式或脚本使用不同的句柄不要对两个不同的css文件使用相同的句柄。

SO网友:Jerome D. Dizon

请尝试以下操作：

将此添加到主题函数中。php

function everydaytherapy_script_enqueue() {  
if( is_page_template(\'pagetemplate-this.php\') && is_page_template(\'pagetemplate-that.php\') && is_page_template(\'pagetemplate-other.php\') ) {
wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://d1azc1qln24ryf.cloudfront.net/47089/SocialIconsNCD/style-cf.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/baile.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/consolidated-0.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_script(\'customjs\', get_template_directory_uri() . \'/js/javascript.js\', array() \'1.0.0\', bool $in_true);
}
add_action( \'wp_enqueue_scripts\', \'everydaytherapy_script_enqueue\' );

http://codex.wordpress.org/Function_Reference/is_page_template

或使用is\\u page-“page\\u ID”：https://developer.wordpress.org/reference/functions/is_page/

function everydaytherapy_script_enqueue() {  

    if ( is_page( array( \'about\', \'services\', \'contact\') )) {
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'https://d1azc1qln24ryf.cloudfront.net/47089/SocialIconsNCD/style-cf.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/baile.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_style(\'customstyle\', get_template_directory_uri() . \'/css/consolidated-0.css\', array(), \'1.0.0\', \'all\');
        wp_enqueue_script(\'customjs\', get_template_directory_uri() . \'/js/javascript.js\', array() \'1.0.0\', bool $in_true);
    }

add_action( \'wp_enqueue_scripts\', \'everydaytherapy_script_enqueue\' );

让我知道这是否有效。

SO网友:Deirdre Mc T

下面是在函数中为我工作的代码。我的Wordpress主题的php文件。非常感谢你们的帮助。我无法将代码作为回应发布，因此必须在此处作为答案。很抱歉造成混淆。

<?php
function every_theme_styles() { 

    wp_enqueue_style( \'bootstrap_css\', \'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\' );

    wp_enqueue_style( \'social_css\', \'https://d1azc1qln24ryf.cloudfront.net/47089/SocialIconsNCD/style-cf.css\' );


    wp_enqueue_style( \'stacks_css\', get_template_directory_uri() . \'/css/stacks.css\' );


if ( is_front_page() ) {

  wp_enqueue_style( \'consol_1_css\', get_template_directory_uri() . \'/css/consolidated-0.css\' );

    wp_enqueue_style( \'baile_css\', get_template_directory_uri() . \'/css/baile.css\' );
   }

if ( is_page( \'hours-pricing\' ) ) { 

    wp_enqueue_style(\'pricing_css\', get_template_directory_uri() . \'/css/pricing-hours.css\');

    wp_enqueue_style(\'consol_4_css\', get_template_directory_uri() . \'/css/consolidated-4.css\');
    }


if ( is_page( \'our-facility\' ) ) { 

    wp_enqueue_style(\'facility_css\', get_template_directory_uri() . \'/css/our-facility.css\');

    wp_enqueue_style(\'consol_1_css\', get_template_directory_uri() . \'/css/consolidated-1.css\');
    }   

}

add_action( \'wp_enqueue_scripts\', \'every_theme_styles\' );

function every_theme_js() {

wp_enqueue_script( \'header_javascript_js\', get_template_directory_uri() . \'/js/header_javascript.js\', \'\', \'\', false );       
 }
add_action(\'wp_enqueue_scripts\', \'every_theme_js\' );
?>

小码农CODE

使用函数为单独的页面添加单独的CSS文件。php

相关推荐

将页面特定的css文件入队的正确方法