【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あたりを変更してください。

WordPressでモバイル(スマホ)を判別するis_mobile()を作成する
wp_is_mobile()を直接使わない方がよいかも この関数は、タブレットがモバイル扱いになります。 function is_mobile(){ return wp_is_mo

使い方



[mobile]
モバイルで表示したいコンテンツ
[/mobile]
使い方は簡単で、上記のように該当のコンテンツを括るだけです。片方だけしか存在しなくても当然動作します。

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

関連のある記事

スポンサーリンク

コメントを残す

メールアドレスは公開されません。
また、コメント欄には、必ず日本語を含めてください(スパム対策)。