Skip to main content
Categories
CMSHTML及びCSS基礎的な学習学習

広告が左寄せになってしまうのを解決してみました

  • Post Author
    By pitang1965
  • Post Date
    Wed Jan 30 2019
sharon-garcia-486594-unsplash

アクセス数の少ない私のブログにもとりあえず広告を貼ってみました。

しかし、とりあえずブログタイトルの上に貼った広告が最初左寄せになってしまっていました。

これはちょっといただけない。

これは修正された状態

最近、学習を開始したCSSのわずかな知識で対応してみました。

最初次のように、WordPressのテーマヘッダー(header.php)にタグを追加していました。

ちなみに、テーマはデフォルトのTwenty Nineteenとかいうやつです。

<body <?php body_class(); ?>>
<!-- admax -->
<script src="コードがずらずらと・・・"></script>
<!-- admax -->
:

これに対して、次のように修正してみました。

 <body <?php body_class(); ?>>
<div class="pitang-ad">
<!-- admax -->
<script src="コードがずらずらと・・・"></script>
<!-- admax -->
</div>
:

そして、追加cssとかいうところに次を入れたら修正できました。

.pitang-ad {
text-align: center;
}

まだ、WordPressもよくわかっていないのですが、こんなやり方でよいのでしょうか?