凄い噂

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

ジューミー3

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

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

【スポンサーリンク】

 

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

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

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

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

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

 

コメントを残す

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


【楽天市場デイリー総合ランキングトップ商品】
6458円(送料込)
昨年は3日間で完売!BOTANIST福袋が今年も登場!
レビュー平均:0.0
レビュー件数:0
ショップオブザイヤー受賞
アンド ハビット
7020円(送料込)
【楽天ブックスならいつでも送料無料】
レビュー平均:0.0
レビュー件数:0
楽天ブックス
3780円(送料込)
【楽天ブックスならいつでも送料無料】
レビュー平均:0.0
レビュー件数:0
楽天ブックス

サブコンテンツ

スポンサーリンク

スポンサーリンク

このブログのQRコード

このページの先頭へ