在wordpress上切換窗口大小的不同模板部分

Question

在我的wordpress模板中，我使用wordpress函數在header.php中添加了我的模板部分。

<?php get_template_part('desktop'); ?> 

我想爲不同的屏幕尺寸以及手機屏幕添加不同的模板部件。如何根據設備分辨率或窗口重新大小自動獲取窗口寬度？以及如何獲得這些值作爲切換模板部分的條件？我有不同的模板命名 ipad-portrait.php, ipad-landscape.php and tinymobile.php.

Answer 1

使用jQuery我能趕上窗口的寬度上重新大小：

我的Jquery：

<script type=text/javascript> 
    $(window).resize(function() { 
    var _my_window = $(window).width(); 
     alert(_my_window); 
    }); 
</script> 

我覺得這是不容易通過這個jQuery直接將變量存儲爲一個php變量。