STINGER

STINGER5で記事下にアドセンスのダブルレクタングルを横並びに配置する方法

更新日:

STINGER5へ移行してからアドセンスの配置を一から設定し直しです。
まずは、記事下にアドセンスのダブルレクタングルを横並びに配置します。

完成イメージはこちら。

では、カスタマイズを始めていきます。

ページ全体の横幅を広げましょう

デフォルトだと横幅が足りないのでまずは広げる作業です。

<style.CSS>
(修正前)

(修正後)

記事部分が広がりましたね。
でも、個人的に両サイドの余白が広すぎたのでちょっと修正しました。

<style.CSS>
(修正前)

(修正後)

余白が縮まってスッキリしましたね。
縮め具合はお好みの数字でお試しください。

アドセンスを配置してみよう

横並びにできるスペースを確保したら、いよいよアドセンスを設置していきましょう。
<single.php>
(修正前)

(修正後)

アドセンスコードはそれぞれのコードを入れてください。
また、アドセンスの規約に引っかからないように、念のためスポンサーリンク表示を入れています。

これでキレイに横並びにレクタングルが入っているはずです。
ただし、閲覧環境によってはレイアウトが崩れることがあるようですが、下記のコードを入れておけば安心です。

<single.php>
(修正後)

上から3行をsingleに追記しましょう。
これで問題なく作動するはずです。

以上、STINGER5で記事下にアドセンスのダブルレクタングルを横並びに配置する方法でした!!

⚫その他のカスタマイズはこちら

-STINGER

Copyright© Endless Journey , 2019 All Rights Reserved Powered by AFFINGER5.