Auf vielen Internetseiten ist man es so gewohnt, dass der Header als Link zur Haupt-URL, also zur Homepage führt. Dies funktioniert aber eigentlich nur, wenn der Header Text oder Grafiken enthält die mit dem <a>-Tag versehen werden können. Sollte der Header nur aus einem <div>-Container bestehen (wie auch hier), gibt es keine Möglichkeit den Link-Tag zu setzen.

Eine Lösung ist die Nutzung des Eventhandlers "onclick" innerhalb des <div>-Containers

Und damit das ganze gleichzeitig auch barrierefrei ist, setzt man auch den Handler "onkeypress" dazu.

Da es sich um keinen klassischen Link handelt wird aus dem Cursor leider kein Zeiger. Das erreicht man aber duch einen Zusatz in der Header-ID in der entsprechenden CSS-Datei

Jeder User Eurer Seiten wird sich freuen über den Klick auf den Header direkt zur Startseite kommen zu können.

• WordPress Seiten oder Beiträge individuell formatieren
• WordPress sicherer machen
• NetNewsWire und Related Posts
• WordPress Themes im Backend übersetzen
• Subscribe-to-Comments arbeitet wieder
• Auch keine Lust auf Abmahnung
• Kompletter Beitrag nach <more>-tag
• Neuer Versuch
• Altes Theme ein bisschen aufgepeppt
• Das gefällt auch mir besser