Beim unbekümmerten surfen im Netz kann dies jedoch auch störend sein, da durch ein Klick auf den Link automatisch iTunes auf dem jeweiligem Rechner geöffnet wird. Natürlich hat jeder Leser die Möglichkeit sich vor dem Klick über einen Mouseover anzuschauen wohin der Link führt, dies ist bei längeren Artikel mit vielen Links jedoch nicht der komfortabelste Weg. Viel bequemer wäre es aus meiner Sicht wenn der Leser sofort erkennen kann, das es sich bei dem jeweiligen Link nicht um einen “normalen” Link im Web, sondern um ein Link in den iTunes-Store handelt.

Am einfachsten geht dies mit einer eigenen Klasse im CSS. Um vorzumachen wie es geht, habe ich hier einmal alle Informationen zusammen gesammelt die nötig sind um iTunes-Links entsprechend zu markieren.

Die benötigte Grafik:

Der nötige CSS Code:
[sourcecode language="css"]
a.itunes {
padding-right: 14px;
background: transparent url(images/link-icon_itunes.gif) no-repeat right;
}
[/sourcecode]

Um zumindestens bei WordPress über TinyMCE auch gleich die Möglichkeit zu haben, die Klasse “itunes” auswählen zu können, empfiehlt sich das Plugin “TinyMCE Advanced“. Ansonsten kann der Link natürlich auch schnell und einfach manuell um die gewählte Klasse erweitert werden.

Freue mich über jeden der seine Seite dem entsprechend anpasst. Für ein besseres Web! ;) Danke.