【作業メモ】Simplicityの記事下広告枠を縦2列にカスタマイズ

スポンサーリンク

こんにちは。

WordPressテーマSimplicityのカスタマイズ作業メモです。

要約

Simplicityの記事下には、336x280pxのアドセンス広告が横並びで2つ表示されます(PC版の場合)。

これを、縦2列で表示するように出力用コード(ad-article-footer.php)を書き換えて、子テーマ用ディレクトリに格納しました。

(2015/02/15追記)安定版の1.3以降は、テーマのカスタマイズ画面で「PCのダブルレクタングルを縦型に」オプションが選択できるようになっています。

Simplicityはいいテーマ

旧来使っていたStinger3に大きな不満がなかったのにもかかわらず、「飽きた」という理不尽すぎる理由でブログテーマをSimplicityに乗り換えてふた月あまり。

Simplicityサイト 画面キャプチャ

気に入っています。変えて悪くなった点が特にない分、よかったです。

稼ぎだけが不安

ただ、乗り換え前も同程度の変動はあったので誤差の範囲だと思いますが、ここ2,3週、RPM(表示1000回当たりの収益)が低下傾向でした。

「金しかないなぁ」なのにカネを生まないのは困ります。

稼げているブログの情報

そんななか、こちらのブログ記事を読みました。

「1PV=1円以上」です。

と、にわかに信じがたい数字が出ています。RPMだと1000円以上という計算になります。

当ブログと比べて、8倍ないし8.5倍です。

ウソです。倍率は少し盛りました。岸部四郎さんみたいに言いたかっただけです。クリーニング代込みで。

それはそれとして、広告レイアウトについて

記事下のアドセンスは「横並び」が人気ですが、僕はこの336pxの縦置きの方が効果が良いので採用しています。

とありました。

これにならって、アドセンス広告配置を縦置きにしてみることにしました。

作業手順

ファイルの修正

対象ファイル

Simplicityでは、記事下の広告をad-article-footer.phpで出力しているようです。

変更前のソース

ソースコードを見ると次のようになっていました。

  <?php } else { //パソコンの場合?>
    <?php if ( is_active_sidebar( 'adsense-336' ) ) :  ?>
       <div class="ad-article-bottom ad-space">
        <div class="ad-label"><?php echo get_ads_label() ?></div>
        <div class="ad-left ad-pc adsense-336"><?php dynamic_sidebar('adsense-336');?></div>
        <div class="ad-right ad-pc adsense-336"><?php dynamic_sidebar('adsense-336');?></div>
        <div class="clear"></div>
      </div>
    <?php endif; ?>
  <?php } ?>

左 右

と横並びで表示させているイメージです。

完成イメージ

これを

と縦並びにすればいいわけです。

変更後

PHPの書法はよくわかってませんが、こう書いてみました。これでいいのかな。

  <?php } else { //パソコンの場合?>
    <?php if ( is_active_sidebar( 'adsense-336' ) ) :  ?>
       <div class="ad-article-bottom ad-space">
        <div class="ad-label"><?php echo get_ads_label() ?></div>
        <div class="ad-left ad-pc adsense-336"><?php dynamic_sidebar('adsense-336');?></div>
        <div class="clear"></div>
        <div class="ad-left ad-pc adsense-336"><?php dynamic_sidebar('adsense-336');?></div>
        <div class="clear"></div>
      </div>
    <?php endif; ?>
  <?php } ?>

表示の確認

変更後のad-article-footer.phpファイルを、子テーマの「simplicity-child」ディレクトリに格納します。

表示させてみました。うまくいっているみたいです。

コメント

タイトルとURLをコピーしました