WordPressでGOOD：記事コンテンツをパソコンとスマフォで切り替える方法

公開日 2015-09-13

ウェブでGood

パソコンとスマートフォン・タブレットの閲覧環境の違いにより、WordPressの記事内に表示するコンテンツを切り替える方法を紹介します。なお、プラグインは使用しません。

設定は非常に簡単です。下記に紹介するコードをWordPressのダッシュボードから「テーマの編集」を選択し「テーマのための関数(functions.php)」に追記するだけです。

表示の切り替えですが、パソコンの場合は「[[pc]表示させたい内容[/pc]]」、パソコン以外は「[[nopc]表示させたい内容[/nopc]]」と記事内に記述します。

使用方法も簡単なので、プラグインを導入する前に本方法を検討してみてはいかがでしょうか。

＜おすすめのRに関する書籍です＞

超入門! Rでできるビジュアル統計学学会・論文発表に役立つデータ可視化マニュアル | 藤井亮輔, 鈴木康司

Amazonで藤井亮輔, 鈴木康司の超入門! Rでできるビジュアル統計学学会・論文発表に役立つデータ可視化マニュアル。アマゾンならポイント還元本が多数。

www.amazon.co.jp

コード

テーマのための関数(functions.php)に下記内容を追記してください。

[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_nopc($atts, $content = null ) { $content = do_shortcode( $content); if(wp_is_mobile()) { return $content; } } add_shortcode(‘nopc’, ‘if_is_nopc’); [/php]