凄い噂

ワードプレス記事中にスマホとPCで異なる広告を表示する方法

ジューミー3

ワードプレスの記事中に広告を表示する方法は『WordPressの“more”部分にアドセンスを入れる方法』を見て実現する事ができましたが、私のワードプレスはレスポンシブウェブデザインに対応しているので、スマホとPCで違うサイズの広告を表示したいという願望が湧いて来ました。

という事でその機能を実装しようとした訳ですが、PHPという言語についてほとんど何も知らないも同然なので数時間くらい色々と参考になる記事を読んだり、いじったり、悩んだりしてしまいました。しかし、何とか目的を達成する事ができましたのでシェアしておきます。

【スポンサーリンク】

 

やり方は比較的簡単だと思います。ワードプレスで使用しているテーマのfunctions.phpに以下の2つのコードを追加して、後は、記事中の広告を挿入したい部分にmoreタグを入れればOKです。

(※テキストにはコピープロテクトがかかっているので、コードをコピーする時はソースコード枠右上の『新しいウィンドウでコードを開く』をクリックしてコピーして下さい。)

新しいウィンドウでコードを開く

最初のコードはスマホを定義する関数ですね。2番目のコードがスマホとPCで異なる広告を表示するコードです。『スマホに表示する広告』と『PCに表示する広告』をあなたが表示したい広告に張り替えてご使用下さい。

※いいねと感じたら『いいね』や『ツイート』、また『評価』や『コメント』等も頂けると嬉しいです。

 

コメントを残す

※掲載基準 批評:○ 根拠のない誹謗中傷:×


【楽天市場デイリー総合ランキングトップ商品】
4990円(送料込)
スピードクーラー SPEED COOLER ひんやりシート ジェルマット ひんやりパッド クールパッド 夏用敷きパッド 涼感パッド クール寝具 冷感寝具 ひんやり寝具
レビュー平均:4.46
レビュー件数:13091
ショップオブザイヤー受賞
モダンデコ
2170円(送料込)
クリスタルガイザー / クリスタルガイザー(Crystal Geyser) / ミネラルウォーター 500ml 48本 水 ケース☆送料無料☆
レビュー平均:4.57
レビュー件数:19812
爽快ドリンク専門店
1684円(送料込)
カラコン 1day ワンデー 度あり 度なし ブラック ブラウン ヘーゼル グレー
レビュー平均:4.56
レビュー件数:4691
キャンディーマジック 楽天市場店

サブコンテンツ

スポンサーリンク

スポンサーリンク

このブログのQRコード

このページの先頭へ