レスポンシブデザインのために2番目のstyle.cssファイルをwp_enqueueする方法は？

Question

レスポンシブデザインのために、私のテーマ関数ファイルに別の.cssファイルをエンキューする必要があります。スタイルを1つのファイルにマージしたくないだけです。 このことについては私のコードは次のようである：

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&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&subset=arabic', false); 

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

add_action('wp_enqueue_scripts', 'mustabox_resources'); 

とにかく、このように分けてはお勧めしません。それがあなたを助けることを願っています