jquery - window-resize でワードプレスの別のテンプレート部分を切り替える

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変数として保存するのは簡単ではないと思います。