デジモノ大好き+

デジタルグッズ自腹レポ・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-5d5988381865b621072680/]

広告の宣言を追加

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

[crayon-5d59883818667290906411/]

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

[crayon-5d5988381866a640773033/]

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

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

-WordPress
-, , , ,

関連記事

no image

STINGER8の執筆者とコメントを非表示にしてみた。 [WordPress]

スパムが多いので、コメント欄を非表示にしてみた。 STINGER5は、CSSで非表示にできたんですけど、STINGER8はPHPをいじります。 single.php にある [crayon-5d598 …

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

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

Stinger8サムネイル画像を大きくして、スマホのレイアウト調整してみた。 [WordPress]

Stinger8のサムネイル画像のサイズは、100×100pxと小さくアイキャッチとしてはちょっと弱いので少し大きくしてみました。 そのままだとスマホのレイアウトが崩れてしまうのでそちらも調整。 今回 …

Stinger8のページトップボタンを目立たせてみた。 [WordPress]

主張が強すぎるのもなんですが、あまりにも目立ってないので手を加えてみました。 ↑右端にあるこれね。 (わかりずらいので、囲ってみました。) style.cssを変更 差分はこんな感じです。 [cray …

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

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