SPOTブログ
2013/02/01
WordPressでPCのみ・スマホのみで表示するコンテンツを指定するショートコードを作ってみた
WordPressでコーポレートサイトを作成中で、今回の案件はMulti Device Switcherプラグインを使って、PC用のテーマとスマホ用のテーマを振り分けています。
テーマ自体はこれでＯＫなのですが、問題はコンテンツ。
コンテンツ内容は基本１ソースで作りたいのですが、どうしても項目によってはPCとスマホと別のソースを用意しなければいけない時があります。
そんなとき、PCだけで表示する項目とスマホだけで表示する項目を設定できるように、ショートコードを作ってみました。
両方のテーマのfunctions.phpに以下のコードを追加します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
/*ショートコード[pc]追加*/ function pcOnly( $atts, $content = null ) { $target_theme = "pcTheme";//PC用テーマのフォルダ名を指定 $current_theme = get_template(); //現在のテーマを取得 if($current_theme == $target_theme){ //$target_themeと現在のテーマが同一なら表示する return $content ; } } add_shortcode('pc', 'pcOnly'); /*ショートコード[sp]追加*/ function spOnly( $atts, $content = null ) { $target_theme = "spTheme";//PC用テーマのフォルダ名を指定 $current_theme = get_template(); //現在のテーマを取得 if($current_theme == $target_theme){ //$target_themeと現在のテーマが同一なら表示する return $content ; } } add_shortcode('sp', 'spOnly'); |
pcTheme spThemeの部分は、それぞれのテーマのフォルダ名を記載してください
これで、[pc][/pc]で囲むとPCのみで表示、[sp][/sp]で囲んだ部分はスマートフォンのみで表示されます。
関連記事一覧
2013/01/31
Multi Device Switcherでスマホ表示してる際に、PC用テンプレートに切り替え出来るプラグイン MW Theme Switcher on Multi Device Switcherをカスタマイズしてみた
追記：2013/04/12 本家プラグインでPCとスマホの切り替え機能が実装されたようです。そちらで当ブログ記事もご紹介頂きました、ありがとうございます。
wordpressでスマホ対応といえば、...続きを見る
2015/12/03
オープンソースの顧客管理システムL03をMySQLi化してphp5.5以降にも対応させる
phpからMySQLデータベースに接続する関数としてかつて主流だったmysqliモジュールがPHP5.5移行からはdeprecated（非推奨）となっています。しばらくPHP5.4でつかい続ければ問題...続きを見る
2012/01/25
クロスドメインのiFrameで高さ(height)を自動取得して調整する方法
クロスドメイン（別ドメイン）のhtmlをiframeで読み込んだ場合、セキュリティの都合でiframe内のdomを操作することができません。
同じドメイン内のhtmlをiframeで埋め込む場合なら...続きを見る
2011/09/25
jQueryのアコーディオン式開閉スクリプトを印刷時にはオープンさせる方法
大したことはしてませんが、後で探すときのためにメモしておきます。
紹介されていたスクリプトを元に、アコーディオン式に開閉する機能を追加してみました。
[crayon-6622d5100519598...続きを見る
リンク
![はたらくホームページ制作なら、愛知県名古屋市の株式会社SPOT [スポット]](http://spot-web.jp/wp-content/themes/spot-web.jp/images/common/header-logo.png){kind=logo}