Bilder werden nicht angezeigt!

    Moin Moin

    Ich arbeite das erste Mal richtig mit Wordpress. Mit der Installation und dem anpassen des Designs hat (fast) alles geklappt.
    Nun stellt sich mir aber folgendes Problem:

    Ich möchte in der header.php mein Logo anzeigen (PNG-Datei). Nun habe ich also die header.php mit einem Texteditor geöffnet. Dort habe ich dann im body-Bereich probiert das Bild einzufügen, und zwar mit <img src="images/logo.png" alt="logo" />. Natürlich habe ich das Ganze auch in einen <div> gepackt.

    Wenn ich das Ganze nun aber hochlade und im Browser betrachte sehe ich kein Bild. Das einzige was erscheint ist das im alt-tag definierte Wort "logo". Habe dann diverses ausprobiert (diverse schreibweisen, anderer imageordner, vers. grafikformate, usw...) aber es funzt nicht.

    Was kann dass Problem sein? Fehlt mir etwas, damit Bilder überhaupt angezeigt werden? Wohl kaum? :confused:

    Hoffe auf eure Antworten. :cry:

    mfg joscha

    PS: Ich habe das blank-theme von texto.de genommen und erweitert. Könnte dies der Verursacher sein?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wo der Fehler liegt, kann man nicht sagen, ohne sich das mal selber angeschaut zu haben. Also: Wie lautet die URL vom Blog?

    Davon abgesehen ist deine Methode nicht die beste. Sowas wie Headerbilder sollte man eher über Stylesheets (CSS) regeln. Und: Bei Pfaden, also auch Bildern, sollte man, wenn man sie so einbindet, absolute Pfade verwenden.

    "Eine gut gestellte Frage ist schon halb beantwortet."

    Zitat von gsibergerin

    Versuch´s mal probeweise damit, das Bild zunächst in Wordpress hochzuladen und anschließend den Pfad zum Ordner "uploads" anzugeben. Hat bei mir auch schon geholfen!


    Sicher, dass das was mit seinem Problem zu tun hat?

    "Eine gut gestellte Frage ist schon halb beantwortet."

    Du hast noch was vergessen, denn Wordpress befindet sich beim Aufrufen der header.php nicht in deinem Theme Vezeichnis (/wp-content/themes/deintheme/). Deshalb musst du den Link zu dem Bild noch mit einem entsprechenden Pfad in php verknüpfen:

    header.php öffnen ->

    Ersetze:

    Code
    <img src="images/logo.png" alt="logo" />


    Durch:

    PHP
    <img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="logo" />

    So sollte es klappen

    Sollte das so auch bei einer xampp Installation von WP auf der Festplatte klappen? Habe ich eben ausprobiert - tut´s bei mir leider nicht. Kann mir bitte jemand sagen, wie ich die Pfade in diesem Fall richtig angeben muss? Warum werden Bilder nicht angezeigt, wenn ich sie mit "images/xyz.jpg" im Content einbinden will - wenn ich dasselbe Bild via CSS z.B. als Hintergrundbild für ein div angebe, funktioniert´s.

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

    Zitat von gsibergerin

    Warum werden Bilder nicht angezeigt, wenn ich sie mit "images/xyz.jpg" im Content einbinden will - wenn ich dasselbe Bild via CSS z.B. als Hintergrundbild für ein div angebe, funktioniert´s.


    Weil sich die relative Bildangabe in CSS auf den Pfad bezieht, aus dem die CSS Datei geladen wurde, bei einem <img> Tag aber relativ zum Pfad der URL befinden muß. Da das bei Seiten-URL's von WP (durch Permalinks) u.U. ein Problem ist, braucht es dann auch entweder korrekte, relative Angaben oder eben absolute Pfadangaben.

    Beispiel <img src="images/xyz.jpg"> auf der Seite

    Code
    www.domain.test/meine-tolle-seite

    würde das Bild relative zum Domainroot im Unterordner /images suchen und anfordern (also gleiche Ebene wie wp-admin oder wp-includes).

    Erst mal vielen Dank für eure Antworten. Habe mich mal drangesetzt und siehe da, mit der Methode von SamX hat's geklappt. Herzlichen Dank.:mrgreen:

    jottlieb: Wie könnte ich das mit dem Headerbild auch über CSS regeln?

    mfg
    joscha

    Indem du deinem Header-div per ein Hintergrundbild zuweist, z.B.:

    Code
    background-image: url(images/deinbild.jpg); background-repeat: no-repeat; background-position: left bottom;


    Das würde das Bild links unten platzieren. Achte auf die passende Größe.

    codestyling, wenn ich meinen Bildern absolute Pfadangaben wie http://localhost/.... zuweise, funktioniert´s auch nicht. Und ich dachte, das wäre in dem Fall dann korrekt? :?

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

    Zitat von gsibergerin

    codestyling, wenn ich meinen Bildern absolute Pfadangaben wie http://localhost/.... zuweise, funktioniert´s auch nicht. Und ich dachte, das wäre in dem Fall dann korrekt? :?


    Also das kann ich gar nicht glauben. Ich benutz sowohl lokal eine XAMPP System als auch remote bei Providern "normale" Apache Umgebungen.
    Wenn du lokal mit XAMPP arbeitest, kommt es evtl. darauf an, wie du das eingerichtet hast. Und es gibt Unterschiede zwischen XAMPP (Windows Welt), MAMPP (Mac Welt) und LAMPP (Linux Welt), also OS wäre auch eine gute Information.

    Zitat von gsibergerin

    In meinem Fall ist das xampp "Windows Welt". Kannst du mir mal bitte ein Beispiel geben, wie du in dem Fall einen Bildpfad angibst?


    Das ist nicht so einfach, denn ich betreibe XAMPP mit vhost's.
    Da heißt, ich kann im Browser eine URL eingeben wie:

    Code
    http://www.code-styling.test/


    und es verhält sich dann wie eine "normale" Domain. Dazu ist allerdings einiges an Konfiguration in den Apache config und im Windows System nötig.
    Läuft dein XAMPP auch auf Port 80 oder wegen IIS wo anders ?
    Dann muß die URL auch den Port bekommen: http://localhost:1234/
    Grundsätzlich gehe ich davon aus, dass du einen Unterordner wordpress oder so im htdocs angelegt hast. Dann muß der auch angebenen werden: http://localhost/wordpress/....
    Wie gesagt, ich kenne die eingerichtete Umgebung bei dir nicht, ist schwer, zu erkennen, was schief läuft.

    Hallo, codestyling!
    Ich habe den Fehler eben gefunden, der Teufel lag mal wieder im Detail...:oops:
    Sorry und vielen Dank für deine Geduld!

    Eine letzte Frage noch: Wenn das Ganze dann mal auf dem Server ist, kann ich den absoluten Pfad also mit

    PHP
    <img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="logo" />

    ersetzen, richtig?

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden