Wie verwende ich ein Bild aus dem Ordner wp-content\images aus einer PHP-Datei?

Lesezeit: 3 Minuten

Ich habe eine WordPress-Website, die von einem PHP-Entwickler angepasst wurde. Er erstellte einen Ordner für Bilder im Stammverzeichnis der Website. Ich muss diesen Ordner vom Stammverzeichnis der Website in den Ordner wp-content\images\ verschieben.

So wird die PHP-Datei heute unter Verwendung der Bilddateien aus dem Ordner im Stammverzeichnis geschrieben:

<img src="https://stackoverflow.com/questions/8236685/images/img1.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img2.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img3.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img4.jpg" border="0" style="padding-right:44px;"/>
<img src="images/img5.jpg" border="0"/>

Nachdem ich die Bilder in den Ordner wp-content\images\ verschoben habe, habe ich viele Kombinationen ausprobiert (wp-content/images/img1.jpg; /wp-content/images/img1.jpg; public_html/wp-content/images/ img1.jpg;/public_html/wp-content/images/img1.jpg), aber die Bilder werden nicht angezeigt. Wie soll ich auf die Bilder in diesem Ordner verweisen?

Danke vielmals! Rauben.

Benutzer-Avatar
Mr. Sherman

Wenn Ihre Bilder mit einem benutzerdefinierten Design verknüpft sind, sollten sie sich in Ihrem Designverzeichnis befinden.

Du kannst den … benutzen get_bloginfo WordPress-API, um eine absolute URL zu diesem Verzeichnis zu erhalten.

bloginfo('template_url')

Unter dem obigen Link finden Sie wichtige Informationen zu verschiedenen Variationen davon.

Sie würden also Ihre Bildlinks durch so etwas wie ersetzen

<img src="https://stackoverflow.com/questions/8236685/<?php bloginfo("template_url')?>/images/img1.jpg" border="0" style="padding-right:44px;"/>

  • Ihre Antwort kommt der Lösung meines Problems sehr nahe. Ich habe von get_bloginfo() zu bloginfo gewechselt und voila! Hat funktioniert. Danke vielmals!

    – Robert

    23. November 2011 um 4:30 Uhr


  1. Bildverzeichnis zum aktiven Design hinzufügen

    Hinzufügen /images Ordner zu Ihrem aktuell aktiven Design.

    Lokales Bildverzeichnis zu aktivem WordPress-Design hinzufügen (untergeordnet)

  2. Optimieren Sie Ihre Bilder für die Produktion

    Dies ist wichtig für die Benutzererfahrung und die Seitengeschwindigkeit. Eine schnellere Website zeigt den Besuchern, dass Ihnen ihre Zeit am Herzen liegt. Wenn Sie den nativen Medienmanager verwenden, gibt es mehrere kostenlose Plugins, die Ihre Bilder beim Hochladen automatisch optimieren – zusätzlich zu Onlinediensten (wie TinyPNG), Betriebssystemanwendungen (wie Codekit für Mac, JPEGMini für Windows) und der Befehlszeile.

  3. Lokales Bild in WordPress anzeigen

    Wenn Parent Theme aktiv ist: verwenden template_directory

    <img src="https://stackoverflow.com/questions/8236685/<?php bloginfo("template_directory')?>/images/YOUR-IMAGE-HERE.jpg" alt="Image Title" border="0" width="" height="" style="padding-right:44px;"/>
    

    Wenn Child Theme aktiv ist: verwenden stylesheet_directory

    <img src="https://stackoverflow.com/questions/8236685/<?php bloginfo("stylesheet_directory')?>/images/YOUR-IMAGE-HERE.jpg" alt="Image Title" border="0" width="" height="" style="padding-right:44px;"/>
    

    Fügen Sie diesen Code zu Ihren Vorlagendateien hinzu, wo Ihr Bild angezeigt werden soll, und ändern Sie „/images/YOUR-IMAGE-HERE“ (und Attribute), um mit dem richtigen Speicherort, Namen und Attributen der Datei übereinzustimmen:

    Enthalten alt, width und height Informationen für jedes Bild in der Produktion, um die Seitengeschwindigkeit zu erhöhen und die Zugänglichkeit von Inhalten zu verbessern.

  4. Das ist es!


Zusätzliche Bemerkungen

  • Wenn Sie ein untergeordnetes Thema verwenden, sollten Sie es ändern template_directory zu stylesheet_directory
  • In den meisten Fällen möchten Sie den nativen WordPress-Medienmanager verwenden, um Bilder einzufügen und anzuzeigen. Es gibt auch mehrere kostenlose Plugins, mit denen Sie die Bildqualität dynamisch optimieren und verbessern können:

    • EWWW Bildoptimierer
    • WP Netzhaut 2x
    • Miniaturansichten neu generieren
  • Darüber hinaus verfügt WordPress über eine Liste verfügbarer Parameter, die verwendet werden können, um auf ein bestimmtes (anderes) Verzeichnis oder eine bestimmte URL abzuzielen. Überprüfen Sie, ob unsere hier:
    http://codex.wordpress.org/Template_Tags/bloginfo

Bildsatz als separate Datei zur Wiederverwendung einschließen

Wenn Sie denselben „Satz“ von Bildern an mehreren Stellen wiederverwenden, erstellen Sie eine Include-Datei für den Satz und fügen Sie sie über hinzu [shortcode] wie benötigt. Zum Aktualisieren müssten Sie dann nur die erweiterte Datei aktualisieren, was wiederum den gesamten exportierten Code aktualisieren würde, in dem die [shortcode] wurde automatisch platziert.

<?php include( get_template_directory() . '/includes/myfile.php'); ?>

Am besten, -K

1124720cookie-checkWie verwende ich ein Bild aus dem Ordner wp-content\images aus einer PHP-Datei?

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

Privacy policy