Wie kann ich ein Hintergrundbild in der Schablone hinzufügen

Question

Ich muss ein Bild durch cyberduck zu (content/img/add-to-wish.png) hochladen, aber das Bild kann nicht gefunden werden. Wie kann ich dieses Problem beheben?

Ich verwende background: #fff url("../img/add-to-wish.png");.

Answer 1

Um Bilder in Ihrem webdav Inhaltsordner in Ihren SCSS-Dateien aufzurufen, rufen Sie sie wie folgt auf. Beispiel webdav Dateistruktur content/img/filename.jpg

background: #fff url("/content/img/filename.jpg") no-repeat 50% 50%; 

So rufen Sie Bilder aus Ihren Projekten assets/SCSS Dateien in Ihrer SCSS Datei, die folgende Struktur verwenden.

background: #fff url("../img/filename.jpg") no-repeat 50% 50%; 

Um Bilder in Ihrem Thema Vermögen/img Ordner in Ihrem HTML-Dateien, verwenden Sie rufen Sie die Helfer unter Lenker CDN.

<img src="{{cdn 'img/filename.jpg'}}"> 

Um Bilder in Ihrem webdav Inhalt ners in HTML-Dateien, verwenden Sie die CDN-Helfer mit einem WebDAV-Präfix. webdav Dateistruktur content/img/filename.jpg

<img src="{{cdn "webdav:img/image.jpg"}}">