Zusätzliche Grafik in TwentyEleven Theme einfügen

Chris-Chros · 27. April 2013

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!

Asti55 · 28. April 2013

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

Chris-Chros · 28. April 2013

Vielen Dank bis dahin!

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%;
}
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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?

WPDE.org

Zusätzliche Grafik in TwentyEleven Theme einfügen

Chris-Chros Member

Asti55 Active Member

Chris-Chros Member

Nützliche Suchen

Zusätzliche Grafik in TwentyEleven Theme einfügen

Chris-Chros Member

Asti55 Active Member

Chris-Chros Member