サクセスクエスト

理想のアフィリエイトブログを追い求めて(WordPressカスタマイズ・プラグイン導入・アフィリエイト日記・初心者・素人格闘記・札幌移住の勧め)

AFFINGERのトップ記事一覧に複数の広告を数種類挿入する方法

      2016/02/27

twins-1150181_640

↑双子なんでしょうが、なんか似てるようで似てない(笑)

 

さて、昨日の記事「AFFINGERのトップ記事一覧に挿入した広告を中揃えにする方法」の続きと言いますか、応用です♪

今日は挿入した2つの広告をそれぞれ別のものにしてみましょう♪

基本的には昨日の記事でご説明したものを2つ入れるだけです♪

入れる箇所については以前の記事「AFFINGER(Ver.20151021)でトップの記事一覧に広告を入れる方法」および「AFFINGER2でトップ記事一覧に広告を入れる方法♪」をご参照下さい

アフィンガーのテーマを編集する

「外観」→「テーマの編集」でAFFINGERの場合は「itiran.php」を、AFFINGER2の場合は「itiran-thumnail-on.php」を編集します

所定の箇所に以下を挿入します(AFFINGER2の場合)

アフィンガートップ記事一覧に複数の広告を挿入1-1

<?php if ( $loop_count == 3 || $loop_count == 0 ) : ?>
<div class=”toppagead”>
<p style=”color:#666;margin-bottom:4px;text-align:center;”>スポンサーリンク</p>
<div align=”center”>ここに1つ目の広告コードを入れる</div>
</div>
<?php endif; ?>

<?php if ( $loop_count == 0 || $loop_count == 7 ) : ?>
<div class=”toppagead”>
<p style=”color:#666;margin-bottom:4px;text-align:center;”>スポンサーリンク</p>
<div align=”center”>ここに2つ目の広告コードを入れる</div>
</div>
<?php endif; ?>

青字の部分にそれぞれの広告コードを入れて下さい♪

ここでは、広告の配置をセンタリングしていますので、左寄せがお好みの方は赤字の部分を削除して下さい

ミソはオレンジ部分の数字です。上側は3つ目の記事の下に表示されるように、そして下側は7つ目の記事の下に表示されるようにしましょう♪

上側のユニットは左(上)を「3」右(下)を「0」にし、下側のユニットは左(上)を「0」右(下)を「7」として下さい

お詳しい方だと、もっと上手くシンプルな編集をされるものと思いますが、何せ素人なものですから2つのユニットを入れて強引にやっております(笑)

オレンジの数字を変えることによって表示が変わってきますので、お好みで色々とお試し下さい♪

 

アフィンガートップ記事一覧に複数の広告を挿入2最終的にはこのような表示になります♪


AdSense(レスポンシブ)さえ使えればこんな苦労はしなくていいのに(笑)

「禍転じて福となす」ではないですが、この度は色々と試してみて僕自身も勉強になりました♪

AdSenseよ~早く戻ってきておくれ~(泣笑)

おおっ~と!

テーマの編集箇所は他にも幾つかありますので、詳細につきましては前述の「AFFINGER(Ver.20151021)でトップの記事一覧に広告を入れる方法」および「AFFINGER2でトップ記事一覧に広告を入れる方法♪」をご確認下さい!

最後になりますが、テーマを編集される際はバックアップをお忘れなく~♪

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

 - アフィリエイト