Zusätzliche Grafik in TwentyEleven Theme einfügen

    Ich habe mit dem TwentyEleven Theme eine Seite erstellt:

    http://aa1977ev.noez.in/wordpress/

    und möchte zum Header

    eine weitere Grafik gemäß folgender Vorstellung hinzufügen:

    Ich habe geringe HTML-Erfahrungen und keinerlei Wissen über PHP oder CSS.

    Ich wäre äußerst dankbar, wenn mir jemand einen detaillierten Vorschlag machen könnte, um obige Aufgabe zu lösen.

    Grandios wäre eine Lösung per Plugin oder per Widget oder mit einem Code der per Widget funktioniert, so dass der Code des Themes nicht geändert werden muss.

    Herzlich Dank für jede Hilfe!

    • 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

    Hi,

    das mit dem Plugin kann ich Dir nicht bieten. Im Theme änderst Du das wie folgt.

    Im Header ergänzt Du das Bild an folgender Stelle und gibst ihm hier, oder in der CSS Datei ein float:right mit:

    <header id="branding" role="banner">
    <hgroup>
    <h1 id="site-title">
    <span>
    <img src="http://domain.de/dein_bild.jpg" style="float:right">
    </h1>

    Damit das Bild passt musst Du das margin-right des Element site-title in der CSS Datei verkleinern, z.B. auf 200px:

    #site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;
    }

    Außerdem gibst Du dem Branding Image noch eine entspr. Breite mit, ebenfalls in der CSS Datei:

    #branding img {
    display: block;
    height: auto;
    width: 15%;
    }

    Bist Du sicher, daß man das nicht konfigurativ erreichen kann? Schließlich gibt es in der CSS Datei schon einen id selector #branding img, würde mich wundern, wenn es dann kein branding image im Theme gibt.

    Schöne Grüße

    Vielen Dank bis dahin!

    Leider ist es so, dass, wenn man das #branding img auf 15% setzt, schrumpft auch das Headerbild auf dieses Maß. Läßt man dies auf 100%, vergrößert sich das kleine Logo auf das 5 bis 6 fache, auch wenn man für das img width und hight auf 113 px setzt. Irgendwie müsste es gelingen, das Logo vom Headerfoto abzukoppeln, damit die Größen unabhängig voneinander eingestellt werden können.

    Gibt es da noch eine Möglichkeit?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden