Wordpress get_template_partはビューポートサイズに基づいていますか？

Question

ビューポートのサイズに基づいて異なるWordPressテンプレート部分を読み込むことができるのだろうかと思っていました。

例えば、ビューポートが740px負荷<?php get_template_part('/mobiletemplate'); ?>

よりも小さい場合、ビューポートは、任意の補助741px負荷<?php get_template_part('/desktoptemplate'); ?>

よりも大きい場合に大幅に高く評価されるだろう。

Answer 1

はあなたが唯一のPHPを使用して、ビューポートのサイズを取得することはできません。このコード

if (wp_is_mobile()) 
{ 
    get_template_part('/mobiletemplate'); 
} 
else 
{ 
    get_template_part('/desktoptemplate'); 
} 

Answer 2

を適用します。あなたはその目的のためにJSが必要になります。

JSソリューション

ビューポートを取得し、それに応じてテンプレートの一部を更新するためのAJAXリクエストを送信します。

さらに読書：

• screen.width
• screen.height

CSSソリューション応答設計に関して

、より良い練習を持っているだろう（画面の大きさによって調整します） 1つのテンプレートとCSS（メディアクエリ）を使用して調整する各画面サイズに合わせて調整します。

もう1つのオプションは、テンプレートの部分の両方を読み込み、CSS（メディアクエリ）を使用して、ビューポートサイズに関するテンプレートの1つを非表示にすることです。例えば：

.hide-on-desktop{ 
    display: none; 
} 

only screen and (min-width: 768px) { 
    .hide-on-desktop{ 
    display: block; 
    } 
    .hide-on-mobile{ 
    display: none; 
    } 
}