Twenty Eleven: Slogan (Sub-Überschrift) als Link + Bild

Moin zusammen,

in meinem neuen Blog (lastest, noch keine Plugins, Veränderungen und Inhalte) hätte ich den Slogan/die Sub-Überschrift gern als Link (auf eine Sub-Domain zum Blog) konfiguriert.

Den Slogan einfach im Dashboard (Einstellungen) in URL-Tags zu setzen klappt nicht ...

Ist das überhaupt möglich - und wenn ja: wie und wo?

Und weiterhin hätte ich gern vor dem Slogan/der Sub-Überschrift noch eine kleine Grafik (Höhe = Schriftgröße) eingefügt, deren linker Rand bündig mit dem Blog-Titel sein soll ...

Auch hier die Frage: Ist das überhaupt möglich? Die Position für das Einfügen der Grafik ergibt sich dann vermutlich aus der Beantwortung der vorhergehenden Frage?!

Gruß+Dank

Moin,

nachdem meine andere Design-Frage gelöst ist, formuliere ich hier meine Frage noch einmal neu:

Ich hätte gern, dass der Slogan (wie der Blog-Titel) als Link funktioniert.
Kann man den überhaupt umfunktionieren - oder löscht man ihn und fügt statt dessen einen (neuen) Link ein?
An welcher Stelle nimmt man welche Änderung dann vor bzw. in welcher Datei findet man den Wortlaut des Slogan überhaupt? In der style.css wird ja nur seine Position definiert.

Vor dem Slogan soll noch eine kleine Grafik eingefügt werden, die in der Höhe die Schrifthöhe nicht überschreiten soll. Diese kann in den Link des Slogans ingetriert sein. Alternativ würde es reichen, wenn der Slogan bleibt wie er ist, aber die Grafik muss dann weiter verlinken (auf eine Sub-Domain zum Blog)

Freundliche Grüße

Moin,

Zitat von bgeissler

In der header.php wird die [COLOR=#000080]description[/COLOR] definiert:

HTML

<hgroup>
                <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel=""><?php bloginfo( 'name' ); ?></a></span></h1>
                <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
            </hgroup>

... dann würde es grundsätzlich funktionieren, den Slogan mit einem Link zu versehen?

Beispielsweise so ...

<hgroup>
                <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel=""><?php bloginfo( 'name' ); ?></a></span></h1>
                <h2 id="site-description"><a href="sub.domain.de"><?php bloginfo( 'description' ); ?></a></h2>
</hgroup>

... und mit einer (hinten) angefügten Grafik, die nicht in den Link integriert ist ggf. so ... ?

<hgroup>
                <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel=""><?php bloginfo( 'name' ); ?></a></span></h1>
                <h2 id="site-description"><a href="sub.domain.de"><?php bloginfo( 'description' ); ?></a><img src="beliebige-grafik.png" alt="Bliebige Grafik"></h2>
</hgroup>

Muss dabei die Höhe und die Breite der Grafik "irgendwo" definiert werden?

Freundliche Grüße

Moin,

Zitat von bgeissler

Mach es mal so und zeige wie es aussieht.

Das weckt in mir spontan den zusätzlichen Wunsch, die Linkfarbe zu ändern ...

Zitat von bgeissler

Ev. Grafik außerhalb des H2 setzen

Die Grafik kann ich erst später testen ...

EDIT:

Mmmh ... eine Grafik wie folgt einzufügen, egal ob innerhalb oder außerhalb der H2-tags führt nicht zum gewünschten Erfolg: Die anzeige der Grafik erfolgt über die gesamte zur Verfügung stehende Breite (und Höhe) ...

<img src="http://www.beliebige-grafik.png" width="16" height="11" alt="ENGLISH VERSION">

bzw.

<hgroup>
         <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel=""><?php bloginfo( 'name' ); ?></a></span></h1>
         <h2 id="site-description"><a href="sub.domain.de"><?php bloginfo( 'description' ); ?></a></h2><img src="http://www.beliebige-grafik.png" width="16" height="11" alt="ENGLISH VERSION">
</hgroup>

Freundliche Grüße

Moin,

Zitat von bgeissler

füge das Rote in der style.css ein:

diesen Teil habe ich zunächst auf später verschoben, da die kleine Grafik noch großen Ärger macht:

<hgroup>
                                <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
                                <h2 id="site-description"><a href="http://www.de.feldbahnmodellbau.de"><?php bloginfo( 'description' ); ?><img src="wp-upload/en.png" width="24" height="15"></a></h2>
                         </hgroup>

Egal, ob ich diesen Teil innerhalb oder außerhalb der H2-Tags einfüge, die Grafik wird immer über die gesamte zur Verfügung stehende Breite (und Höhe) angezeigt - und nicht nur mit 24x15px. Es muss doch noch eine Möglichkeit geben, die Größe der Grafik noch in einer anderen Datei (ggf. style.css?) verbindlich zu definieren?!

Zitat von bgeissler

Hinweis:
Die Änderungen solltest du nicht in den Originaldateien ausführen (Sie werden beim nächsten WP-Update überschrieben). Lege ein child-theme an. Wie es geht liest du hier: http://www.wordpress-buch.de/2011/02/wordpr…theme-anpassen/

... danke für den Link; Child-Themes fand ich zuerst nicht so interessant, aber so langsam glaube ich an die Nützlichkeit ...

Feundliche Grüße

Zitat von bgeissler

Größenangaben mit Maßeinheit!
Dann sehen wir weiter.

... uaaah! Warum stolpert man immer über diese "Kleinigkeiten" ... :oops:

Hab's eben geändert - und das Ganze mal außerhalb der H2-Tags platziert ... sieht aber leider nicht anders aus ...

Freundliche Grüße - und (mal so zwischendurch) vielen Dank ...

Zitat von bgeissler

Hier wird auf 100% vergrößert (style.css):

Habe die Zeile eben auskommentiert, aber der Effekt bleibt ... :confused:

Zitat von bgeissler

Das Bild ist noch gecached.
Drücke mal [Strg]+[F5]
Nimm das Bild in den H2-Tag

... innerhalb des H2-Tags platziert ... -erl.-
... [Strg]+[F5] ... -erl.-

... zusätzlich Cache im IE geleert

... (noch) keine Veränderung der Anzeige ... :?

Zitat von bgeissler

Bei mir wird es klein und am Ende der Description angezeigt.

... hmmm ... dann wird es vielleicht im Proxy noch "zwischen-ge-cached"???

Ein neues Browserfenster hat nichts geholfen ... ich muss es mir nachher wohl mit einem anderen Rechner/Browser noch einmal ansehen ...

Vielen Dank für die Mühe bisher!

Moin,

Zitat von bgeissler

Damit es richtig sitzt, machst du noch das:

... habe ich jetzt auch umgesetzt; sitzt jetzt alles perfekt!

Merkwürdigerweise zeigen Firefox und IE8 die (verkleinerte) Grafik auch korrekt an ... IE7 dagegen nicht, auch nicht durch erzwungenes Neuladen der Seite und Leeren des Caches ... :confused:

Auch diese Änderung habe ich noch in die style.css eingefügt ...

#site-description a {
        color: #111;
}
#site-description a:hover,
#site-description a:focus,
#site-description a:active {
        color: #1982d1;
}

Zitat von bgeissler

Viellecht für dich interessant:
http://www.feldbahnmuseum-wiesloch.de/

... auf jeden Fall! :lol: Von der Bahn habe ich schon gehört, aber deren Website kannte ich noch nicht ... auch vielen Dank dafür!

Freundliche Grüße

Moin zusammen,

trotz aller Anpassungen ist dieses Phänomen geblieben:

Zitat von kipperthedog

Merkwürdigerweise zeigen Firefox und IE8 die (verkleinerte) Grafik auch korrekt an ... IE7 dagegen nicht, auch nicht durch erzwungenes Neuladen der Seite und Leeren des Caches ... :confused:

... mit IE7 wird die eigentlich kleine Grafik noch immer über den gesamt möglichen Bereich gesteckt/angezeigt ... :(

Hier noch einmal der Link zum Blog

Das ist wohl eher kein WordPress-Thema mehr, aber vielleicht hat ja doch jemand eine Idee?

Vielleicht die Verwendung einer Browser-Weiche ...

<!--[if lt IE 7]>
    <style type="text/css">@import url(ie5-6.css);</style>
  <![endif]-->

... aber was braucht der IE7, um diese simple Grafik in der vorgegebenen Größe anzuzeigen?

Gruß+Dank