の まとめ

デジタルガジェットレビュー、Mac ・ iPhone・ WordPressのコード、食レポなどをまとめて比較してお届けします。

【WordPress】テーマ「Stinger3」の記事内広告をダブルレクタングルにする方法

      2015/01/15

WordPressのテーマ「Stinger3」における本文中の広告を2つ並べて表示するダブルレクタングルにする方法を紹介します。

環境

WordPress 4.0
stinger3ver20140327

手順

1.WordPressにログイン→「外観」→「テーマ編集」をクリックします。

2.画面左のメニューから「単一記事の投稿(single.php)」をクリックします。

3.single.phpには <?php get_template_part(‘ad’);?> が2箇所あるので、まず上部の<?php get_template_part(‘ad’);?>を削除します。

 ※削除しないとGoogleAdSenseがページ内に3箇所以上表示されることになり、AdSenseの規約違反となります。

4.次に下部の <?php get_template_part(‘ad’);?>を次の内容に書き換えます。

書き換え内容

<!-- double ad start -->
 <div style="padding:20px 0px;text-align:center;">
<?php if(is_mobile()) { ?>
 モバイル用のAdSense 300px×20pxなど
<?php } else { ?>
 <div style="float:left;">
  AdSense 300px*250px
 </div>
 <div>
  楽天などAdSense以外の広告 300px*250px
 </div>
<div style="clear:left; height:10px;"></div>
<?php } ?>
</div>
<!-- double ad end -->

 

5.保存して修正は完了です。

まとめ

Stinger3は、本文が固定Widthなのでダブルレクタングルに適しています。

広告のダブルレクタングルを試してみたい人はぜひ。

 - WordPress

336-280

  関連記事

【WordPress】テーマ「Stinger5」のファビコンを設定する方法

WordPressテーマ「Stinger5」におけるファビコンの設定方法を紹介し …

【WordPress】テーマ「stinger3」の自動追尾するSNSボタンを非表示にする方法

WordPressのテーマ「stinger3」では、画面のスクロールに追尾するフ …

tag
WordPressテーマStinger5でアイコンフォントを使ってシェアボタンを作成する方法【初心者向け】

SNSのシェアボタンに、もう一工夫欲しい!ということでアイコンフォントを使ってみ …

【WordPress】ソースコードを表示するプラグイン「SyntaxHighlighter Evolved」の使い方

WordPressでソースコードなどを表示するのに適したプラグイン「Syntax …

リンクの例
【WordPress】アイキャッチ付きサイト内記事へのリンクを作成する方法

アイキャッチ付きのサイト内記事リンクを作るプラグインを紹介します。 functi …