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

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

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

【スポンサーリンク】

 

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

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

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

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

By

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

 

コメントを残す

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

【Ads by 忍者AdMax】


【楽天市場デイリー総合ランキングトップ商品】
2797円(送料別)
4時間で4,800本突破!!\お気に入り登録がおススメ/次回販売スタートは3/4 19時から
レビュー平均:0.0
レビュー件数:0
ショップオブザイヤー受賞
soulberry
1566円(送料込)
クリスタルガイザー / クリスタルガイザー(Crystal Geyser) / ミネラルウォーター 500ml 48本 水 ケース☆送料無料☆
レビュー平均:4.62
レビュー件数:11633
爽快ドリンク専門店
4298円(送料込)
※SALE品のため返品交換不可となります。 ※お一人様1セットまでのご注文とさせていただきます。
レビュー平均:4.29
レビュー件数:1577
Alto Libro

サブコンテンツ

スポンサーリンク

スポンサーリンク

Ads by Criteo(or AdStir)

Affiliate B

外壁塗装の窓口

このブログのQRコード

このページの先頭へ

Jeumy