サポート » 使い方全般 » style.cssでのbackgroundイメージの変更

style.cssでのbackgroundイメージの変更

  • 解決済 kermitkermit

    (@kermitkermit)


    1年、 12ヶ月前

    お世話になっております。
    よろしくお願いいたします。

    教本に沿って作っているテーマのfront-pageのbackgroundのイメージを変更したく、style.css内で下記操作をいたしました。

    オリジナルの構文
    background: url(./images/img-visual.jpg) no-repeat center top;

    img-visualと同じフォルダ内にimg-visualの色相を変えただけのimg-visual2.jpgというファイルを作り、
    background: url(./images/img-visual2.jpg) no-repeat center top;
    とリンクのファイル名を変更しましたが反映しませんでした。

    img-visual2.jpgのファイル名をimg-visual_purple.jpgに変更し
    background: url(./images/img-visual_purple.jpg) no-repeat center top;
    としたところ、ファイルの変更が反映しました。

    img-visual2.jpg と img-visual_purple.jpg はファイル名を変えただけです。
    どちらもファイル名の付け方のルールには沿っていると思うのですが、何か違いはあるのでしょうか？

    都度キャッシュもクリアして検証しました。

    初心者なので私がわかっていないファイル名の付け方のルールなどあるのでしょうか？
    自身でもファイル名の付け方について調べられる範囲で確認しました。
    アドバイスをいただければ幸いです。

    MacOS　10.15.7
    MAMP　6.6
    PHP 7.4.21
    WordPress 5.9

    以上よろしくお願いいたします。

    • このトピックはkermitkermitが1年、 12ヶ月前に変更しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • shokun0803

    (@shokun0803)

    1年、 12ヶ月前

    kermitkermitさん、こんにちは。

    ファイル名を変更後、背景画像が変更されない状況の際に、該当の画像をブラウザから直接 URL を叩いて表示されて確認されましたでしょうか。
    直接画像を URL で表示できる場合、キャッシュ等を疑うのですが、例えば ２ の数字が全角や半角で間違っていた場合でも表示されませんので、実際にブラウザで画像の URL を直接開いて存在を確認されることをお勧めいたします。

    ご参考になれば。

    トピック投稿者 kermitkermit

    (@kermitkermit)

    1年、 12ヶ月前

    shokun0803さん、こんにちは。

    貴重なアドバイスをありがとうございます。

    「2」は確かに半角英数の「2」、テンキーからの入力でした。
    他の数字ではどうか、ご指摘の画像のURLで直接見てみるなど、確かめてみたいと思います。

    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「style.cssでのbackgroundイメージの変更」には新たに返信することはできません。

表示