Question

我需要在我的主题函数文件中排队另一个.css文件，仅用于响应式设计，我只是不想在一个文件中合并样式。我这个问题的代码是这样的：

function mustabox_resources() {

      wp_enqueue_style('style', get_stylesheet_uri());

      wp_enqueue_script(
        'mustascript',
        get_stylesheet_directory_uri() . '/mustascript.js',
        array( 'jquery' )
    );


      wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=El+Messiri:400,600&amp;subset=arabic', false );

      if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}

add_action('wp_enqueue_scripts', 'mustabox_resources');

所以我想在我的另一个css文件中添加另一个wp_enqueue_style，它是： responsive.css与流动的细节：

@media only screen and (max-width: 800px)

Answer 1

详情请见Wordpress Codex：

function mustabox_resources() {

    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_style('responsive-style', get_template_directory_uri() . '/responsive-style.css', array(), '1.000', 'max-width: 800px');

    wp_enqueue_script(
        'mustascript',
        get_stylesheet_directory_uri() . '/mustascript.js',
        array( 'jquery' )
    );


    wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=El+Messiri:400,600&amp;subset=arabic', false );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' )) {
        wp_enqueue_script( 'comment-reply' );
    }
}

add_action('wp_enqueue_scripts', 'mustabox_resources');

无论如何，我不建议你这种分开的方式。我希望它可以帮助你。

如何为响应式设计wp_enqueue第二个style.css文件？

1 个答案: