WP - Update des Plugins Bubble Tooltips

Frank Bültge — Thu, 11 Jan 2007 13:10:27 +0000

Normalerweise weise ich nicht auf etwaige Updates von WordPress-Plugins hin, da ich davon ausgehe, dass die User selbstständig danach suchen, bzw. sind die Neuerungen immer bei wp-plugins.net gelistet.

Im Fall Bubble Tooltips habe ich aber nun eine grundlegende Erweiterung vorgenommen und die Struktur hat sich geändert. Es kann nun zwischen zwei verschiedenen Tooltips gewählt werden. Dazu mehr Information und Screenshots auf der Plugin-Site.

Danke für das Abonnieren meines Feed! Inhalt gefällt? Danke sagen · Kommentieren

WP - Bubble Tooltips (Plugin)

Frank Bültge — Wed, 26 Apr 2006 13:40:45 +0000

If you want the information in english - please have a look on this this page.

: Screenshot BubbleTooltip

Um die Links (href und title) ein wenig schöner auf der Website darszustellen, genügt ein wenig JavaScript und CSS. Der Tipp von Alessandro Fulciniti hat mir so gut gefallen, dass ich ihn in die Seite eingebunden habe. Um das ganze zu vereinfachen und bei einem Update von WP schneller konfigurieren zu können, habe ich diese schöne Art der Tooltips in ein Plugin für WP eingebunden.

Einige Tipps zum Anpassen stelle ich im folgenden dar.

Anforderungen:

BubbleTooltips läuft mit WP 1.5* und höher, incl. WP 2.0*, WP 2.1* und WP 2.3*

Update: incl. Sweet Title

: Screenshot Sweet Title

Seit Version 2.0 kann zwischen zwei verschiedenen Arten von Tooltips gewechselt werden, dazu muss eine kleine Änderung im Plugin erfolgen. Das Script Sweet Title dazu stammt von Dustin Diaz und ich habe es nur ins Plugin integriert, da der Wunsch von einigen lesern kam.

Editiere die Zeile 36:
$fbtt_bubble = '0';
Zahl 0 und es wird SweetTilte verwendet, Zahl 1 und es wird Bubble Tooltip verwendet.

Wenn jemand schon vorher das Plugin verwendet hat, so bitte alle Daten löschen und die Daten komplett neu auf den Server kopieren, da eine neue Struktur entstanden ist. Sollte das CSS angepasst sein, so nicht vergessen dieses wieder einzuspielen, im Ordner CSS.

Installation:

Sichere deine Datenbank und deine Dateien ! Keine Garantie auf zerstörte Daten !
Download des Packages und lokal entpacken.
Upload des Ordners incl. der php-, gif-, css- und js-Datei in deinen Plugin-Ordner (/wp-content/plugins/)
Aktiviere das Plugin im Admin-Bereich von WordPress.
Optional: Gegebenenfalls den Link im CSS-File zum Bild mit dem kompletten Pfad angeben (background: url(http://www.deinblog.de/wp-content/plugins/BubbleTooltips/bt.gif) no-repeat bottom}.

Anpassungen Bubble Tooltip:

Es besteht die Möglichkeit, dass das Bubble-Tooltip nur auf ein bestimmtes ID wirkt, dazu muss die php-Datei angepasst werden.
In Zeile 48 kann das ID gewählt hinterlegt werden. Dort ein ID hinterlegen, dann wirkt das Tooltip-JS auf den entsprechenden Bereich mit dem ID.


enableTooltips(\"content\")

- ohne ID, für die gesamte Seite


enableTooltips()

Die Zeichenanzahl eines Links wird gekürzt, sobald diese >28 Zeichen sind.
In meinem Fall empfand ich das als ungünstig, so dass ich die Zeichenanzahl so angepasst habe, dass meine URL, die ja immer gleich ist, entfernt wird und die folgenden 32 Zeichen dargestellt werden. Diese Anpassung könnt ihr in Zeile 30 des JavaScript-Files vornehmen.


if(l.length>28) l=l.substr(0,25)+"...";

Das folgende Beispiel soll den Usern helfen, die sich nicht des öfteren mit Scripten beschäftigen. Meine URL http://bueltge.de besitzt 22 Zeichen. Wenn es Links >32 Zeichen gibt, dann werden also die ersten 22 Zeichen nicht dargestellt und die folgenden 30 Zeichen werden ausgegeben. Danach folgen ein Leerzeichen und die drei Punkte.


if(l.length>32) l=l.substr(22,30)+" ...";

Anpassungen Sweet Title:

Das Design kann komplett über das Stylesheet angepasst werden. Dafür die Datei /tooltip/css/sweetTitles.css bearbeiten.

Derzeit werden die Tags a, abbr und acronym angesprochen. Sollen es noch andere sein, so die Datei /tooltip/js/sweetTitles.js bearbeiten.
tipElements : ['a','abbr','acronym'],

Download:

Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.

Download als ZIP-Datei: (incl. Sweet Title und Bubble Tooltip)downloads.wordpress.org/plugin/bubble-tooltip.zip - 7 KByte

Historie:

V1.1 - optimierte Code-Ausgabe
V1.2 - Konflikt mit anderen JS_Plugins behoben
V2.0 - Sweet Title steht nun als Alternative zur Verfügung
V2.1 - CSS-Bug behoben