WordPress では、wp_is_mobile()関数での条件分岐でモバイルと PC の内容を変えることができます。
こういう具合です。
<?php if (wp_is_mobile()) :?>
<img src="<?php echo get_template_directory_uri(); ?>/images/image_mobile.png" alt="mobile_image">
<?php else: ?>
<img src="<?php echo get_template_directory_uri(); ?>/images/image_pc.png" alt="pc_image">
<?php endif; ?>モバイルと PC で違う画像を表示する例です。
ただし、投稿エディタ中では PHP コードの実行は許可されませんので、記事中で使う場合にはショートコード化するのがよいでしょう。
以下をお使いのテーマのfunctions.phpに追加します。
wp_is_mobile()で条件分岐するだけのごくシンプルなショートコードです。
<?php
function pc_parts($atts, $content = null ){
$content = do_shortcode( $content);
if(!wp_is_mobile()){
return $content;
}
}
add_shortcode('pc_view', 'pc_parts');
function mobile_parts($atts, $content = null ){
$content = do_shortcode( $content);
if(wp_is_mobile()){
return $content;
}
}
add_shortcode('mobile_view', 'mobile_parts');
?>投稿エディタでは次のように使います。
[mobile_view]モバイルでの出力内容[/mobile_view]
[pc_view]PC での出力内容[/pc_view]
条件判定でそれぞれのクライアントに応じた内容が出力されます。
クイックタグボタンの追加で表示する内容の選択でショートコードを指定できますね。
この記事が役に立ったら「いいね」！
