モカどっとこむ

WordPressのcustomize、iPhoneやPC、アフィリエイトなどのジャンルを中心にブログを更新中。投資に関する情報(FX、投資信託)も記事にしています。

Googleアドセンス

stinger5でのトップページにアドセンスを表示する方法

2017/02/06

SPONSORD LINK

WordPressのテーマ「stinger5」のトップページに「アドセンスの広告」を設置する方法を紹介します!

今までは、記事に3つのアドセンスのみを配置していましたが、徐々に見に来て頂ける方も増えて来ましたので、トップページにも広告を3つ配置してみる事にしましたので、その方法をメモがてら書いておく事にします。

尚、stinger5のデフォルトの設定では、ウィジェットに1つのみの配置になっていますので、収益アップを狙いたい方にオススメします。

 事前に確認

アドセンスの広告は1ページに3つまでというルールがあります。なので今回の方法を取る場合はウィジェットに広告を配置している場合は、2つまでとなりますので注意して下さい。

▼配置後はこんな感じです。(記事一覧に配置)

一覧-3

また、「itiran.php」と「style.css」を修正しますので、テキストなどにでもバックアップを取っておく事をオススメします!

itiran.phpの修正

「外観」→「テーマの編集」→「itiran.php」

▼変更前 2行目

▼変更後 2行目

さらに下に行きます。

▼変更前

▼変更後

▼広告の位置

以下のところで、一覧の何行目かをしてしています。

3、7、15を好きな数字へ変更して表示位置を調整して下さい。

※文字の大きさや色はお好みで!

SPONSORD LINK

style.cssの修正

以下を「style.css」の最後の追加

これで完了です!

まとめ

モカは上記のコードを利用して広告を3つ設置しました。アドセンスはレスポンシブを利用しましたが、お好みでタイプを変更してください。

SPONSORD LINK

-Googleアドセンス