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

  • 2015年2月2日
  • 2019年6月9日
  • STINGER
  • view

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

完成イメージはこちら。

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

スポンサードリンク

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

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

<style.CSS>
(修正前)

(修正後)

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

<style.CSS>
(修正前)

(修正後)

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

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

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

(修正後)

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

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

<single.php>
(修正後)

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

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

⚫その他のカスタマイズはこちら
[st-card id=3447]

最新情報をチェック!
>タビプレッソ(Tabi=Espresso)

タビプレッソ(Tabi=Espresso)

旅には凝縮された体験が詰まっている。それはまるでエスプレッソのようにギュッとうま味が凝縮された体験である。平凡な日常が、旅というエスプレッソを通して刺激的な毎日になりますように。