{"id":91,"date":"2011-10-20T21:11:38","date_gmt":"2011-10-20T21:11:38","guid":{"rendered":"http:\/\/www.riemerundco.de\/bl\/?p=91"},"modified":"2022-10-24T08:00:34","modified_gmt":"2022-10-24T08:00:34","slug":"wp-cumulus","status":"publish","type":"post","link":"http:\/\/www.riemerundco.de\/bl\/?p=91","title":{"rendered":"WP-cumulus"},"content":{"rendered":"<p><a href=\"http:\/\/www.riemerundco.de\/bl\/wp-content\/uploads\/2011\/10\/myFriendsCloud.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-122\" title=\"myFriendsCloud\" src=\"http:\/\/www.riemerundco.de\/bl\/wp-content\/uploads\/2011\/10\/myFriendsCloud-300x243.jpg\" alt=\"\" width=\"187\" height=\"152\" srcset=\"http:\/\/www.riemerundco.de\/bl\/wp-content\/uploads\/2011\/10\/myFriendsCloud-300x243.jpg 300w, http:\/\/www.riemerundco.de\/bl\/wp-content\/uploads\/2011\/10\/myFriendsCloud.jpg 954w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><\/a>Die tag cloud von <a title=\"Roy Tanck\" href=\"http:\/\/www.roytanck.com\">Roy Tanck<\/a> ist eine wunderbare \u00dcbersicht zur Darstellung von Schlagw\u00f6rter. So auch unten rechts auf dieser Seite.<\/p>\n<p>Gleichfalls gibt es von Roy Tanck zum <a href=\"http:\/\/www.roytanck.com\/2008\/05\/19\/how-to-repurpose-my-tag-cloud-flash-movie\/\">Download<\/a> eine Variante die ausserhalb von WordPress frei in Webseiten integriert werden kann.<\/p>\n<p>Anbei ein Beispiel f\u00fcr Facebook zur Darstellung der Freunde in einer &#8222;tag cloud&#8220; unter Nutzung von php. Die integrierte Anwendung findet man in Facebook als App unter <a title=\"Facebook friends cloud\" href=\"http:\/\/de-de.facebook.com\/apps\/application.php?id=181815021893282&amp;sk=app_181815021893282\">friends cloud<\/a>.<\/p>\n<p>Zuerst die Initialisierung und der Abruf der Freundeliste \u00fcber das Facebook fql API:<\/p>\n<pre>&lt;?php\r\n\u00a0\u00a0\u00a0 include_once \"fbmain.php\";\r\n\u00a0\u00a0  try{\r\n        \/\/ Fenster-Breite -H\u00f6he und Schriftgr\u00f6\u00dfe\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $w=300;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $h=300;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $s=10;\r\n        \/\/ fql Aufruf\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fql = \"select name, first_name, uid from user where uid IN\r\n            (SELECT uid FROM friendlist_member WHERE flid IN\r\n            (SELECT flid FROM friendlist WHERE owner=\" . $user . \"))\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $param\u00a0 =\u00a0\u00a0 array(\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'method'\u00a0\u00a0\u00a0 =&gt; 'fql.query',\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'query'\u00a0\u00a0\u00a0\u00a0 =&gt; $fql,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 'callback'\u00a0 =&gt; ''\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 );\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $f = $facebook-&gt;api($param);\r\n        \/\/ Aufbau der tag liste\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$tags = \"&lt;tags&gt;\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (sizeof($f) &gt; 60) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $w=900;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$h=900;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$s=6;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} elseif (sizeof($f) &gt; 30) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $w=600;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$h=600;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$s=8;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 for($i = 0; $i &lt; sizeof($f); ++$i) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0 $name = $f[$i]['first_name'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0 $tags .= \"&lt;a href=%27http:\/\/www.facebook.com\/profile.php?\r\n                       id=\".$f[$i]['uid'].\"%27 target=%27_blank%27\r\n                       style=%27\".$s.\"%27 color=%270x3B5989%27\r\n                       hicolor=%270xff0000%27&gt;\".$name.\"&lt;\/a&gt;\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$tags .= \"&lt;\/tags&gt;\";\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $mode = \"mode=tags&amp;\";\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 catch(Exception $o){\r\n\u00a0\u00a0\u00a0 }\r\n?&gt;<\/pre>\n<p>Dann im Hauptteil der Aufruf des tag cloud flash movie \u00fcber das <a href=\"http:\/\/code.google.com\/p\/swfobject\/\">code.google.com Flashplayer Objekt<\/a> in der Version\u00a0 2.2:<\/p>\n<pre>&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\"\r\n                      \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"&gt;\r\n&lt;html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" lang=\"en\" xml:lang=\"en\"&gt;\r\n\u00a0\u00a0 \u00a0&lt;head&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;title&gt;friends cloud&lt;\/title&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;script type=\"text\/javascript\" src=\"swfobject.js\"&gt;&lt;\/script&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;script type=\"text\/javascript\"&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0swfobject.registerObject(\"myId\", \"9.0.0\");\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;\/script&gt;\r\n\u00a0\u00a0 \u00a0&lt;\/head&gt;\r\n\u00a0\u00a0 \u00a0&lt;body&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;div&gt;\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;object id=\"myId\"\r\n                    classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"\r\n                    width=\"&lt;?php echo $w; ?&gt;\" height=\"&lt;?php echo $h; ?&gt;\"&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;param name=\"wmode\" value=\"opaque\"&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;param name=\"movie\" value=\"tagcloud.swf\" \/&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;param name=\"flashvars\" value=\"&lt;?php echo $mode; ?&gt;\r\n                     distr=true&amp;tagcloud=&lt;?php echo $tags; ?&gt;\" \/&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0         &lt;!--[if !IE]&gt;--&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;object type=\"application\/x-shockwave-flash\"\r\n                        data=\"tagcloud.swf\" width=\"&lt;?php echo $w; ?&gt;\"\r\n                        height=\"&lt;?php echo $h; ?&gt;\"&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;param name=\"wmode\" value=\"opaque\"&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;param name=\"flashvars\" value=\"&lt;?php echo $mode; ?&gt;\r\n                        distr=true&amp;tagcloud=&lt;?php echo $tags; ?&gt;\" \/&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;!--&lt;![endif]--&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;div&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;h1&gt;alternative content&lt;\/h1&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;p&gt;&lt;a href=\"http:\/\/www.adobe.com\/go\/getflashplayer\"&gt;\r\n                    &lt;img src=\"http:\/\/www.adobe.com\/images\/shared\/\r\n                       download_buttons\/get_flash_player.gif\"\r\n                       alt=\"Get Adobe Flash player\" \/&gt;&lt;\/a&gt;&lt;\/p&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;\/div&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;!--[if !IE]&gt;--&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;\/object&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;!--&lt;![endif]--&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;\/object&gt;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0&lt;\/div&gt;\r\n\u00a0\u00a0 \u00a0&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Die tag cloud von Roy Tanck ist eine wunderbare \u00dcbersicht zur Darstellung von Schlagw\u00f6rter. So auch unten rechts auf dieser Seite. Gleichfalls gibt es von Roy Tanck zum Download eine Variante die ausserhalb von WordPress frei in Webseiten integriert werden &hellip; <a href=\"http:\/\/www.riemerundco.de\/bl\/?p=91\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20,21,25,24],"tags":[16,19,17,18],"class_list":["post-91","post","type-post","status-publish","format-standard","hentry","category-facebook-2","category-php","category-tag-cloud-2","category-webdesign","tag-cumulus","tag-facebook","tag-flash","tag-tag-cloud"],"_links":{"self":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=91"}],"version-history":[{"count":10,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":125,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=\/wp\/v2\/posts\/91\/revisions\/125"}],"wp:attachment":[{"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.riemerundco.de\/bl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}