Das Wordpress
  1. Das Wordpress
  3. Assets in css sind nicht auf anderen Seiten als zu Hause verlinkt
Intereting Posts
wp-admin blockiert den HTTP-Fehler bei Uploads 404 Fehler bei benutzerdefiniertem Posttyp / benutzerdefinierter Taxonomie Wie fügt man jQuery-Skript hinzu? Wie paginieren Anhänge in einer sekundären Abfrage als Galerie? WordPress auf Azure hosten? E-Mail-Verschleierung: Ist Anti-Spam () akzeptabel? Eine add_action haben (‘user_new_form’,) Wenn es sich um einen spezifischen benutzerdefinierten Post in cpt handelt Gibt es Szenarien, in denen die Query_posts verwendet werden können? Wie migrieren wpmu von einem Host zum anderen? neue Seite Sidebar-Vorlage standardmäßig Verwenden Sie add_image_size in functions.php, um die ursprünglich hochgeladene Datei zu erhalten Alle Import-Plugin – Aktualisieren Sie alle Beiträge nach Cron-Import Child theme style.css überschreibt nicht die parent style.css Benutzerdefinierte Post-Typen mit datumsbasiertem Archiv

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'); }