如何爲響應式設計wp_enqueue第二個style.css文件？

-1

我需要在我的主題功能文件中排隊另一個.css文件，以便只響應設計，我只是不想在一個文件中合併樣式。我對這個問題的代碼是這樣的：如何爲響應式設計wp_enqueue第二個style.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');

所以我想另一個wp_enqueue_style添加到我的另一個css文件是： responsive.css與流動細節：

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

來源

2017-08-28 Mustafa

而你的實際問題是......？如何指定樣式表應用於哪種媒體，在wp_enqueue_style的文檔中已經非常清楚地描述了... – CBroe

我試過文檔說的但沒有用，因爲它沒有提供足夠的關於'screen ... media ...'的信息... – Mustafa

是詳細在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');

無論如何，我不建議你這樣分開的方式。我希望它能幫助你。

來源

2017-08-28 10:14:23

感謝您的回覆，但爲什麼您不推薦這種分開的方式？我試過但沒有工作 – Mustafa

我不知道你爲什麼想要兩個文件中的樣式，但我不建議你這樣做，因爲沒有必要爲此加載兩個文件。儘管應用了媒體查詢，文件仍在加載，這可能會使網站變得更慢，並且假設您在WordPress中開發項目，因爲插件等因素加載了很多東西。關於它沒有爲你工作我需要更多的信息來幫助你，因爲該代碼應該工作... –

瞭解，非常感謝...我再次像你說的一個文件 – Mustafa

如何爲響應式設計wp_enqueue第二個style.css文件？

回答

相關問題