Verlinkte Bilder in Header positionieren

Die ganz kurze Kurzfassung: Bild in der header.php einfügen, eindeutige ID verteilen und über diese in der style.css das Bild positionieren und anderweitig stylen. Details des Styleings hängen vom Theme ab, da fehlt mir gerade die Zerit, genauer zu schauen. Probier "position: absolute; top: 10px; right: 10px;" aus.

Zitat

das Bild in der php einfuegen muesste dann ja so sein:
[FONT=Arial][size=10]<a href="http://www.beispiel.de"><img src="bild.jpg"></a>[/SIZE][/FONT]

Ja, aber bitte schon noch mit den Pflichtattributen width, heigth und alt am Bild. Außerdem solltest Du einen korrekten Bildpfad einbinden. Also entweder einfach gleichen einen absoluten Pfad bzw. URL zum Bild nehmen oder den Bildpfad mit etwa wie <?php echo get_stylesheet_directory_uri(); ?>/bild.jpg bauen, je nachdem wo es denn liegt. Keine relativen Pfade nehmen, je nach Permalinks gehen die ja nicht auf allen Seiten.

Mehr zu den Links, unten steht aber auch schon ein funktionierendes Beispiel: http://codex.wordpress.org/Function_Refer…t_directory_uri

Zitat

Was fuer mich jetzt neu ist: wie vergebe ich dem Bild eine ID und wie nutze ich die in der CSS?

Dem Bild gibst Du eine ID durch das id-Attribut am Bild, bzw. eine Klasse durch das class-Attribut am Bild. Komplettes Beispiel:

<a href="<?php bloginfo('url'); ?>/" class="screenonly"><img src="<?php bloginfo('template_directory'); ?>/img/header_headline.png" width="334" height="67" alt="<?php bloginfo('name'); ?>" title="" id="headerbild" /></a>

Im CSS greifst Du dann so darauf zurück:

#headerbild {
  /* wirkt nur für dieses eine Bild */
}


a.screenonly {
  /* wirkt für alle Links dieser Klasse */
}