ワードプレスで、パソコンとスマホで異なる内容を表示する


おはようございます!
プリンセスカームの南部です^ ^v

 

お客様から、「ワードプレスで、スマホからアクセスした時に、
特定のページで、異なる内容を表示したい」
と言うご要望を頂きました!

 

確かに、最近は、レスポンシブと言って、
「パソコンで見ても、スマホで見ても同じ内容が、
それぞれの画像のサイズで最適に調整されて表示される」
仕様が多いのですが・・

 

ページやコンテンツの内容によっては、
パソコンとスマホで、それぞれ表示内容を切り分けたい場合もありますよね^ ^

 

ワードプレスの場合は、条件分岐によって、
それぞれの端末によって表示内容を変えることが出来ます。

 

条件分岐は、このショートコードを使います。

<!–?php if ( wp_is_mobile() ) : ?–>
<!–?php else: ?–>
<!–?php endif; ?–>

 

仮に条件分岐を使って、このようなホームページ内容にしたとします^ ^

 

内容A
<!–?php if ( wp_is_mobile() ) : ?–>
内容B
<!–?php else: ?–>
内容C
<!–?php endif; ?–>
内容D

 

この場合に・・

 

スマホで見ると、ABDと見えます
※スマホから「内容C」は見えない

PCで見ると、ACDと見えます
※PCから「内容B」は見えない

 

つまり、
スマホだけに見せて、PCには見せたくない場合→「内容B」に、
PCだけに見せて、スマホには見せたくない場合→「内容C」に、

それぞれ書き込むことで、見せる内容を変えることが出来ます!
(Googleは、レスポンシブを推奨していますので、過度な切り分けにはご注意ください^ ^;)

 

ご不明点がありましたら、お気軽にお問い合わせください^ ^b

実際に、売上を倍増した【集客テクニック】無料配信!

>> お問い合わせはこちら

>> 広告をかけず【問い合わせ11倍】を実現したWeb集客対策はこちら