Dynamisches CSS-Hintergrundbild in WordPress

Lesezeit: 3 Minuten

Benutzeravatar von jishan
Jishan

Ich habe gerade WordPress eingerichtet und versucht, ein Design zu installieren. Alles ist gut, aber für ein einfaches Problem. Ich weiß, wie man ein Bild am Anfang zu einem dynamischen Bild macht, um meine index.php wie folgt einzurichten:

<img src="https://stackoverflow.com/questions/35139650/<?php echo get_template_directory_uri(); ?>/img/logo.png" alt="" />

aber wie man ein Bild dynamisch macht, das von CSS aufgerufen wird

.portfolio {
background-attachment: fixed;
background-image: url("../img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}

Ich habe es so oft versucht, bin aber gescheitert. Bitte schlagen Sie einige Ideen vor.

  • Was genau bedeutet “Wie dynamisiere ich ein Bild”?

    – j08691

    1. Februar 2016 um 21:12 Uhr

  • hast du die lösung gefunden? Ich habe es irgendwie getan.

    – Jishan

    11. Februar 2016 um 21:05 Uhr

  • Ja mein Problem gelöst. Bitte akzeptieren Sie die Antwort von Trix (kreuzen Sie das kleine Häkchen neben der Antwort an), da dies die richtige Lösung für dieses Problem ist, für weitere Referenzen. Das wäre nützlich für andere

    – Biji-Buji

    17. Februar 2016 um 13:15 Uhr

Benutzeravatar von Peyman Mohamadpour
Peyman Mohammedpour

Sie sollten beachten, dass WordPress eine Standardmethode zum Hinzufügen hat <script>s und <style>s zu <head> Abschnitt Ihres Webdokuments, der verwendet wp_enqueue_scripts Aktion, aber in Bezug auf Ihre Frage werde ich versuchen, den gewünschten Weg bereitzustellen:

Sie können dieses bestimmte CSS einfügen <style> Tags in Ihren Dokumenten <head> Abschnitt und Verwendung:

.portfolio {
background-attachment: fixed;
background-image: url("<?php echo get_template_directory_uri(); ?>/img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}

AKTUALISIEREN

Obwohl dies zu funktionieren scheint und Sie die gewünschte Ausgabe erhalten, empfehle ich Ihnen dringend, es nicht zu verwenden, da Sie Folgendes verwenden können:

.portfolio {
    background-attachment: fixed;
    background-image: url("img/o-BUSINESS-TECHNOLOGY-facebook.jpg");
}

in deiner style.css Datei und erhalten immer noch das gleiche Ergebnis.

Ich weiß wirklich nicht, welche Art von dynamisch CSS, sind Sie hinterher, aber wenn Sie wirklich möchten, dass es dynamisch ist und Sie sich sicher sind, was Sie tun, haben Sie zwei Methoden:

  1. Die obige Methode (Hinzufügen von Stilen zu <style> eintaggen <head> Abschnitt des Dokuments)
  2. Ihre Stylesheet-Datei dynamisch zu machen, indem Sie PHP verwenden (zu dem Sie möglicherweise ein Tutorial erhalten Dies Link oder google danach Dynamisches Stylesheet php)

  • danke trix es funktioniert .wenn ich 10 zu mehr css bilder habe ist das immer der selbe code.oder muss irgendwie anders.und was kann ich mit meinem alten stylsheet code löschen oder den alten code behalten

    – Jishan

    1. Februar 2016 um 20:50 Uhr

  • Das Update sieht falsch aus, der img-Ordner befindet sich so gut wie nie im Dokumentenstammverzeichnis.

    – Tacon

    1. Februar 2016 um 21:13 Uhr

  • @tacone relative Pfade in style.css Betrachten Sie den Stamm des aktuellen Themas, nicht den Stamm des Dokuments.

    – Peyman Mohamadpour

    1. Februar 2016 um 21:18 Uhr

  • @Trix background-image: url("/img/o-BUSINESS-TECHNOLOGY-facebook.jpg"); ist kein relativer Pfad.

    – Tacon

    1. Februar 2016 um 21:23 Uhr

  • Fair genug. Wenigstens Kommentar in Ihrer Frage dass dies nicht der Weg von WordPress ist, und zeigen Sie ein Beispiel dafür, wie es aussehen würde. Wir versuchen, eine zu bauen maßgebliche Seite von Fragen und Antworten, und das ist nur die halbe Antwort.

    – zufälliger_Benutzername

    1. Februar 2016 um 22:19 Uhr

1427130cookie-checkDynamisches CSS-Hintergrundbild in WordPress

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy