さて、昨日の記事「AFFINGERのトップ記事一覧に挿入した広告を中揃えにする方法」の続きと言いますか、応用です♪
今日は挿入した2つの広告をそれぞれ別のものにしてみましょう♪
基本的には昨日の記事でご説明したものを2つ入れるだけです♪
入れる箇所については以前の記事「AFFINGER(Ver.20151021)でトップの記事一覧に広告を入れる方法」および「AFFINGER2でトップ記事一覧に広告を入れる方法♪」をご参照下さい
アフィンガーのテーマを編集する
「外観」→「テーマの編集」で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”>ここに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つのユニットを入れて強引にやっております(笑)
オレンジの数字を変えることによって表示が変わってきますので、お好みで色々とお試し下さい♪
AdSense(レスポンシブ)さえ使えればこんな苦労はしなくていいのに(笑)
「禍転じて福となす」ではないですが、この度は色々と試してみて僕自身も勉強になりました♪
AdSenseよ~早く戻ってきておくれ~(泣笑)
おおっ~と!
テーマの編集箇所は他にも幾つかありますので、詳細につきましては前述の「AFFINGER(Ver.20151021)でトップの記事一覧に広告を入れる方法」および「AFFINGER2でトップ記事一覧に広告を入れる方法♪」をご確認下さい!
最後になりますが、テーマを編集される際はバックアップをお忘れなく~♪
コメント