Wordpress-Link-Seite mit del.icio.us-Tag-Wolke und Einzellinks

Auf der Seite LINKS hier auf der Netzspielwiese habe ich meine del.icio.us-Links als Tag-Wolke mit der Möglichkeit der Anzeige der Einzellinks zu den jeweiligen Kategorien eingebunden.

Auf der Suche nach einer Lösung fand ich das Plugin von Eric Anderson interessant, habe es damals aber nicht so richtig zum laufen gebracht. Außerdem wollte ich die Kategorien nicht in der Sidebar unterbringen, sondern innerhalb des Inhaltsblocks und wenn möglich als schicke Tagcloud.
Jowra beschreibt in seinem Blog ebenfalls eine Lösung zur Einbindung einer del.icio.ous-Tagwolke. Hier werden aber nur die Tags angezeigt - nicht die Links der einzelnen Kategorien.

Ich habe also weiter gesucht und bin darauf gestoßen, dass delicious selbst die Möglichkeit anbietet, per JavaScript Tagwolken und Linklisten in eigene Seiten einzubinden.
Diese Javascript-Dateien bilden die Grundlage meiner Umsetzung:

Erläuterung

Ich habe eine PHP-Datei erstellt, die als Template für eine statische Wordpress-Seite verwendet werden kann.

Am Anfang der Seite können verschiedene Parameter zur Gestaltung der Tag-Wolke und der Einzellinks definiert werden. Dort sollte vor allem auch die eigene del.icio.us-ID angegeben werden.

Diese Parameter werden dann in die von Delicious vorgegebenen Javascript-Aufrufe per PHP eingebunden.

Nach dem Laden der Seite werden mittels DOM-Scripting die Linkziele der Tagwolke so umgeschrieben, dass nicht die delicious-Seite aufgerufen wird, sondern wieder dieselbe Link-Seite unter Übergabe der Kategorie als Parameter, woraus dann die Anzeige der Einzellinks generiert wird.

Die PHP-Datei ist ausführlich kommentiert, so dass das Vorgehen gut nachvollziehbar sein sollte.

Download

Wer möchte, kann sich

das Template der Link-Seite hier herunterladen [delicious_links.zip] »
die Datei entpacken
die Parameter am Anfang des Quelltextes in delicious_links.php wie dort beschrieben anpassen
im Wordpress-Theme-Ordner /wp-content/themes/das_theme_deiner_wahl/ ablegen und auf den Server laden
dann in Wordpress eine neue Seite anlegen
als “Template der Seite” Delicious-Links auswählen
und verwenden.

Anmerkung: Das Script für die Anzeige der Tag-Wolke steht zwischen

<?php get_header(); ?>

und

<?php get_sidebar(); ?>
<?php get_footer(); ?>
</body>
</html>

Sollten in Ihren Standardtemplates für statische Wordpress-Seiten (z.B. page.php) weitere Definitionen vorhanden sein, so müssen Sie diese auch in dieses Template vor oder nach dem Script einfügen.

Quellcode der Tagwolke und Einzellinks

Um die CSS-Definitionen der Tagwolke und Einzellinks anpassen zu können, hier der Quelltext, der von dem Script erzeugt wird:

<h2 class="pagetitle" id="dielinks">Links</h2>

<div class="delicious-tags"
id="delicious-tags-meindeliciousname">

 <ul class="delicious-cloud">
  <li><a class="kategorie"
  href="?kat=Kategorie#dielinks"> Kategorie</a>
  </li>
 </ul>

</div><!– #delicious-tags-meindeliciousname –>

<div id="einzellinks">

 <h2>Kategorie</h2>

 <div class="delicious-posts"
 id="delicious-posts-meindeliciousname">

  <ul>
   <li class="delicious-post delicious-odd">
   <a class="delicious-link">Erster Link</a></li>

   <li class="delicious-post delicious-even">
   <a class="delicious-link">Zweiter Link</a></li>
  </ul>

 </div><!– #delicious-posts-meindeliciousname –>
</div><!– #einzellinks –>

Kommentare & Trackbacks

Kommentar von Webmasterfind:

Tag Wolken lassen sich auch gut und einfach mit dem Wordpress Plugin Ultimate Tag Warrior ( http://www.neato.co.nz/ultimate-tag-warrior/ ) erstellen. Verwende dieses Plugin für einige Blogs und funktioniert tadellos.

12. April 2006 um 10:31
Kommentar von Moritz:

Hallo Webmasterfind,

soweit ich das beurteilen kann, lassen sich bei den Tag-Wolken von Ultimate Tag Warrior aber nicht die Einzellinks zu den jeweiligen Kategorien anzeigen, wie hier auf der Netzspielwiese.

Normalerweise wenn Du auf einen Link in einer Tag-Wolke klickst, bekommst Du dann die Seite von del.icio.us angezeigt. Hier, in dieser Seite unter Links, werden die Kategorienlinks zum jeweiligen Tag in der Seite selbst geladen.

Tolle Arbeit Netzspielwiese !

19. April 2006 um 19:00
Kommentar von Agnes:

Auch von mir nochmal hier “offiziell” ganz großes Lob für dieses nützliche Script! Funktioniert einwandfrei in meinem Blog. Daumen hoch!

Grüße
Agnes

2. Mai 2006 um 17:14
Pingback: Webbericht » Blog Archiv » del.icio.us-Links in Wordpress:

[…] Ich habe mir schon eine Menge PlugIns angesehen um del.icio.us-Links in Wordpress zu integriere, aber bislang entsprach nur das Template von Franziska Mälzer genau meinen Vorstellungen. Mit Franziskas Lösung kann man sowohl eine Tagwolke als auch die 20 neusten Links auf einer separaten Seite darstellen. Daher an dieser Stelle noch einmal mein Dank an Franziska […]

2. Juli 2006 um 14:27
Pingback: Mein erstes Mal … » die Netzspielwiese:

[…] … aber meine Delicious-Wordpress-Link-Seite finde ich nach wie vor ziemlich genial, hat aber nicht so viel Feedback gebracht, wie ich gedacht hätte. […]

25. Juli 2006 um 20:23
Pingback: Bleibt alles anders. » Blog Archive » Link-Seite mit del.icio.us:

[…] Franziska Mälzer hat eine für mich faszinierende Wordpress-Link-Seite zusammengebastelt… man trifft auf eine del.icio.us-Tagwolke, unter der zusätzlich die neuesten del.icio.us- Links aufgelistet sind . Außergewöhnlich nun ist, was passiert, wenn man auf einen Tag der Wolke klickt - es öffnet sich nämlich nicht etwa del.icio.us, nein, die Einzellinks des angeklickten Tags werden schön übersichtlich im Layout des eigenen Blogs unter der Tagwolke aufgelistet. Habe ich so noch nie gesehen. Das Script wird ausführlich erläutert, die entsprechende php-Datei steht auch gleich zum Download bereit und ist so gut auskommentiert, dass ich nun - nach nicht einmal 10 Minuten - eine Link-Seite mit der genannten Funktionalität besitze. Vorbildlich. Tags: Extension, wordpress […]

11. September 2006 um 20:36
Pingback: Die Spürnase. » 博客文章 » Wordpress-Plugin: Link-Seite mit del.icio.us:

[…] Franziska Mälzer hat eine für mich faszinierende Wordpress-Link-Seite zusammengebastelt… man trifft auf eine del.icio.us-Tagwolke, unter der zusätzlich die neuesten del.icio.us- Links aufgelistet sind . Außergewöhnlich nun ist, was passiert, wenn man auf einen Tag der Wolke klickt - es öffnet sich nämlich nicht etwa del.icio.us, nein, die Einzellinks des angeklickten Tags werden schön übersichtlich im Layout des eigenen Blogs unter der Tagwolke aufgelistet. Habe ich so noch nie gesehen. Das Script wird ausführlich erläutert, die entsprechende php-Datei steht auch gleich zum Download bereit und ist so gut auskommentiert, dass ich nun - nach nicht einmal 10 Minuten - eine Link-Seite mit der genannten Funktionalität besitze. Vorbildlich. […]

15. November 2006 um 11:10
Pingback: [digital:meditation] » Links fixed.:

[…] Finally managed to get the link-list, coupled with del.icio.us, to work again, after the wordpress plug-in doing right this job seems to be badly broken lately. Thanks to Franziska Mälzer for providing a good solution to that very problem, as well to schmidtl for pointing me there. By now it’s just a little more work to be done to make it “look good” (i.e. prevent long URLs from breaking page layout). Here we go again… ;) […]

3. Dezember 2006 um 09:29
Kommentar von Heiko:

Der Artikel ist zwar schon etwas alt, ich habe ihn aber erst jetzt gefunden.
Das plugin ist super. Selbst ich als Wordpress und PHP newbie habe es hin bekommen zu istallieren und es zu laufen bekommen, was ich mit anderen del.icio.us plugins nicht hinbekommen habe.

viele grüße aus Möglingen

5. März 2007 um 18:55
Pingback: Delicious - Links in eigenes Layout einbinden - Finger.Zeig.net:

[…] Ich benutze Delicious generell als Safe für meine Links. Hier und da (nicht so häufig) gebe ich einige davon als “Lesetipps vom …” hier aus. Heute nun stieß ich auf ein Script, das Franziska schon über über einem Jahr entwickelt hat und mit dem man besagte Delicious-Links ins Design des eigenen Blogs einbetten kann. Finde ich ganz witzig und habe das natürlich auch sofort umgesetzt. Franziska beschreibt den unkomplizierten Einbau in ihrem Blog. […]

21. Juli 2007 um 10:44
Pingback: schulte-web.com » Blog Archive » Meine Lesetipps via Delicious:

[…] Die mehr oder minder täglichen Lesetipps kommen nun ab sofort nicht mehr. Auf diesen “Service” kann ich aufgrund des Einsatzes von Franziskas Script nun verzichten. Die Informationen sind unter dem Link “LINKS” in der Navigationsleiste zusammengefasst. Diese Links sind im Artikel enthalten:die.netzspielwiese.de/blog/wordpress/2006-04/wordpwww.schulte-web.com/links/ abgelegt unter: Lesetipps, Nebenbei | Schlagworte: Delicious, Lesetipps, Wordpress […]

2. Dezember 2007 um 18:33
Pingback: Wordpress 2.5 - nun auch bei mir im Einsatz » die Netzspielwiese » Barrierefreies Webdesign in Ludwigsburg, Stuttgart und Umgebung:

[…] Auch die delicious-Tagwolke funktioniert ohne Probleme. Allerdings ist sie ja auch unabhängig von […]

18. April 2008 um 16:52
Kommentar von Viktor Dite:

Ich danke vielmals für die Aufklärung! Ich habe nun fast einen ganzen tag damit verbracht einen RSS Reader für delicious Einträge zu finden, der mehr als die 31 aktuelsten Einträge anzeigt, bis ich herausgefunden habe, dass der RSS Stream begrenzt ist.
Hätte ich diese Seite doch vorher gefunden! Mit dem delicious eigenen linkRoll klappt jetzt alles wie es soll!

9. Juli 2008 um 15:55