WordPress条件分岐、スマートフォンとブラウザ別に表示を変える方法15種
スマートフォンなどのモバイル端末にWebサイトを対応させるのに、CSS3のMedia Queries（メディアクエリ）を使って、レスポンシブデザインにすることが多いと思います。しかし、Google Adsenseなどの広告は表示がはみ出てしまったりします。 スマートフォンなどのモバイル端末には、別の表示にしたり、ブラウザ別に表示を変えたい時があるのではないでしょうか？例えば、PCサイトでGoogle Adsenseの728×90を使っているけどiPhoneやAndroidなどのモバイルでは、レイアウトが崩れるので300×250に変えたいな等です。 今回の投稿では、WordPressでスマートフォン別、ブラウザ別に条件分岐する方法を集めました。 スマートフォン・タブレット端末 スマートフォン・タブレット端末別の条件分岐方法です。 モバイル端末で表示を変えるwp_is_mobile() PCブ
PC とスマホの表示を切り替える is_mobile と wp_is_mobile の違い - Naifix
wp_is_mobile() の使い方 wp_is_mobile() は、PC とスマホで出力を切り替えるための関数です。 基本形は以下のとおり。 <?php if ( wp_is_mobile() ) : ?> <p>スマホのみ表示されます。</p> <?php else: ?> <p>PC のみ表示されます。</p> <?php endif; ?> PC 用のメニューとスマホ用のメニューを切り替えたいときなどに使えます（PC でブラウザの幅を狭くしてもスマホ用メニューを表示したくない、という場合）。 タブレットへの対応方法 wp_is_mobile() を使うとき注意しなければならないのが、「タブレットへの対応」です。 wp_is_mobile() では、タブレットはスマホと同じ扱いとなっています。 のちのち扱い方が変更される可能性もありますが、基本的に「スマホ・タブレット」と「PC」
WordPressのスマホ対応に使える!!PCとの表示振り分け関数・プラグイン
By: slgckgc レスポンシブデザインでWordPressをスマホ対応させるとき、スマホとPCで表示を切り替えたくなることは多いです。その方法をまとめました。 PCとPC以外とを区別するwp_is_mobile関数を使う wp_is_mobile関数は、ガラケー･スマホ・タブレットでの閲覧時にはTRUEを返し、PCでの閲覧時にFALSEを返します。 <?php if(wp_is_mobile()) { (タブレット・スマホ・ガラケーから閲覧された場合の処理) } else { (PCから閲覧された場合の処理) } ?> 一見これで問題ないように思えますが、ユーザビリティ的にはあまりよくないのです。 [img-link url=”http://googlewebmastercentral-ja.blogspot.jp/2012/11/giving-tablet-users-full-s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
