<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>logIt &#187; wordpress</title>
	<atom:link href="https://lakm.us/logit/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://lakm.us/logit</link>
	<description>Log Around The Clock</description>
	<lastBuildDate>Sat, 06 Jun 2015 14:17:37 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Embed Tag Cloud (In Other Than Sidebar)</title>
		<link>https://lakm.us/logit/2010/03/embed-tag-cloud-in-other-than-sidebar/</link>
		<comments>https://lakm.us/logit/2010/03/embed-tag-cloud-in-other-than-sidebar/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 03:24:24 +0000</pubDate>
		<dc:creator>Arif</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tag cloud]]></category>
		<category><![CDATA[tagging]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://xp-racy.lan/it/?p=188</guid>
		<description><![CDATA[I try to embed WordPress tag cloud to the header part of the theme. Tag print is called from wp_tag_cloud('smallest=8&#038;largest=16'). One example would be by inserting that function in this part of header.php of the corresponding theme: 1 2 3 4 5 6 7 8 9 10 &#60;div class=&#34;header&#34;&#62; &#60;?php if &#40;is_home&#40;&#41;&#41; : ?&#62; &#60;h1&#62;&#60;?php [...]]]></description>
				<content:encoded><![CDATA[<p>I try to embed WordPress tag cloud to the header part of the theme. Tag print is called from <code>wp_tag_cloud('smallest=8&#038;largest=16')</code>. One example would be by inserting that function in this part of <code>header.php</code> of the corresponding theme:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">	&lt;div class=&quot;header&quot;&gt;
        	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span>is_home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
        		&lt;h1&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
				&lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'description'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt;&lt;/h1&gt;
				<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_tag_cloud<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'smallest=8&amp;largest=16'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
        	<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">else</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
		        &lt;h1&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> get_settings<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'home'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>/&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;
				&lt;span&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'description'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/span&gt;&lt;/h1&gt;
	        <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;/div&gt;</pre></td></tr></table></div>

<p>Another embedding option is to use the famous <code>wp-cumulus</code> plugin.<br />
<span id="more-188"></span></p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #666666; font-style: italic;">//wp_tag_cloud('smallest=8&amp;largest=16');</span>
	<span style="color: #990000;">ob_start</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	wp_tag_cloud<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'smallest=8&amp;largest=16'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$tagcloud</span> <span style="color: #339933;">=</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">&quot;&amp;nbsp;&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot; &quot;</span><span style="color: #339933;">,</span> <span style="color: #990000;">ob_get_clean</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #666666; font-style: italic;">//echo $tagcloud;</span>
	<span style="color: #666666; font-style: italic;">//echo &quot;'.urlencode('&lt;tags&gt;') . $tagcloud . urlencode('&lt;/tags&gt;').'&quot;;</span>
	<span style="color: #666666; font-style: italic;">/*$options = get_option('wpcumulus_options');*/</span>
&nbsp;
	<span style="color: #000088;">$movie</span> <span style="color: #339933;">=</span> plugins_url<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp-cumulus/tagcloud.swf'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$path</span> <span style="color: #339933;">=</span> plugins_url<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp-cumulus/'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'width'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span><span style="color: #0000ff;">'550'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'height'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">=</span><span style="color: #0000ff;">'200'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'bgcolor'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'333333'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'000000'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor2'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'000000'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'hicolor'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'ffffff'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'speed'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'100'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'distr'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'true'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'tags'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'args'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'compmode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'true'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'showwptags'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'true'</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'trans'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'true'</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
	<span style="color: #000088;">$soname</span> <span style="color: #339933;">.=</span> <span style="color: #990000;">rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">9999999</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$movie</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'?r='</span> <span style="color: #339933;">.</span> <span style="color: #990000;">rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">9999999</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$divname</span> <span style="color: #339933;">.=</span> <span style="color: #990000;">rand</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">9999999</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
	<span style="color: #666666; font-style: italic;">// write flash tag</span>
	<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'compmode'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">!=</span><span style="color: #0000ff;">'true'</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ --&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;script type=&quot;text/javascript&quot; src=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$path</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'swfobject.js&quot;&gt;&lt;/script&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;div id=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$divname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'showwptags'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">'true'</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;p&gt;'</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span> <span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;p style=&quot;display:none;&quot;&gt;'</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
		<span style="color: #666666; font-style: italic;">// alternate content</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;cats&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #990000;">urldecode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tagcloud</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;tags&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #990000;">urldecode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$cats</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;/p&gt;&lt;p&gt;WP Cumulus Flash tag cloud by &lt;a href=&quot;http://www.roytanck.com&quot;&gt;Roy Tanck&lt;/a&gt; and &lt;a href=&quot;http://lukemorton.co.uk/&quot;&gt;Luke Morton&lt;/a&gt; requires &lt;a href=&quot;http://www.macromedia.com/go/getflashplayer&quot;&gt;Flash Player&lt;/a&gt; 9 or better.&lt;/p&gt;&lt;/div&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;script type=&quot;text/javascript&quot;&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'var '</span><span style="color: #339933;">.</span><span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">' = new SWFObject(&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$movie</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;, &quot;tagcloudflash&quot;, &quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'width'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;, &quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'height'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;, &quot;6&quot;, &quot;#'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'bgcolor'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'trans'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">'true'</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addParam(&quot;wmode&quot;, &quot;transparent&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;tcolor&quot;, &quot;0x'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;tcolor2&quot;, &quot;0x'</span> <span style="color: #339933;">.</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor2'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;&quot;</span> ? <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">:</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor2'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;hicolor&quot;, &quot;0x'</span> <span style="color: #339933;">.</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'hicolor'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;&quot;</span> ? <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">:</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'hicolor'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;tspeed&quot;, &quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'speed'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;distr&quot;, &quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'distr'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;mode&quot;, &quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #666666; font-style: italic;">// put tags in flashvar</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;cats&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;tagcloud&quot;, &quot;'</span><span style="color: #339933;">.</span><span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;tags&gt;'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$tagcloud</span> <span style="color: #339933;">.</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;/tags&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #666666; font-style: italic;">// put categories in flashvar</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;tags&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.addVariable(&quot;categories&quot;, &quot;'</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$cats</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$soname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'.write(&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$divname</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;);'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;/script&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #009900;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$movie</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; width=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'width'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; height=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'height'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot;&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;param name=&quot;movie&quot; value=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$movie</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; /&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;param name=&quot;bgcolor&quot; value=&quot;#'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'bgcolor'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; /&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;param name=&quot;AllowScriptAccess&quot; value=&quot;always&quot; /&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'trans'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">'true'</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;param name=&quot;flashvars&quot; value=&quot;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'tcolor=0x'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;tcolor2=0x'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'tcolor2'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;hicolor=0x'</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'hicolor'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;tspeed='</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'speed'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;distr='</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'distr'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;mode='</span><span style="color: #339933;">.</span><span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		<span style="color: #666666; font-style: italic;">// put tags in flashvar</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;cats&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;tagcloud='</span><span style="color: #339933;">.</span><span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;tags&gt;'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$tagcloud</span> <span style="color: #339933;">.</span> <span style="color: #990000;">urlencode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;/tags&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #666666; font-style: italic;">// put categories in flashvar</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;tags&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&amp;amp;categories='</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$cats</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&quot; /&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #666666; font-style: italic;">// alternate content</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;cats&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;p&gt;'</span><span style="color: #339933;">.</span><span style="color: #990000;">urldecode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tagcloud</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&lt;/p&gt;'</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
		<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$options</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'mode'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">&quot;tags&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;p&gt;'</span><span style="color: #339933;">.</span><span style="color: #990000;">urldecode</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$cats</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&lt;/p&gt;'</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;p&gt;WP-Cumulus by &lt;a href=&quot;http://www.roytanck.com/&quot;&gt;Roy Tanck&lt;/a&gt; and &lt;a href=&quot;http://lukemorton.co.uk/&quot;&gt;Luke Morton&lt;/a&gt; requires &lt;a href=&quot;http://www.macromedia.com/go/getflashplayer&quot;&gt;Flash Player&lt;/a&gt; 9 or better.&lt;/p&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$flashtag</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;/object&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #009900;">&#125;</span>
	<span style="color: #b1b100;">print</span> <span style="color: #000088;">$flashtag</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>https://lakm.us/logit/2010/03/embed-tag-cloud-in-other-than-sidebar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Write WordPress Plugins to Play Freemind Mind-Map File</title>
		<link>https://lakm.us/logit/2010/01/write-wordpress-plugins-play-freemind-mind-map-file/</link>
		<comments>https://lakm.us/logit/2010/01/write-wordpress-plugins-play-freemind-mind-map-file/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 15:14:15 +0000</pubDate>
		<dc:creator>Arif</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Freemind]]></category>
		<category><![CDATA[mind map]]></category>
		<category><![CDATA[OOP]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://localhost/it/?p=104</guid>
		<description><![CDATA[The first version main goal is to embed the *.mm file which is a Freemind file. I found similarity of embedding this kind of file in flash-video-player plugins (I used version 3.1.8). So, I tried to reverse engineer by mind-mapping how it works first and how to hook plugins to WordPress. Here is version 1.1 [...]]]></description>
				<content:encoded><![CDATA[<p>The first version main goal is to embed the <code>*.mm</code> file which is a <a href="http://freemind.sourceforge.net" title="Freemind SourceForge" target="_blank">Freemind</a> file. I found similarity of embedding this kind of file in <a href="http://wordpress.org/extend/plugins/flash-video-player/">flash-video-player</a> plugins (I used version 3.1.8). So, I tried to reverse engineer by mind-mapping how it works first and how to hook plugins to WordPress. Here is version 1.1 of the <a href="../../../../upload/freemind-wp-browser.1.1.zip" title="freemind-wp-browser.1.1.zip" target="_blank">fremind-wp-browser</a>. The final mind-map and plugin in-use in this post looks crowded, but you can find highlighted pointers below the mind-map.  </p>
<p></p>
<h4>Embedding with SWFObject</h4>
<p>The *.mm file is projected over <a href="http://freemind.sourceforge.net/wiki/index.php/Flash_browser">visorFreemind.swf</a> player with the help of javascript.</p>
<p>Using javascript from <a href="http://blog.deconcept.com/swfobject/">SWFObject</a>, the idea of flash embedding is to create an <code>SWFObject</code> and then <code>write()</code> that inside certain part of page body, i.e. <code>div</code>.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span> 
   <span style="color: #003366; font-weight: bold;">var</span> s0 <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> SWFObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;visorFreemind.swf&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;n0&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;800&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;400&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;7&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   s0.<span style="color: #000066; font-weight: bold;">write</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;video0&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>

<h4>Parsing a Post</h4>
<p>In general, the plugins will parse a post content to find <code>&#91;freemind file="path-to.mm" /&#93;</code> shortcode that will finally be replaced by the above javascript with respect to <code>*.mm</code> file that will be played over <code>visorFreemind.swf</code>.</p>
<h4>Hooking the Plugins to WordPress</h4>
<p>The above javascript needs to be loaded in every <code>head</code> part of each WordPress page, this action will call a function that will insert that script</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>163
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_head'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'FreemindMap_head'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Hence, we get</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot; src=&quot;http://lakm.us/logit/wp-content/plugins/freemind-wp-browser/swfobject.js&quot;&gt;&lt;/script&gt;</pre></div></div>

<p>on the header source of every page.</p>
<p>To deal with content parsing looking for the shortcode, add the following filter</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>166
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'the_content'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'FreemindMap_Parse'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Activation/deactivation of the plugin is via the hook registration where it also create an option panel when activated by adding</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>99
</pre></td><td class="code"><pre class="php" style="font-family:monospace;">add_options_page<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Freemind Options'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'Freemind'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'8'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'freemind-wp-browser.php'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'FreemindOptions'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>This initial version has limited options though; enough to set the width and height of the mind-map projection.</p>
]]></content:encoded>
			<wfw:commentRss>https://lakm.us/logit/2010/01/write-wordpress-plugins-play-freemind-mind-map-file/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
