Nicetitle Plugin - individuelle Tooltips
Mit diesem kleinen Plugin lässt sich das Erscheinungsbild der vom Browser eingeblendeten Titel-Attributtexte (Tooltips) bei verlinkten Bildern oder Texten individualisieren. Realisiert ist das ganze per Javascript und einer CSS Datei, mit der das Aussehen des erzeugten Titles verändert werden kann. Das Einbinden des Plugins erfolgt unkompliziert per Aktivierung in der Plugin Verwaltung im Administrationsbackend von Wordpress.
Informationen zum Dotflare Nicetitle Plugin
Das Dotflare Nicetitle Plugin baut auf dem Original des Nicetitles Javascript von Stuart Langridge auf. Bisher fehlte dem Originalscript noch die Unterstützung für die korrekte Titelanzeige bei verlinkten Bildern mit Titel. Auch die fehlerhafte Positionierung des Titles bei verlinkten Bildern mit und ohne float Eigenschaft in allen Gecko basierten Browsern (Mozilla, Netscape und Firefox) blieb dort leider noch ungelöst.
Genau diese zwei Dinge wurden von mir in dem Javascript ergänzt sowie das Script mit weiteren, hier aufgelisteten Anpassungen versehen:
- Unterstützung für die korrekte Anzeige der Titles bei verlinkten Bildern mit Titelanzeige hinzugefügt (alle Browser)
- Unterstützung für korrekte Titelpositionierung (verlinkte Bilder mit float Style) in Gecko basierten Browsern hinzugefügt
- bei Linkzielen welche auf die eigene Domain verweisen (interne Links) wird die URL ausgeblendet
- angepasstes Auslesen des Accesskeys - wenn vorhanden, so dass dieser auch bei deaktiviertem Javascript im Browser-Tooltip angezeigt wird
- die Breite des angezeigten Title Containers wird nun automatisch durch die Länge des enthaltenen Textes bestimmt
- Änderung der Positionierung der Titleanzeige auf linksbündig und oberhalb des verlinkten Textes oder Bildes
Weitergehende Informationen zum Aufbau, Funktionsweise des von mir modifizierten Nicetitle Scriptes und einer Beispieldemonstration mit verschiedenen Titel Tooltips, sind auf meinen Devblog zu finden:
Dotflare Nicetitle Mod
Nicetitle Beispiele
Download Nicetitle Plugin für Wordpress
Das Plugin liegt als gepacktes Zip-Archiv vor und hat eine Größe von 5kb.
Im Archiv enthaltene Dateien (mit Ordnerstruktur):
- dfmod-nicetitle.php - enthält den Plugincode zum Einbinden in Wordpress
- DfmodNicetitle/dfmod-nicetitle.css - CSS Datei zum Anpassen der Tooltips
- DfmodNicetitle/dfmod-nicetitle.js - Nicetitle Javascript
- DfmodNicetitle/images/linkext.gif - Icon für externe Links
Download Dotflare Nicetitle Plugin Ver. 1.0
Installation des Plugins unter Wordpress
Nach dem Entpacken des ZIP-Archives, werden die entpackten Dateien in den Plugins Ordner der Wordpress Installation kopiert. In der Plugin Verwaltung von Wordpress müsste jetzt der Eintrag ‘Dotflare Nicetitle’ erscheinen. Durch das Aktivieren des Plugins, sollten von nun an die individuellen Titel-Tooltips verlinkter Texte und Bilder angezeigt werden.
Nicetitel Javascript anpassen (interne Linkverweise)
Prinzipiell ist nur eine Anpassung zum Ausblenden interner Linkverweise im Javascript notwendig. Diese kann gleich am Anfang des Scriptes vorgenommen werden.
Codeauszug - dfmod-nicetitle.js:
// set domain compare string for links with internal targets
// example : for www.mydomain.com use "mydomain" or "www.mydomain.com" as compare string
var domain = 'www.dotflare.com';
var domain - damit Verweise auf interne Urls ausgeblendet werden, muß hier für die Variable domain der Domainname eingtragen werden. Die Angabe von “www.” oder dem Suffix wie ‘.de oder .com’ ist nicht unbedingt notwendig.
Wird die Angabe in dieser Variable leer gelassen, werden weder für interne noch für externe Links URL-Verweise im Titel angezeigt
Dieser Artikel ist abgelegt unter dem Thema: Plugins