Help us understand the problem. What is going on with this article?

WordPress 記事内でpcとスマホの表示内容を切り替えたい。

More than 3 years have passed since last update.

テンプレート内だったらwp_is_mobile()を使えばOK。
投稿内はどうすればいいのか調べた。
ショートコードを使う!

1 function.phpに以下記述 ショートコード登録

function.php
//PCでのみ表示するコンテンツ
function if_is_pc($atts, $content = null ){
$content = do_shortcode( $content);
    if(!wp_is_mobile()){
        return $content;
    }
}
add_shortcode('pc', 'if_is_pc');

//スマートフォンで表示するコンテンツ
/*タブレットも含まれる*/
function if_is_sp($atts, $content = null ){
$content = do_shortcode( $content);
    if(wp_is_mobile()){
        return $content;
    }
}
add_shortcode('sp', 'if_is_sp');

2 使い方

pcで表示させたいコンテンツ

[pc]

pcだよー


[/pc]

spで表示させたいコンテンツ

[sp]

スマホだよー


[/sp]

終わり

39_isao
鮭とメロンパンとコーヒー牛乳が好物です。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away