Logo neben Blogtitel einbinden

  • Ich möchte auf http://www.orthonauten.de links neben dem Blogtitel ein Logo einfügen.

    Das Thema taucht hier immer wieder auf, aber die Lösungen, die ich bisher gefunden habe, scheinen bei mir nicht zu funktionieren...

    Ich habe es mit folgenden Änderungen in der header.php versucht:

    PHP
    <a href="<?php echo home_url( '/' ); ?>" title="<?php  echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"  rel="home"><img  width="30" height="30" alt=""  src="http://orthonauten.de/wp-content/themes/twentyten_child/images/logo.png"  ><?php bloginfo( 'name' ); ?></a>

    Ergebnis: Die Umrisse des Logos waren an der richtigen Stelle zu sehen, das Logo selber aber nicht.

    Die zweite Lösung war:

    PHP
    <a href="<?php echo home_url( '/' ); ?>" title="<?php  echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"  rel="home"><img src="<?php bloginfo( 'template_directory' );  ?>/images/logo.png" alt="<?php bloginfo('name'); ?>"  /></a>

    Ergebnis: Wieder sind nur Umrisse zu sehen, aber quasi als 'Rahmen' einmal um den Blogtitel herum.

    Weiß vielleicht jemand, wo der Fehler liegt?

    Und: Danke für alle Antworten!

    Einmal editiert, zuletzt von docthore (26. April 2015 um 11:31)

    • 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

  • Das Logo liegt in der images-Datei des Themes (twentyten child).

    Kann es sein, dass der angegebene Pfad vielleicht nicht richtig ist?


    Kann sein, wenn ich deinen Bild-Link aufrufe, ist das kein Bild. Prüfe mal, wo das Foto wirklich liegt und ändere den Link zum Foto.

    Dein Header-Foto, hat diese URL:
    http://orthonauten.de/wordpress/wp-c…ald_piqs_de.jpg

    Einmal editiert, zuletzt von SuMu (26. April 2015 um 11:54)

  • Hm, das Header-Foto habe ich über das Backend hochgeladen.

    Worum es mir geht ist das Logo: die Datei logo.png habe ich über FTP in den images-Ordner geladen; der ist ein Unterordner des Themes.
    Deshalb verstehe ich nicht, weshalb der angegebene Pfad nicht funktioniert...

  • Ich kenne deine Ordner-Struktur nicht, die URL vom Foto stimmt nicht - oder das Foto ist woanders ;-)
    Teste doch einfach mal und lade dein Logo über das Backend hoch und kopiere/merke dir den Link, passe dann deinen Code-Schnipsel an.

  • Yippieyayeah! Hat geklappt!
    Vielen Dank :grin:

    Über und unter dem Logo ist leider noch das, was ich eben mit "Rand" meinte. Hast Du vielleicht noch eine Idee, wie ich die wegbekommen kann?

  • In deiner CSS Datei ...

    Code
    #branding img {
        border-top: 4px solid #000;
        border-bottom: 1px solid #000;
        display: block;
        float: left;

    suche das #branding img und ändere border-top auf
    border-top: 0 px, genauso border-bottom: 0 px;

Jetzt mitmachen!

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