ショートコードで本文中のコンテンツをPC、スマホへの切り替えを行う

今どきのサイトだとレスポンシブデザインだったりエージェントごとにテーマをスイッチングされているかと思いますが、

例えば、画像で作られたバナーとかは、
テーマをスイッチしたとしても本文の内容をPCとスマホを分けたいという場合もありますよね。。

本文中に以下のショートコードを入れるだけで簡単にPCとスマホに分けることができます。

[pc]
PCコンテンツだよ～
[/pc]
[sp]
スマホコンテンツだよ～
[/sp]

ショートコードを動かすためには、functions.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');

プラグインも作成しましたので、試してください。

GitHub – screny/switch_short_code

Contribute to screny/switch_short_code development by creating an account on GitHub.

github.com