ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

WordPress[Stinger3] 広告を2つ並べるカスタマイズ

      2015/02/16

STINGER3_Adsense_Tittle
SEOにとても有利だと言われている人気テーマのSTINGER3ですが、今回このテーマの広告表示のカスタマイズをしました。自分で行った備忘録としてまとめて記しておきます。前回の記事、

OSXローカル環境にwordpressをインストールする方法

で紹介したMAMPを使いローカル環境にインストールされたwordpressでカスタマイズを行いました。

スポンサーリンク

アドセンス収益が二倍になる?

ブログをやっていてある程度のPVを獲得してくると誰もが「ブログの収益化」を意識してくると思いますが(最低でも月々のサーバー代ぐらいは回収出来たら助かります。)今回「lobe guava!」さんの記事と「SimpleStock3.1」さんの記事を参考にさせて頂きました。ありがとうございます。

アドセンス収益が2倍に!STINGER3で収益アップするためのカスタマイズ #Stinger-WP

STINGER3でアドセンスのPC版表示を横並びのレクタングルにする設定

この「レクタングル(中)」を記事下に二つ並べる方法(通称ダブルレクタングル)の収益効果が高いと云うのを知って自分のブログでもカスタマイズしてみようとチャレンジしてみました。ちなみにカズチャンネルのカズさんのブログでもこのダブルレクタングルを採用しています。早速やってみましょう。

デフォルトの記事の幅ではレクタングルを2つ並べて表示出来ない

STINGER3のデフォルトの設定だとダブルレクタングルには出来ない仕様になっているので、style.cssを編集して記事幅を広げる必要があります。

デフォルトの設定はこの様になっています。ちなみにTransmitで編集してるんですが、ちょうど454行目からの

そして数行飛ばして463行目からの

を以下の様に編集します。まず454行目からを

そして463行目からも変更

スポンサーリンク

引用(blockquote)とコメント欄のサイズ修正

引用(blockquote)の変更

記事幅を広げた影響で引用した時にこの様に左に飛び出してしまいます。

STINGER3_Adsense_01

なのでこれを修正します。style.cssの208行目からの

220行目あたりの「margin-left: -40px;」を

「margin-left: -21px;」に変更します。これで記事中に収まりました。

STINGER3_Adsense_03

コメント欄の変更

同じ様にコメント欄も左に飛び出しちゃっているので修正します。

STINGER3_Adsense_02

同じくstyle.cssの918行目あたりからの

の923行目あたりの「margin-left: -40px;」を

「margin-left: -21px;」に変更します。これで大丈夫なはずです。

STINGER3_Adsense_04

記事下にダブルレクタングルを設置

個々の投稿の記事下にダブルレクタングを表示します。single.phpの50行目あたりの

<?php get_template_part(‘ad’);?>

を消して以下を張ります。

数字はx文字に変更してあるので、レクタングル(中)の広告を自分のGoogle Adsenseアカウントで作って二つ貼付けてください。しかし、このままだとブログの中では縦に2つ表示されてしまうので、style.cssに追加で設定を書きます。

style.cssに記述を追加する

style.cssの一番下に以下の分を追加します。

これでブログを確認すると2つ横並びになっているはずです。いかがでしょうか?

スポンサーリンク

余分なアドセンス広告を消す

google adsenseは1ページに3つまでの広告しか掲載出来ません(無理やれば出来ますが、利用規約に反してしまいます。)私のブログではサイドのトップに一個記事下にダブルレクタングルで計3つです。
先程の設定のままでも表示されませんが、意味も無く記述しておくのも嫌なので消しましょう。

single.phpの先程ダブルレクタングルの設定場所よりもっと下になりますが、125行目あたりからの

は必要ないので消しておきましょう。

アドセンスのコードは別々に取得

効果を正しく知るにはアドセンスのスクリプトコードを別々に取得しておくと、後でどの場所の広告が収益率が高いかなど分かりやすいので別々に用意しておきましょう。

 - WORDPRESS

Comment

  1. たかの より:

    こんばんははじめましてたかのともうします。

    アドセンス広告について質問させてください。

    「Googleアドセンス用」ってところでアドセンス広告を設置すると、
    一括で、サイドバー上と記事下に表示されるようになりますが、
    サイドバー上に表示されるのを止めて、記事中に入れたいのですが、
    どうすればいいんですか?

  2. […] WordPress[Stinger3] 広告を2つ並べるカスタマイズ […]

  3. […] WordPress[Stinger3] 広告を2つ並べるカスタマイズ […]

  4. […] wordpress人気テーマSTINGER3の広告を2つ並べるカスタマイズ | dmgadget(ディーエムガジェット) […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

WordPress[Stinger3] スマホ用ページでヘッダー画像がはみ出る問題
WordPress[Stinger3] スマホ用ページでヘッダー画像がはみ出る問題
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Stinger3用 子テーマ] サイトマップ(目次)を設置する方法
WordPress[Stinger3用 子テーマ]サイトマップ(目次)を設置する方法
WordPressテーマ「Stinger3」のfavicon(ファビコン)を変更する方法
WordPressテーマ「Stinger3」のfavicon(ファビコン)を変更する方法
WordPress[MAMP] ローカル環境へ本番環境を復元する
WordPress[MAMP] ローカル環境へ本番環境を復元する
WordPress[Acunetix WP Security] セキュリティー対策としてユーザー名(admin)を変更
WordPress[Acunetix WP Security] セキュリティー対策としてユーザー名(admin)を変更
WordPress[Crazy Bone] 管理ページへのアクセスログを記録
WordPress[Crazy Bone] 管理ページへのアクセスログを記録
WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入
WordPress iPhone,iPad,Macのアプリ紹介に最適な「App Store Insert」を導入
WordPressの人気テーマ「Stinger3」の追尾型SNSボックスを削除する方法
WordPressの人気テーマ「Stinger3」の追尾型SNSボックスを削除する方法
WordPress[Stinger3] サイドバーのアイコンを変更する方法
WordPress[Stinger3] サイドバーのアイコンを変更する方法