【WordPress】記事中で、モバイルだけ、PCだけ表示するショートコードの作り方【PHP】

・ショートコード - WordPress Codex 日本語版

Wordpressには、投稿記事内でも使える「ショートコード」という便利なタグのような機能があります。それをつかって、投稿記事内で、モバイルだけPCだけ表示できる機能を実装します。

ショートコードのサンプル

//モバイル判定関数
function is_mobile(){
    return wp_is_mobile();
}

//ショートコード
//PCだけ表示
function my_shcode_pc($atts,$content = ""){
    $output ="";
    if(!is_mobile()){
        $output = $content;
    }
    return $output;
}
add_shortcode('pc', 'my_shcode_pc');

//ショートコード
//モバイルだけ表示
function my_shcode_mobile($atts,$content = ""){
    $output ="";
    if(is_mobile()){
        $output = $content;
    }
    return $output;
}
add_shortcode('mobile', 'my_shcode_mobile');

・関数リファレンス/wp is mobile - WordPress Codex 日本語版

テーマのfunctions.phpに上記を追加します。モバイルの条件を変えたい場合は、is_mobileあたりを変更してください。

使い方

使い方は簡単で、上記のように該当のコンテンツを括るだけです。片方だけしか存在しなくても当然動作します。

記事中の広告サイズの切り替えとかそういう用途にも使えるかと思います。