凄い噂

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

ジューミー3

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

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

【スポンサーリンク】

 

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

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

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

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

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

 

コメントを残す

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


【楽天市場デイリー総合ランキングトップ商品】
2136円(送料別)
クリスタルガイザー / クリスタルガイザー(Crystal Geyser) / 水 ミネラルウォーター 500ml 48本ケース
レビュー平均:4.56
レビュー件数:21562
爽快ドリンク専門店
32367円(送料別)
レビュー平均:3.76
レビュー件数:636
ヤマダ電機 楽天市場店
3960円(送料込)
フレア スカート プリーツスカート マキシスカート 無地 スカート マキシ ロングスカート レディーススカート 旅行 ファッション トレンド ゆったり 普通着 お出かけ お呼ばれ ビビッド
レビュー平均:3.9
レビュー件数:143
SUGAR BISKET

サブコンテンツ

スポンサーリンク

スポンサーリンク

このブログのQRコード

このページの先頭へ