Google Adsenseがレスポンシブテーマに対応したため、この際他の広告などもスマホ用とPC用に振り分けました!!

Wordpress_2

このサイトにはGoogleアドセンス以外の広告も貼っています。その広告もiPhoneでは、はみ出していたので気になっていました。やり方は知ってはいたのですが、Googleアドセンスがなんともならないので放置していました。今回Google Adsenseがレスポンシブテーマに対応したため、その他の広告などもレスポンシブテーマに対応させた方法についてメモ的にご紹介します。


スマホ用とPC用に振り分け

http://okaoka.net/2013/04/02/wordpress-responsive-contents.html

こちらのサイト様のコードで作成しました。
<?php if (wp_is_mobile()): ?>
	/*スマートフォンで表示したい要素Aを記載*/
<?php else: ?>
	/*それ以外(PC)で表示したい要素Bを記載*/
<?php endif; ?>

スマートフォンのみ
<?php if (wp_is_mobile()): ?>
	/*スマートフォンで表示したい要素を記載*/
<?php endif; ?>

PCのみ
<?php if (!wp_is_mobile()): ?>
	/*モバイル(PC)で表示したい要素を記載*/
<?php endif; ?>

HaLPosTではFacebookのLike Boxも設置していますので、こちらにもスマートフォン用とPC用で分けました。ぜひ、スマートフォンでアクセスしてみてください。iPhoneでもはみ出ていないはず!!


ちなみに、Google Adsenseのレスポンシブテーマに対応させる方法の記事はこちら

http://halpost.com/technology/wordpress/5476/



しかし、急にCreate Linkが使えなくなった。で、アイコンが無くなって困っていたのですが、右クリックのメニューにもCreate Linkあるんですね。

シェアする

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です