さて、昨日の記事「AFFINGERのトップ記事一覧に挿入した広告を中揃えにする方法」の続きと言いますか、応用です♪
今日は挿入した２つの広告をそれぞれ別のものにしてみましょう♪
基本的には昨日の記事でご説明したものを２つ入れるだけです♪
入れる箇所については以前の記事「AFFINGER（Ver.20151021）でトップの記事一覧に広告を入れる方法」および「AFFINGER２でトップ記事一覧に広告を入れる方法♪」をご参照下さい
アフィンガーのテーマを編集する
「外観」→「テーマの編集」でAFFINGERの場合は「itiran.php」を、AFFINGER2の場合は「itiran-thumnail-on.php」を編集します
所定の箇所に以下を挿入します（AFFINGER2の場合）
<?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”>ここに１つ目の広告コードを入れる</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”>ここに２つ目の広告コードを入れる</div>
</div>
<?php endif; ?>
青字の部分にそれぞれの広告コードを入れて下さい♪
ここでは、広告の配置をセンタリングしていますので、左寄せがお好みの方は赤字の部分を削除して下さい
ミソはオレンジ部分の数字です。上側は３つ目の記事の下に表示されるように、そして下側は７つ目の記事の下に表示されるようにしましょう♪
上側のユニットは左(上)を「3」右(下)を「0」にし、下側のユニットは左(上)を「0」右(下)を「7」として下さい
お詳しい方だと、もっと上手くシンプルな編集をされるものと思いますが、何せ素人なものですから２つのユニットを入れて強引にやっております（笑）
オレンジの数字を変えることによって表示が変わってきますので、お好みで色々とお試し下さい♪
最終的にはこのような表示になります♪
AdSense（レスポンシブ）さえ使えればこんな苦労はしなくていいのに（笑）
「禍転じて福となす」ではないですが、この度は色々と試してみて僕自身も勉強になりました♪
AdSenseよ～早く戻ってきておくれ～（泣笑）
おおっ～と！
テーマの編集箇所は他にも幾つかありますので、詳細につきましては前述の「AFFINGER（Ver.20151021）でトップの記事一覧に広告を入れる方法」および「AFFINGER２でトップ記事一覧に広告を入れる方法♪」をご確認下さい！
最後になりますが、テーマを編集される際はバックアップをお忘れなく～♪
コメント