デジモノ大好き+

デジタルグッズ自腹レポ・Wordpress関連。+ バツ1おっさんのライフハック。

Stinger8記事下のアドセンス広告を横並びにしてみた。 [WordPress]

投稿日:2018年8月14日 更新日:

Stinger8デフォルトのままアドセンスの記事下広告を入れると縦に2つ並んでしまうので、横並びにしてみました。

横並びするためには

まずは、サイト幅を広げないとです。

というのもデフォルトのサイズは、

なのでアドセンスを横並びさせることができないので、幅を1100pxに広げます。

ギリ横並びになりますが、もう少し左右のスペースが欲しいので、左右のpaddingを50pxから30pxに変更。

サイトの幅の広げ方に関しては「STINGER8の幅を広げてみた。 [WordPress]」を参考にどーぞ。

今回は、style.cssとst-ad-on.phpを編集します。

style.cssに追記

位置調整に関するstyle.cssの差分はこんな感じです。

[crayon-5eff5c9650a6d135275203/]

広告の宣言を追加

st-ad-on.phpのadboxの上に1行追加。

[crayon-5eff5c9650a75191319743/]

文言をセンタリングしたいので、style.cssに追記。

[crayon-5eff5c9650a77082355907/]

テーマをいじる場合は、必ずバックアップをとり、自己責任で作業してください。
また、子テーマで作業するのが望ましいです。

↓こんな感じになります。
スポンサーリンク

-WordPress
-, , , ,

関連記事

ソネブロからワードプレスへ。

So-netで「デジモノ大好き」をやっていましたが、ワードプレスで再出発です。 何かと話題のSTINGER。 アフィリエイター向けの無料テーマとして有名ですが、さらにアフィリエイトに特化したAFFIN …

Stinger8パンくずリストをおしゃれにカスタマイズしてみた。 [WordPress]

ナビゲーション系のカスタマイズ連投になりますが、今回はパンくずリストです。 デフォルトは色が薄く目立たないので、アイコンを付けたり、hoverで色付けしたりとちょこっと目立たせています。 今回はいつも …

AmazonJSの画像が表示されないときの回復方法 [WordPress]

AmazonJSはAmazonアソシエイトのリンクを張るときに投稿画面から商品検索ができ、しかもショートコードで貼り付けてくれて、さらに格好良く表示してくれるプラグインなので、ちょーおススメなプラグイ …

ソネットブログからWordPressへ引っ越してみた。

ブログのコンテンツ自体は、エクスポート機能を利用すれば問題ないけど、画像の引っ越しは結構やっかい。 忘備録として残しておきます。 ブログ引っ越しの流れを確認しておきましょう。 目次 コンテンツのエクス …

no image

Stinger8よく使う「h」タグを装飾してみた。 [WordPress]

ブログを書く上で、よく使うタグの一つが「h」タグではないでしょうか。 なので、カスタマイズしたくもなります。 デフォルトだとこんな感じです。 今回手を入れたのは、「h2」タグと「h3」タグ。 「h4」 …