AMPページで背景画像を使用する場合は絶対パスに変更を

作成日:

WordPressでAMP対応テーマを作成する際に、AMP用のCSSファイルをインクルードして読み込ませていたのですが、ここで背景画像が適用されていないことがわかりました。

これは通常の背景画像の設定するCSSの場合は

CSS
.background{
	background-image: url("images/pattern.png");
}
のように相対パスで構いませんが、AMP用のCSSは各ページ内にインクルードされているので、上記の書き方だとパスが通りません。

なので、AMP用には

CSS
.background{
	background-image: url("https://hogehoge/wp-content/themes/site/images/pattern.png");
}
と絶対パスで書き換える必要があります。

物草 灸太郎
物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

Loading...

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。

Notice: Undefined offset: 14 in /home/c8622571/public_html/monoxa.net/wp-content/themes/site/inc/mx-seo.php on line 2572

Notice: Trying to access array offset on value of type null in /home/c8622571/public_html/monoxa.net/wp-content/themes/site/inc/mx-seo.php on line 2572