WP3 - Standard Theme Twenty Ten Titel durch Bild ersetzen

  • Guten Morgen zusammen, ich stehe vor einem weiteren Problem:

    Auf der BlogSeite steht ja oben standardmäßig immer der Blogtitel in Fettschrift drin, darunter folgt der Banner.

    Den Banner möchte ich auch weiterhin durch den WP Admin Bereich bearbeiten können, aber wie bekomme ich das hin, dass ich oben statt des fetten Blogtitels ebenfalls eine Grafik über den Banner setzen kann?

    Ich bastel schon die ganze Zeit an der header.php herum, aber ich habs bisher nicht hinbekommen.

    Danke im voraus.

    • 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

  • Wenn es dir reicht, die Grafik direkt im Quelltext einzusetzen, gibts fast nichts leichteres ;)

    Erstens solltest du dir überlegen, ob du ein Child Theme anlegen willst. Das ist kaum Aufwand, dafür bleibt Twenty Ten unverändert, wenn du dein eigenes Theme bearbeiten willst (ist vor allem für größere Änderungen zu empfehlen, deine ist ja eher klein, aber das häuft sich evtl. mit der Zeit). Wenn jetzt Twenty Ten vielleicht mal ein Update erfährt, bleibt dein Child Theme trotzdem so, wie du es geändert hast.
    Falls du das tun willst, wie es geht steht hier.

    Nun zum eigentlichen Teil:

    • Öffne die header.php
    • Suche die Zeilen 50-52 und lösche sie oder kommentiere sie aus (<!-- HTML -->)
    • Trage dort stattdessen <img src="/wp-content/themes/DeinTheme/logo.xyz" alt="logo" title="logo" /> ein. Den Pfad zur Bilddatei musst du eventuell anpassen, je nachdem wo du deine Datei liegen haben willst.


    Viel Erfolg!

  • Morgen zusammen!

    kann mir einer sagen, wie ich meinen Header verlinke?
    Habe das mit dem alten WordPress hinbekommen, aber mit der 3er-Version und dem Twenty Ten Theme finde ich da keine Lösung.

  • Twenty Ten noch sexier machen

    Als ich Twenty Ten sah, gefiel es mir sofort. Mir wurde aber auch sofort klar, daß ich ein eigenes Foto einsetzen wollte. "Mist" dachte ich, "so breitformatige Fotos hast du kaum!" Aber ich wurde angenehm überrascht: ich fand doch etliche, die sich auf das Format zuschneiden ließen.

    So viele, daß ich gern mit einem Foto-Rotator arbeiten möchte, der je ein zufälliges Foto anzeigt. Ideen?

  • Hallo,

    ich wollte auch den Text gegen ein Logo austauschen, leider kommt bei mir folgende Fehlermeldung:

    Parse error: syntax error, unexpected '<' in /home/www/web35/html/wp-content/themes/twenty_ten_child/header.php on line 51

    Könnte mir vielleicht jemand den genauen PHP Code hier posten den man austauschen muss und nicht nur die Zeile?

    Wäre echt super.

    Liebe Grüße
    Whitesences

  • Der Text wird generiert in:

    Zeile 63 (Blogtitel):

    PHP
    <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>


    und Zeile 66 (Slogan):

    PHP
    <div id="site-description"><?php bloginfo( 'description' ); ?></div>

    ...beides in der header.php

  • Hab meinen Fehler was das Anzeigen der Grafik betrifft gefunden...war nur ein Tippfehler im Code...

    Allerdings bekomme ich die Grafik nun unterstrichen angezeigt...kann man das irgendwie wegbekommen?

  • Bei mir wird das Bild nun angezeigt. Die schwarzen Balken entfernst Du über die style.css des Themes

    Code
    #branding img {
    [COLOR="Red"]border-bottom:1px solid #000000;[/COLOR]
    [COLOR="Red"]border-top:4px solid #000000;[/COLOR]
    clear:both;
    display:block;
    }
  • pps edit:
    bitte diesen beitrag ignorieren; wurde viel zu spaet abgeschickt, als schon alles geklaert war ;-(

    firefox3.6 und IE7 zeigt das bild - mit schwarzen strichen.

    das hier in die style.css eingefuegt sollte die striche entfernen:

    Code
    #branding #site-title img {border:none;}



    :confused: ps: da muss ich irgendwie verpasst haben, dass es schon geloest ist

  • firefox3.6 und IE7 zeigt das bild - mit schwarzen strichen.

    das hier in die style.css eingefuegt sollte die striche entfernen:

    Code
    #branding #site-title img {border:none;}

    :confused: ps: da muss ich irgendwie verpasst haben, dass es schon geloest ist

    Also ich verwende den aktuellen Firefox 3.6 und bei mir wird das Bild ohne Striche angezeigt.

  • Erbitte genaue Angaben, an welchen Code-Zeilen welche Änderungen erfolgen müssen

    Die bisher vorhandenen Antworten sind unklar bzw. unvollständig und zum Teil widersprüchlich. Es muss doch möglich sein, oberhalb des Header-Bildes ein Logo-Bild anstelle des Blog-Titels zu plazieren. Als relativer Neuling habe ich mich zwar intensiv bemüht, aber ich komme bisher zu keiner Lösung...

    Vielen Dank für Eure Hilfe

    HStodte

  • Die bisher vorhandenen Antworten sind unklar bzw. unvollständig und zum Teil widersprüchlich.

    Wieso?

    Hier habe ich erklärt, wo die beiden Texte (Blogname und Slogan) ausgegeben werden. Den entsprechenden Code entfernen und durch Dein Bild ersetzen.

Jetzt mitmachen!

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