Wordpressのブラウザ幅による切り替えについて

Question

Wordpressのブラウザ幅による切り替えについて

wordpressの固定ページを利用してhtml/cssでホームページを作成しています。
下記のコードをfunction.phpに入力することで、pc/スマホの端末を判定することによるコンテンツの切り替えはできましたが、PCからブラウザ幅を狭くした時にスマホコンテンツを表示させる方法がわからず、行き詰まっています。
CSSのメディアクエリによる切り替えではなく、下記の[is_sp]で囲ったコンテンツをPCブラウザを一定以下にすると表示させる方法はあるでしょうか？
どなたかご存知でしたらご教示いただけますと幸いです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

function is_pc($atts, $content = null ){
$content = do_shortcode( $content);
	if(!wp_is_mobile()){
		return $content;
	}
}
add_shortcode('pc', 'is_pc');


function is_sp($atts, $content = null ){
$content = do_shortcode( $content);
	if(wp_is_mobile()){
		return $content;
	}
}
add_shortcode('sp', 'is_sp');

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

CSSのメディアクエリによる切り替えではなく、下記の[is_sp]で囲ったコンテンツをPCブラウザを一定以下にすると表示させる方法はあるでしょうか？

PHPはサーバ上で実行されるので、ページ出力後のクライアント側の変化には対応しません。（そもそも画面幅の情報を持っていません）
CSSで対応できるようにするか、JavaScriptで対応するようにするかどちらかです。

Comments

[uni1993]

ありがとうございます。勉強になりました。CSSかjavascriptで振り分けるようにします。