Question

我是PHP / WordPress的新手，我在这里要做的是使用is_page()条件将不同的css和js文件排入不同的页面。

虽然我相信这是一个广泛讨论的主题，但我还没有找到一个简洁的方法来排队多个文件（css / js），然后设置is_page（）条件，以便其中一些文件可以每个“不同页面”排队。

以下代码适用于我的主题，但是，我想知道是否有更好的方法来实现它。我真的很感激有关这个问题的一些指导。 TXT。

// To register my css styles I use the function below:

function enqueue_extra_styles()
{
wp_register_style( 'custom-style', get_stylesheet_directory_uri() . '/css/custom-style.css', array(), '1', 'all' );
wp_register_style( 'second-custom-style', get_stylesheet_directory_uri() . '/css/second-custom-style.css', array(), '1', 'all' );
wp_register_style( 'third-custom-style', get_stylesheet_directory_uri() . '/css/niceforms/third-custom-style.css', array(), '1', 'all' );

if ( is_page('8')) { 
//bellow styles will be enqueued only on a page of id=8

    wp_enqueue_style('custom-style');
    wp_enqueue_style( 'second-custom-style' ); 
  }

//bellow style will be enqueued only on a page of id=2111 

if ( is_page('2111')){
    wp_enqueue_style('third-custom-style');
  }

}

add_action('wp_enqueue_scripts', 'enqueue_extra_styles');



// To register my js files I use the function below:

function my_extra_jscripts()
{
wp_register_script('custom-script', get_template_directory_uri().'/js/custom-script.js', array('jquery'), '', TRUE);

wp_register_script('second-custom-script', get_template_directory_uri().'/js/second-custom-script.js', array('jquery'), '', TRUE);

if ( is_page('8')){
   wp_enqueue_script('custom-script');
  }

if ( is_page('2111')){
   wp_enqueue_script('second-custom-script');
  }
}
add_action('wp_enqueue_scripts', 'my_extra_jscripts');

正如其他用户所说，有几种方法可以优化上面的代码。我已经看到了这个answer，我发现它在优化方面非常有前景，但是，我想要实现的是一种更好的方法，同时编写php“if conditional”......我的意思是，在优化代码之后正如用户Jeffrey还建议的那样，如果我有超过1个页面我想要将文件排入队列，下一步该怎么做，比方说：4页？我是否应该继续写“if（is_page（''））{}”类型的循环结构？

Answer 1

你实际上可以像这样制作你的剧本：

<?php
function custom_scripts_method() {
    wp_register_style( 'custom-style', get_stylesheet_directory_uri() . '/css/custom-style.css', array(), '1', 'all' );
    wp_register_style( 'second-custom-style', get_stylesheet_directory_uri() . '/css/second-custom-style.css', array(), '1', 'all' );
    wp_register_style( 'third-custom-style', get_stylesheet_directory_uri() . '/css/niceforms/third-custom-style.css', array(), '1', 'all' );

    wp_register_script('custom-script', get_template_directory_uri().'/js/custom-script.js', array('jquery'), '', TRUE);
    wp_register_script('second-custom-script', get_template_directory_uri().'/js/second-custom-script.js', array('jquery'), '', TRUE);

    if ( is_page('8')) {
        wp_enqueue_style('custom-style');
        wp_enqueue_style( 'second-custom-style' );

        wp_enqueue_script('custom-script');
    }
}

add_action( 'wp_enqueue_scripts', 'custom_scripts_method' );
?>

wp_enqueue_scripts接受css和jquery enqueue。

干杯！

如何根据is_page（）条件标记在Wordpress上为不同的页面排队多个css和js文件？

1 个答案: