<?php if (is_mobile()) :?>
	スマートフォン向けコンテンツ
<?php else: ?>
	PC向けコンテンツ
<?php endif; ?>

function pccontents( $atts, $content = null ) {
if(is_mobile()) {  
        return '';   
 } else {
        return '' . $content . '';
 }
}
function spcontents( $atts, $content = null ) {
if(is_mobile()) {  
        return '' . $content . '';   
 } else {
        return '';
 }
}
add_shortcode('pc-mieru', 'pccontents');
add_shortcode('sp-mieru', 'spcontents');

[pc-mieru]パソコンからのみ表示される[/pc-mieru]
[sp-mieru]スマホからのみ表示される[/sp-mieru]

11 thoughts on “【WordPress】 投稿記事・固定ページ内でパソコンとスマホのデバイスごとに内容を切り替える方法”

1. 初めまして、ワードプレス記事内で条件分岐を使うためにグーグル検索するとたどり着きました。

   ver3.6で上記コードをfunction.phpに書き込み、記事内で使用してみたところ、記事のタイトル部分以下が表示されなくなりました。

   どうか対処法はないでしょうか？

   返信

   • あーそういえば本文では書いてませんでしたね……。
     リンク先のphpコードも同時に記載しておく必要があります。多分コレでちゃんと表示されると思いますー。
     http://www.nxworld.net/wordpress/wp-is-mobile.html

     返信

2. めちゃくちゃ助かりました！ありがとうございます

   返信

   • 使えたようで何より！

     返信

3. お世話になります。
   分岐が固定ページでうまく反映してくれなくて、困っていましたが、このページを参考に少しできるようになりました！

   ちょっとそれでも反映してくれない部分があるのですが、CONTACT FORM 7のショートコードを[pc-mieru]～[/pc-mieru]間に入れた場合、フォームが出ず、ショートコードがそのまま出てしまうんですが、これの解決策って何かありませんかね…？;;

   返信

   • コメントありがとうございますー。
     調べてみたところ下記のような記事がありました。
     [WordPress]ショートコードをショートコードで囲む際の注意点 | モノグサにお灸 | 明日なまけるために、今日はがんばってみる。

     $content = do_shortcode( shortcode_unautop( $content ) );
     この一文を function pccontents( $atts, $content = null ) { の次の行に挿入すればいいのかな？

     返信

4. Pingback: QuickAdsenseで挿入するアドセンスコードをPCとスマホで切り替える方法

5. Pingback: スマホにのみ投稿記事内に広告を表示する方法　#WordPress -SAKULIFE

6. スマートフォン向けコンテンツ

   PC向けコンテンツ

   の下にmoreタグを入れると崩れてしまうのですが、functions.phpに記述しなくてすむ方法はないでしょうか？

   返信

   • 既存のコードをショートコードにするためだけにコピペで組んだだけですので、私自身には技術はないのでバグフィックスまではカバー出来そうにないですねー……。力になれそうになくて申し訳ありません。

     返信

7. Pingback: seesaa→WordPress移転 googleアドセンスを簡単に貼るために、ショートコードを設定する | カワハラ雑記