[e]Stinger5の記事一覧ページに広告を挿入出来たけどCSSの問題に苦労した!

この記事をかいた人

本業は整体師。主に大好きなGoProを始めとしたアクションカメラや動画編集、子育てについての情報を発信しています!

今回はStinger5のカスタマイズで遭遇したトラブルをご紹介します。

新しい広告の設置方法を試していたところでしたので、そちらのカスタマイズについても合わせて書いていきたいと思います。

スポンサーリンク

続編の記事はこちらから!
↓↓↓
[e]WordPressでCSSが反映されない場合はキャッシュを疑え!

記事一覧に広告を出現させる

Stinger5のカスタマイズ記事を読んでいると、記事一覧に広告を挿入する方法が載っていましたので、私も早速試してみることに。

今回はcv0629(@cv0629_blog)さんのブログを参考にさせて頂きました。
↓↓↓
Stinger5でブログTOPページの記事一覧へ広告を入れる方法 | cv0629

コードを全て利用させて頂きました!
本当にありがとうございます!

ちなみに、作業手順は以下になります。

  1. itiran.phpのコードを編集
  2. CSSへの追記

コードも分かりやすく、私もcv0629(@cv0629_blog)さんと同じでhome-ad.phpを作成して読み込ませる方法を取りました。

CSSも利用させて頂き、これでコードはバッチリです。

表示はされるがCSSが反映されない

ブログを表示してみると…変な感じです。広告は表示されているのですが、CSSが反映されず、下の記事にくっついてしまっています。

コードが間違っているのかとCSSのコードをチェックしても間違いはありません。

そこで、PCのGoogleChromeから「要素の検証」で確認すると、CSSファイル自体は読み込まれていても記述内容が読み込まれていません。

調べてみるとセレクタなんかの指定が間違っていると読み込まれないなど色々なことが書かれています。
いくら試してみてもわからず、お手上げな状態となってしまいました…。

解決策が判明

しかし!
そんな私を救ってくれたある記事があったのです!この方法を試したところ、無事にCSSが反映されました。
そちらは長くなるので次回ご紹介します!

広告の設置は無事に成功!

今回の目的である広告の挿入自体は上手くいきました!
分かりやすい記事を書いてくださったcv0629(@cv0629_blog)さんに大感謝です!

ブログはこちらからどうぞ!
↓↓↓
cv0629

以上、ナシタカ(@ehicalog)でした!

今回の続きの記事はこちらからどうぞ!
↓↓↓
[e]WordPressでCSSが反映されない場合はキャッシュを疑え!

from するぷろ

スポンサーリンク

スポンサーリンク