凄い噂

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

ジューミー3

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

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

【スポンサーリンク】

 

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

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

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

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

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

 

コメントを残す

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


【楽天市場デイリー総合ランキングトップ商品】
8049円(送料込)
【楽天ブックスならいつでも送料無料】【早期購入特典付き】
レビュー平均:4.74
レビュー件数:68
楽天ブックス
1599円(送料込)
クリスタルガイザー / クリスタルガイザー(Crystal Geyser) / ミネラルウォーター 500ml 48本 水 ケース☆送料無料☆
レビュー平均:4.63
レビュー件数:14297
爽快ドリンク専門店
1512円(送料込)
3秒に1本売れてるシャンプーBOTANISTシリーズ累計2,500万本突破!≪植物由来成分配合≫選べる3タイプ モイスト スムース スカルプ
レビュー平均:4.32
レビュー件数:30525
ショップオブザイヤー受賞
SALONIAオフィシャルサイト

サブコンテンツ

スポンサーリンク

スポンサーリンク

このブログのQRコード

このページの先頭へ