{"id":1195,"date":"2008-05-19T00:05:27","date_gmt":"2008-05-18T22:05:27","guid":{"rendered":"http:\/\/www.willizblog.de\/?p=1195"},"modified":"2008-05-19T11:59:44","modified_gmt":"2008-05-19T09:59:44","slug":"tag-cloud-generator","status":"publish","type":"post","link":"https:\/\/willizblog.de\/?p=1195","title":{"rendered":"Tag Cloud Generator"},"content":{"rendered":"<p>Auf der <del>linken<\/del> rechten (rechts ist da, wo der Daumen links ist) Seite, in der so genannten Sidebar (und auch am Schluss dieses Beitrags), findet Ihr eine &#8222;Tagcloud&#8220; oder gut deutsch <a href=\"https:\/\/de.wikipedia.org\/wiki\/Schlagwortwolke\" target=\"_blank\">Schlagwortwolke<\/a> genannt. Normalerweise ist diese alphabetisch sortiert, muss es aber nat\u00fcrlich nicht sein. Hinter jedem Schlagwort (auch englisch keyword, also Schl\u00fcsselwort genannt) verbirgt sich ein Link auf eine entsprechende Seite.<\/p>\n<p>Die Schriftgr\u00f6\u00dfe soll die Gewichtung wiedergeben, je gr\u00f6\u00dfer die Schrift, f\u00fcr desto wichtiger h\u00e4lt der Schlagwortwolken-Ersteller das Schlagwort bzw. die Seite, die sich hinter diesem verbirgt.<\/p>\n<p>Im Grunde kann eine solche Tagcloud mit einfachen HTML erstellt werden. Aber wer beherrscht das schon wirklich. So hilft ein <a href=\"http:\/\/www.tagcloud-generator.com\/\" target=\"_blank\">Tagcloud Generator<\/a>, der auch Webseiten abgrast und die dort befindlichen Links und Tags herausfischt. Bisschen manueller Einsatz kann aber auch nicht schaden, vor allem, wenn man die Gewichtung der einzelnen Links bestimmen m\u00f6chte (\u201aPrio\u2019 f\u00fcr Priority steht auf \u201aauto\u2019, kann aber ge\u00e4ndert werden, wobei 1 f\u00fcr die geringste Priorit\u00e4t, also kleinste Schriftgr\u00f6\u00dfe, steht).<\/p>\n<p>Des Weiteren kann man die Farben der Links einstellen, die Gr\u00f6\u00dfe der Wolke (Output) und noch weitere Details. Dabei sieht man, wie die Tagcloud sp\u00e4ter einmal aussehen wird. Am Schluss wird der HTML-Code erstellt und kann in die eigene Website eingebunden werden.<\/p>\n<p>Den HTML-Code habe ich noch etwas modifiziert und den title-TAG mit aufgenommen. F\u00e4hrt man mit der Maus \u00fcber einen Link, so wird der Text aus diesem title-TAG angezeigt. Meine Schlagwortwolke wird \u00fcbrigens als Blocksatz angezeigt. Die width-Anweisung bestimmt die Breite der Wolke (hier 220 Bildpunkte breit) und kann jeder Zeit individuell angepasst werden (genauso wie Farbe und Schriftart und -gr\u00f6\u00dfe).<\/p>\n<p>Hier in abgek\u00fcrzter Form den HTML-Code:<\/p>\n<p><em>&lt;div style=&#8220;<strong>width: 220px<\/strong>;\u00a0 background-color: #FFFFFF;\u00a0 text-align: justify;\u00a0 ; font-family: &#8218;Verdana&#8216;;&#8220;&gt;<br \/>\n\u00a0 &lt;a href=&#8217;https:\/\/www.willizblog.de\/?cat=1&#8242; <strong>title=&#8217;Dies und das&#8216; <\/strong>style=&#8220;font-size: 12px; color: #87a800; text-decoration: none;&#8220;&gt;Dies und das&lt;\/a&gt;<br \/>\n\u00a0 &lt;a href=&#8217;https:\/\/www.willizblog.de\/?cat=14&#8242; title=&#8217;Wiedergelesen&#8216; style=&#8220;font-size: 16px; color: #009900; text-decoration: none;&#8220;&gt;Wiedergelesen&lt;\/a&gt;<br \/>\n\u00a0 &lt;a href=&#8217;https:\/\/www.willizblog.de\/?cat=11&#8242; title=&#8217;Tostedt&#8216; style=&#8220;font-size: 16px; color: #999999; text-decoration: none;&#8220;&gt;Tostedt&lt;\/a&gt;<\/em><\/p>\n<p><em><strong>[usw.]<\/strong><br \/>\n\u00a0\u00a0<br \/>\n&lt;\/div&gt;<\/em><\/p>\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\">\n<tbody>\n<tr>\n<td width=\"100%\">\n<div style=\"width: 540px; font-family: 'Verdana'; background-color: #ffffff; text-align: justify;\"><a style=\"font-size: 11px; color: #999999; text-decoration: none;\" title=\"Fu\u00dfball-WM 2006\" href=\"https:\/\/www.willizblog.de\/?cat=39\">Fu\u00dfball-WM 2006<\/a> <a style=\"font-size: 12px; color: #87a800; text-decoration: none;\" title=\"Dies und das\" href=\"https:\/\/www.willizblog.de\/?cat=1\">Dies und das<\/a> <a style=\"font-size: 16px; color: #009900; text-decoration: none;\" title=\"Wiedergelesen\" href=\"https:\/\/www.willizblog.de\/?cat=14\">Wiedergelesen<\/a> <a style=\"font-size: 16px; color: #999999; text-decoration: none;\" title=\"Tostedt\" href=\"https:\/\/www.willizblog.de\/?cat=11\">Tostedt<\/a> <a style=\"font-size: 15px; color: #87a800; text-decoration: none;\" title=\"Kuriose Musikinstrumente\" href=\"https:\/\/www.willizblog.de\/?cat=40\">Kuriose Musikinstrumente<\/a> <a style=\"font-size: 14px; color: #009900; text-decoration: none;\" title=\"Reisevorbereitung Schottland\" href=\"https:\/\/www.willizblog.de\/?cat=17\">Reisevorbereitung Schottland<\/a> <a style=\"font-size: 16px; color: #666666; text-decoration: none;\" title=\"WilliZ Welt\" href=\"https:\/\/www.willizblog.de\/?cat=30\">WilliZ Welt<\/a> <a style=\"font-size: 16px; color: #87a800; text-decoration: none;\" title=\"Reisen\" href=\"https:\/\/www.willizblog.de\/?cat=10\">Reisen<\/a> <a style=\"font-size: 16px; color: #666666; text-decoration: none;\" title=\"WilliZ Website\" href=\"https:\/\/www.albinz.net\/wilfried\/\">WilliZ Website<\/a> <a style=\"font-size: 11px; color: #999999; text-decoration: none;\" title=\"Bundestagswahl 2005\" href=\"https:\/\/www.willizblog.de\/?cat=29\">Bundestagswahl 2005<\/a> <a style=\"font-size: 15px; color: #009900; text-decoration: none;\" title=\"Zukunft Deutschland\" href=\"https:\/\/www.willizblog.de\/?cat=2\">Zukunft Deutschland<\/a> <a style=\"font-size: 15px; color: #87a800; text-decoration: none;\" title=\"Werder Bremen\" href=\"https:\/\/www.willizblog.de\/?cat=27\">Werder Bremen<\/a> <a style=\"font-size: 16px; color: #009900; text-decoration: none;\" title=\"Geistesblitze\" href=\"https:\/\/www.willizblog.de\/?cat=15\">Geistesblitze<\/a> <a style=\"font-size: 14px; color: #87a800; text-decoration: none;\" title=\"Sport ist Mord\" href=\"https:\/\/www.willizblog.de\/?cat=4\">Sport ist Mord<\/a> <a style=\"font-size: 14px; color: #009900; text-decoration: none;\" title=\"K\u00fcnstliches\" href=\"https:\/\/www.willizblog.de\/?cat=6\">K\u00fcnstliches<\/a> <a style=\"font-size: 15px; color: #87a800; text-decoration: none;\" title=\"Christas B\u00e4rchensammlung\" href=\"https:\/\/www.willizblog.de\/?cat=45\">Christas B\u00e4rchensammlung<\/a> <a style=\"font-size: 15px; color: #999999; text-decoration: none;\" title=\"Musik und mehr\" href=\"https:\/\/www.willizblog.de\/?cat=5\">Musik und mehr<\/a> <a style=\"font-size: 14px; color: #87a800; text-decoration: none;\" title=\"Traditionen\" href=\"https:\/\/www.willizblog.de\/?cat=28\">Traditionen<\/a> <a style=\"font-size: 17px; color: #666666; text-decoration: none;\" title=\"Jethro Tull\" href=\"https:\/\/www.willizblog.de\/?cat=9\">Jethro Tull<\/a> <a style=\"font-size: 15px; color: #009900; text-decoration: none;\" title=\"Glotzkiste\" href=\"https:\/\/www.willizblog.de\/?cat=13\">Glotzkiste<\/a> <a style=\"font-size: 14px; color: #87a800; text-decoration: none;\" title=\"Donnerwetter\" href=\"https:\/\/www.willizblog.de\/?cat=16\">Donnerwetter<\/a> <a style=\"font-size: 14px; color: #999999; text-decoration: none;\" title=\"Knisterndes\" href=\"https:\/\/www.willizblog.de\/?cat=21\">Knisterndes<\/a> <a style=\"font-size: 16px; color: #87a800; text-decoration: none;\" title=\"Literatur\" href=\"https:\/\/www.willizblog.de\/?cat=3\">Literatur<\/a> <a style=\"font-size: 16px; color: #666666; text-decoration: none;\" title=\"WilliZ Jukebox\" href=\"https:\/\/www.willizblog.de\/?cat=34\">WilliZ Jukebox<\/a> <a style=\"font-size: 15px; color: #009900; text-decoration: none;\" title=\"Familie\" href=\"https:\/\/www.albinz.net\/\">Familie<\/a> <a style=\"font-size: 12px; color: #999999; text-decoration: none;\" title=\"Ei, wie witzig\" href=\"https:\/\/www.willizblog.de\/?cat=7\">Ei, wie witzig<\/a> <a style=\"font-size: 15px; color: #87a800; text-decoration: none;\" title=\"Fuffzig und ...\" href=\"https:\/\/www.willizblog.de\/?cat=18\">Fuffzig und &#8230;<\/a> <a style=\"font-size: 14px; color: #009900; text-decoration: none;\" title=\"Nachrichten auf Bildzeitungsniveau\" href=\"https:\/\/www.willizblog.de\/?cat=42\">Nachrichten auf Bildzeitungsniveau<\/a> <a style=\"font-size: 16px; color: #009900; text-decoration: none;\" title=\"Werder Bremen\" href=\"https:\/\/www.willizblog.de\/?cat=44\">Werder Bremen<\/a> <a style=\"font-size: 12px; color: #87a800; text-decoration: none;\" title=\"Feiertage\" href=\"https:\/\/www.willizblog.de\/?cat=32\">Feiertage<\/a> <a style=\"font-size: 16px; color: #666666; text-decoration: none;\" title=\"Internet-Bastelkiste\" href=\"https:\/\/www.willizblog.de\/?cat=8\">Internet-Bastelkiste<\/a> <a style=\"font-size: 12px; color: #87a800; text-decoration: none;\" title=\"Bahn fahren\" href=\"https:\/\/www.willizblog.de\/?cat=22\">Bahn fahren<\/a> <a style=\"font-size: 15px; color: #666666; text-decoration: none;\" title=\"Schottland 2005\" href=\"https:\/\/www.willizblog.de\/?cat=25\">Schottland 2005<\/a> <a style=\"font-size: 11px; color: #999999; text-decoration: none;\" title=\"Olympia\" href=\"https:\/\/www.willizblog.de\/?cat=38\">Olympia<\/a> <a style=\"font-size: 15px; color: #87a800; text-decoration: none;\" title=\"Urlaub\" href=\"https:\/\/www.albinz.net\/tunesien.html\">Urlaub<\/a> <a style=\"font-size: 11px; color: #009900; text-decoration: none;\" title=\"Weihnachten\" href=\"https:\/\/www.willizblog.de\/?cat=33\">Weihnachten<\/a> <a style=\"font-size: 16px; color: #999999; text-decoration: none;\" title=\"Jethro Tull\" href=\"https:\/\/www.albinz.net\/jethrotull\/\">Jethro Tull<\/a> <a style=\"font-size: 15px; color: #666666; text-decoration: none;\" title=\"Starke Frauen\" href=\"https:\/\/www.willizblog.de\/?cat=31\">Starke Frauen<\/a> <a style=\"font-size: 14px; color: #009900; text-decoration: none;\" title=\"Ian und die (Musik-)Welt\" href=\"https:\/\/www.willizblog.de\/?cat=43\">Ian und die (Musik-)Welt<\/a> <a style=\"font-size: 17px; color: #87a800; text-decoration: none;\" title=\"Machtgier\" href=\"https:\/\/www.willizblog.de\/?cat=12\">Machtgier<\/a> <a style=\"font-size: 15px; color: #999999; text-decoration: none;\" title=\"Unsere Erde - unsere Welt\" href=\"https:\/\/www.willizblog.de\/?cat=20\">Unsere Erde &#8211; unsere Welt<\/a><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Auf der linken rechten (rechts ist da, wo der Daumen links ist) Seite, in der so genannten Sidebar (und auch am Schluss dieses Beitrags), findet Ihr eine &#8222;Tagcloud&#8220; oder gut deutsch Schlagwortwolke genannt. Normalerweise ist diese alphabetisch sortiert, muss es aber nat\u00fcrlich nicht sein. Hinter jedem Schlagwort (auch englisch keyword, also Schl\u00fcsselwort genannt) verbirgt sich &hellip; <a href=\"https:\/\/willizblog.de\/?p=1195\" class=\"more-link\"><span class=\"screen-reader-text\">Tag Cloud Generator<\/span> weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/willizblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1195"}],"collection":[{"href":"https:\/\/willizblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/willizblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/willizblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/willizblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1195"}],"version-history":[{"count":0,"href":"https:\/\/willizblog.de\/index.php?rest_route=\/wp\/v2\/posts\/1195\/revisions"}],"wp:attachment":[{"href":"https:\/\/willizblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/willizblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/willizblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}