Assets in css sind nicht auf anderen Seiten als zu Hause verlinkt

Hallo Ich habe ein kleines Problem bezüglich meiner Verlinkung in meiner style.css

Beispielsweise:

@font-face { src: url('wp-content/themes/mytheme/fonts/font.ttf'); } 

und

 .div { background: url('wp-content/themes/mytheme/images/img.png'); } 

Meine Homepage funktioniert einwandfrei, Assets sind korrekt verlinkt, aber wenn ich auf eine andere Seite wie “Über” gehe, sind die Links kaputt, weil es so ist:

www.url.com/about/wp-content/themes/mytheme/images/img.png

Wer weiß, warum das passiert?

Vielen Dank

Solutions Collecting From Web of "Assets in css sind nicht auf anderen Seiten als zu Hause verlinkt"

Sie verwenden relative URLs, die immer in die aktuelle URL-Struktur schauen. Sie müssen entweder einen Schrägstrich vor wp-content einfügen oder die vollständige URL zu den Ressourcen hinzufügen.

Zum Beispiel: src: url('/wp-content/themes/mytheme/fonts/font.ttf');

oder src: url('http://example.com/wp-content/themes/mytheme/fonts/font.ttf');

Für die folgende Struktur:

 /wp-content/ /themes/ /mytheme/ style.css /images/ img.png /font/ font.tff 

Referenz img.png und font.tff so:

 .div { background-image: url('images/img.png'); } @font-face { src: url('fonts/font.ttf'); } 

Wenn sich CSS-Dateien in einem Verzeichnis befinden:

 /wp-content/ /themes/ /mytheme/ /css/ some.css /images/ img.png /font/ font.tff 

In etwas.css würdest du sie wie folgt referenzieren:

 .div { background-image: url('../images/img.png'); }