Alles eine (Tag-)Wolke
Wer das expertinnen-web immer wieder mal besucht, kann heute eine neue Seite entdecken: Die Tag-Wolke (noch ein Beitrag zu Web2.0). Mit dem Wordpress-Plugin Jerome’s Keyword-Plugin lassen sich Technorati-, Flickr- und del.icio.us-fähige Tags und Links erstellen, die den netten Nebeneffekt haben, dass sie die Beiträge übersichtlicher und auch suchmaschinentauglicher machen.
Und so geht’s
- Plugin herunterladen und auspacken, ab in den Wordpres-Plugin-Ordner
- Plugin aktivieren und Vorgaben für Permalinks (Optionen>>Permalinks) noch einmal speichern
- Beitrag schreiben: Unterhalb des Eingabefeldes erscheint ein neues Feld für die Tags.
Keywords benutzen
Wenn Ihr hier schon Tags für einen Beitrag eingetragen habt, erscheinen als Vorschlag die letzten verwendeten Begriffe. Eine gute Hilfe, damit man nicht unterschiedliche Schreibweisen für dasselbe verwendet (z.B. blog, Blog, blogs, Blogs). Das Plugin ist case-sensitive und kann nicht zwischen Singular und Plural eines Begriffs unterscheiden. Also besser vorher ein paar feste Begriffe finden und merken/aufzeichnen.
Die Tags werden kommasepariert eingegeben. So kann ein Leerzeichen innerhalb eines Tags verwendet werden: Tags wie „barrierefreies Webdesign“ gehen also auch.
Tags ausgeben
Die Tags befinden sich in einem benutzerdefinierten Feld und werden schon einmal über das Template-Tag the_meta() ausgegeben. Vorsicht also, wenn Ihr benutzerdefinierte Felder benutzt und sie darüber in die Seiten schreibt. Jerome sieht für die Ausgabe der Tags die Funktion the_post_keytags() vor. Die Funktion läßt sich durch unterschiedliche Parameter modifizieren. Man fügt also in den gewünschten Templates z.B.
Tags:
<?php the_post_keytags(false, ‘tag’, ‘Alle Beiträge lesen zu ‘); ?>
innerhalb der Loop ein und erhält die Tags umgeben von ihrem Link und den Vorspann „Tag: „ als Beschriftung:
Tags: <a xhref= http://meinedomain.de/tag/meintag" rel="tag" title="Alle Beiträge lesen zu meintag">meintag</a>
Die Bedeutung der einzelnen Parameter – z.B. die Umstellung des englischen Link-Title auf Eure Vorgaben – lest Ihr bei Jerome nach.
Da wir benutzerdefinierte Felder auf der Homepage des Blog auswerten (und hier erscheinen die Tags dann auch schon automatisch), haben wir sie als Links nur auf den Einzelpostings (Wordpress-Template: Beitrags-Template) eingebunden. Wer etwas für die Suchmaschinenoptimierung seiner Seiten tun will, umgibt die Tags mit einer Überschrift-Notierung:
<h*>Tags: <a xhref=>"http://meinedomain.de/tag/meintag" rel"tag" title"Alle Beiträge lesen zu meintag">meintag</a></h*>
Wo bleibt die Wolke?
Ihr wollt eine so formschöne Wolke Eurer Tag? Mit Gewichtung der Häufigkeit der Keywords auf Eurer Website? Da kommt sie:
- Die Wolke wird auf einer Seite – also ausserhalb der Blogchronologie erzeugt.
- Kopiert ein Seitentemplate und benennt es um in (z.B.) wolke.php
- Fügt hier im Inhaltsbereich diesen Code ein:
<ul class="wolke">
<?php all_keywords(‘<li><a xhref="/tag/%keylink%" style="font-size: %count%px" >%keyword%</a></li>’, ”, 10, 30); ?>
</ul> - Neue Seite erstellen und in den benutzerdefinierten Feldern _wp_page_template auswählen, wolke.php eingeben
- Das erzeugt eine Seite nach dem neuen Template, die aus allen Tags die gewünschte Wolke erzeigt.
Vorsicht: Wenn Ihr die Wordpress-Loop aus dem Seitentemplate entfernt habt, wird alles, was Ihr beim Erstellen der Seite im Feld "Titel" und "Beitrag" eingegeben habt, nicht erfaßt. Ersatzweise könnt Ihr den gewünschten Seitentitel schon in das wolke.php-Template schreiben.
Das bringt eine alphabetische Liste Eurer Tags, gewichtet nach der Anzahl ihrer Verwendung. Im Detail habt Ihr diese Möglichkeiten, die Ausgabe zu beeinflussen:
- %keylink%: Euer Tag als Link
- %count%: Die gewichtete Häufigkeit des Tags auf Eurer Seite, die innerhalb der von Euch vorgegebenen Pixelwerte (10, 30) ausgezeichnet wird: Große Schrift bis 30px für die am häufigsten verwendeten Tags, die untere Grenze sind bei uns 10px.
- %keyword: Das Tag
Jetzt könnt Ihr die die Liste per CSS gestalten, z.B.
- ul.wolke {list-style-type: none; text-align:center;} ohne Listenpunkt und zentriert. Das erzeugt einen ansprechenden Wolken-effekt, da die einzelnen list-items je nach verfügbarer Breiteumbrochen werden.
- ul.wolke li {display:inline; padding: 1em;} stellt die Links in einer (umrechenden) Zeile neben einander an und gibt ihnen einen netten Weißraum, damit sie locker angeordnet sind.
Fertig ist die Web2.0-fähige Wolke.
Geschrieben am 01.12.2005 um 16:03:55 Uhr in der Kategorie Allgemein, Wordpress, Feed: RSS 2.0. Sie können einen Kommentar schreiben.
[...] Der (theoretische) Einbau auf deutsch: http://expertinnen-web.de/2005-40/wordpress-tagging [...]
[...] Zudem kann man die Tags auch unmittelbar als Keywords nutzen, also einmal anlegen und doppelt nutzen. Dazu empfehle ich den Artikel Alles eine (Tag-)Wolke der Expertinnen, diese erklären sehr schön welches Plugin man benötigt und wie es in die Wordpress-Installation eingebunden wird. [...]
[...] ein schönes wordpress plugin um eine tag-wolke zu erstellen. [...]
Habe mal zwei Fragen
1. Wo im Seitentemplate soll man diesen Code
< ?php all_keywords(’- %keyword%’, ‘’, 10, 30); ?>
eingeben?
2. und woh solll man das Wolke.php abspeichern auf dem Server?
Naja wer irgend einen Peil hat was die Sache angeht kann sich ja mal bei mir melden!
1. Wir haben das Seitentemplate ausgeleert und nur die wichtigen funktionalen Elemente dringelassen:
< ?php get_header(); ?>
< ?php get_sidebar(); ?>
< ?php get_footer(); ?>
Der Rest hängt einfach vom Layout ab, das Du hast. Bei uns ist das ein schlichtes div, css-gesteuert.
2. Die wolke.php gehört in das Verzeichnis, in dem sich Dein Template befindet, also unterhalb von /wp-content/themes
HTH und einen schönen Tag!
So die Wolke habe ich hin bekommen, DANKE für die Hilfe.
Aber Jetzt kommt das nächste Problem, wenn ich auf die Tag-links klicke kommt eine 404 Seite. Das wohl heißt das die Tag links nicht auf die Artikel verweisen, könnnte was damit zu tuen habe das ich vorher Blog Desk zum bloggen benutzt habe??? Hilfe!!!
Benutzt du in dem Code den relativen Link –> /tag/%keylink% ?
Probiere einmal http://www.deinedomain/tag/%keylink%.
Das war zumindest bei mir das Prob.
@pati: Noch besser ist es, sich über die WordPress-Funktion get_settings(‘home’); die URL zu holen und mit an all_keywords zu übergeben:
<?php all_keywords(‘<li><a href=”‘.get_settings(‘home’).’/tag/%keylink%” style=”font-size: %count%px” >%keyword%</a></li>’, ”, 10, 30); ?>
@Expertinnen: Danke für die Seite! Habe mich Stunden mit UTW rumgeschlagen und geärgert – mit Jeroms Plugin und dank der Infos hier geht es jetzt ohne Probleme
Hallo,
danke für die tolle Anleitung. Die Tags werden ja alphabetisch ausgegeben und je nach Gewichtung mit dem entsprechenden Schriftgrad formatiert. Die häufigsten Tags haben den größten Schriftgrad.
Was müsste ich wo ändern, wenn ich die Häufigsten Tags zu erst ausgeben möchte? Wenn das überhaupt geht?
Danke
Möglicherweise klappt es nach Jeromes Anleitung für eine Liste der meistbenutzten Keywords: http://vapourtrails.ca/wp-keywords/wp-keywords-howto-toplist, das habe ich aber noch nicht ausprobiert. Schreib mal, wenn es geklappt hat.
Susanna
[...] Jeromes Keywords – Mit diesem Plugin kann man in seinem Blog taggen. Schlüsselwörter können (neben den Kategorien) für einzelne Posts vergeben werden. Unter anderen kann man auch seine eigene Tag-Cloud (wie bei technorati oder del.icio.us) erzeugen, die dem Besucher die Navigation durch den Blog erleichert. Eine gute Anleitung gibt es bei den Expertinnen. Tags: blog, wordpress, w3c, plugins [...]
Danke für den Artikel! Ich habe noch eine kleine Modifikation an Jerome’s Keywords Plugin für Wordpress vorgenommen. Nun ja, eigentlich stammt auch die Modifikation von Jerome selbst. In der Lightpress-Version des Plugins hat er die Einbindung in den Admin-Bereich einfach etwas schöner gelöst. Dort werden aus den vorgeschlagenen Tags (unter dem Eingabefeld) mit ein bisschen RegExs, Javascript und CSS Buttons, die man klicken kann. Et voila: man braucht nur noch druffkliggn und die betreffenden tags erscheinen im Textfeld. im Wordpress.de Forum beschrieben oder Download: Jeromes’ clickable Keywords
Auch schon mal recht herzlichen Dank für den Artikel. Ich hänge aktuell auch an der Tag-Wolke. Die Tags funktionieren und eine wolke.php habe ich auch angelegt:
< ?php get_header(); ?>
< ?php all_keywords(’- %keyword%’, ‘’, 10, 30); ?>
< ?php get_footer(); ?>
Nur leider kommt keine Wolke und ich weiss auch nicht recht ob ich das Wolken-Template auswählen kann. Bin leider etwas unerfahren und hab mich wohl zu früh an was schwieriges rangewagt…
Das Blog ist unter http://www.no-capital.com/blog erreichbar.
Der Mittelteil meiner Wolke.php wurde wohl verschluckt…
Und eine Editfunktion hab ich nicht gefunden.
Hallo,
selbst nach mehrmaligem Lesen eurer Anleitung (und einigem Ausprobieren) kriege ich die Ausgabe der Tags nicht eingebaut.
Mit “Tags: < ?php the_post_keytags(false, ‘tag’, ‘Alle Beiträge lesen zu ‘); ?>” gibt es eine Fehlermeldung und mit dem anderen Aufruf steht ja dann “Tags: meintag” auf der Website, damit kann ich auch nichts anfangen.
Und wie binde ich das nun richtig ein?
LG
Angelcurse
[...] update2: eine wesentlich detailliertere beschreibung gibt es im expertinnen-web [...]
[...] Ab sofort gibt es Tags zu den einzelnen Beiträgen. Damit kann man verwandte Beiträge zu einem Thema aufrufen. Das Plugin gibt es im Blog von Jerome, eine Beschreibung zum Plugin und der Bedeutung von Tags im Blog von Perun und eine Anleitung, wie man damit eine Tagwolke erstellt, im Blog von expertinnen-web. [...]
[...] Wenn man ein irgendeiner Stelle nicht weiter kommt, versucht man sich Hilfe zu holen. Dafür gibt es die unterschiedlichsten Wege, die einem zur Verfügung stehen. Wenn man sich erinnert, wo man schon einmal die Lösung gesehen hat, kann man ein wenig in der Quelle stöbern, die entsprechende Beiträge auf aufmerksam lesen, direkt zur Quelle der Lösung gehen oder eine direkte Nachricht an Denjenigen senden, von dem man sich einen Hinweis für sein Problemchen erhofft. [...]
[...] Hängen geblieben bin ich bei dem Beitrag „Alles eine (Tag-) Wolke“ In diesem Beitrag geht es um eine Erklärung zum Plugin Jerome’s Keywords und wie man mit diesem Plugin eine Tag-Wolke erstellen kann. [...]
Ok, das Plugin läuft ohne Probleme, auch mit der Tag-Wolke hats geklappt, nur: was ist mit Umlauten in den Tags?
Sobald Ä,Ö oder Ü darin enthalten sind, gibts Fehler 404. Kann das am (UTF-8) Encoding liegen? Oder am clean-umlauts-plugin, das Permalinks bereinigen soll?
Wie kann man denn eigentlich das Aussehen der Seite ändern, die die Treffer bei solch einem Aufruf zeigt?
http://domain.de/tag/beispiel/
Kann man dafür eine eigene Seite im Theme anlegen?
Grüße!
Jens
[...] Vielen lieben Dank für die Entwicklung des Plugins (Jerome´s keywords´) und die gute Erklärungen zur erfolgreichen Installation an Manuel bzw. das Expertinnen-Web. [...]
Hallo – Schaue gerade, wer noch so alles Jeromes keywords einsetzt und habe einen kleinen Tip: Ich habe ein Plugin geschrieben, dass Jeromes Keywords um einen Manager ergänzt – Dh. man kann nachträglich Keywords sehr leicht editieren/ergänzen/löschen:
http://johannes.jarolim.com/blog/2006/05/24/jeromes-keywords-manager
lG aus Salzburg,
Johannes
[...] Ab sofort können die Aktikel durch Verschlagwortung “Tagging” sortiert und gefunden werden. Die Taggs erscheinen unter jedem Beitrag. Zusätzlich wird eine s.g. *Wolke* dynamisch erzeugt. Je nach Häufigkeit einzelner Schlagworte verändert sich die Größe. Alle Details zum Setup gibt’s hier. [...]
[...] Finally the blog is ready! As stated earlier I have switched theme, and now I have added all plugins that seemed adequate to roll this blog. My blog statistics are displayed with semmelstatz and in order to display the music I am listening to, I inserted the great ez-scrobbler-plugin from fleshyorgans. The charts and the playlist are generated by last fm and displayed in the ::music page, and for displaying php code in a static page, I used the plugin runPHP (thanks again to James Van Lommel). Finally I added a tag cloud to my sidebar with Jeromes keyword-plugin and the help of this site. [...]
Hallo eine wunderschöne Anleitung und ich bin sogar nach Einbau des Pluggin bis zur Wolke gekommen, die ich bei mir in der Sidebar haben wollte.
Nur die Links funktionieren nicht. Das aber wohl nur weil meine Permalinks zu den Seiten news/?P=200 lauten. Alle Umstellungen in Permalink führt dazu das die Categories nicht dargestellt werden.
Gibt es noch einen heißen Tip was man bei Standardeinstellungen einsetzt wenn die Url hinter News/ aufhört-
%keyword%‘,”,10,30); ?>
Jazzie
Wir wünschen uns auch eine solche Wolke … aber es funktioniert nicht. Wir haben das mit der Seite “wolke.php” hinbekommen. Dann aber verlaufen wir uns in der Wüste ….
Da wir keine Informatiker noch Web-Designer sind, wären wir überaus erfreut, wenn wir eine kleine Hilfe bekommen könnten.#
Mit besten Grüßen
Christian
in meiner wolke verschwinden manchmal keywords und tauchen stunden später wieder auf.
woran kann das liegen
Hm, das klappt bei mir irgendwie nicht. Die Datei wolke.php finde ich nicht und an welcher Stelle muss ich die Zeilen hinzufügen? In jeder Datei wo ich Tags haben möchte?
Hier gibt es vom Autor des Plugins eine Beispiel-Datei: http://vapourtrails.ca/downloads/sample-cosmos-php.zip
Naja bei mir hat es bisher auch noch nicht so richtig funktioniert
werde euch aber auf dem laufenden halten
möglicherweise ist die anleitung nicht schlecht.. wenn ich sie nur verstehen würde.. ^^ was für ein seitentemplate soll ich nehmen und was davon sollte ich rausschmeißen. was ist die benutzerdefinierte web_page_template?! ich versteh es einfach nicht..
so langsam bin ich echt am verzweifeln!!!!!
würde mir das bitte jmd für dumme erklären und mir ne email schreiben oder so?? *hiiiiilfeeeeee*
vielen vielen dank schon mal im voraus!!!
jan
Ich suche nach einer Tag-Wolke, die sich die Wörter aus der Häufigkeit des Erscheinens der Wörter auf den Seiten einer Website zusammenstellt. Die Wolke sollte dann in der Sidebar aller Seiten auftauchen und die Begriffe groß machen, die besonders häufig – also besonders interessant sind. Gibt es dafür ein WordPress Plug-in? Bin für jeden Tipp dankbar.
BG, Chris
Hallo,
danke für die tolle Anleitung. Die Tags werden ja alphabetisch ausgegeben und je nach Gewichtung mit dem entsprechenden Schriftgrad formatiert. Die häufigsten Tags haben den größten Schriftgrad. Das ist optimal so.
Danke
Danke, super tutorial, echt leich zu verstehen
Hallo,
danke für die gute Anleitung, ist sehr hilfreich.
benutze das plugin auch schon längere Zeit,
schön dass sich jemand mal die Mühe macht eine so anschauliche Anleitung zu schreiben!
Hi, komfortable Eingabe für die Tagwolke. Danke!
Gute und hilfreiche Anleitung danke schön