<?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>WordPress Guru &#187; WordPress Widgets</title>
	<atom:link href="http://www.wordpressguru.se/kategori/wordpress/wordpress-widgets-wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wordpressguru.se</link>
	<description>En blogg om WordPress med tips, plugins, teman och mycket mer</description>
	<lastBuildDate>Thu, 21 Jul 2011 10:21:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Del 3 i Loopias WordPress-skola är nu publicerad; WpGurun om Tillägg och Widgets</title>
		<link>http://www.wordpressguru.se/del-3-i-loopias-wordpress-skola-ar-nu-publicerad-wpgurun-om-tillagg-och-widgets/</link>
		<comments>http://www.wordpressguru.se/del-3-i-loopias-wordpress-skola-ar-nu-publicerad-wpgurun-om-tillagg-och-widgets/#comments</comments>
		<pubDate>Thu, 21 Apr 2011 08:26:25 +0000</pubDate>
		<dc:creator>WpGuru</dc:creator>
				<category><![CDATA[Gästblogg]]></category>
		<category><![CDATA[Nybörjare]]></category>
		<category><![CDATA[Nyheter]]></category>
		<category><![CDATA[WordPress Plugins]]></category>
		<category><![CDATA[WordPress Widgets]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[Loopia]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.wordpressguru.se/?p=1545</guid>
		<description><![CDATA[Så där lagom till påsk har WordPressGurun skrivit det tredje inlägget i Loopias WordPress-skola. Det här inlägget handlar om tillägg och Widgets och försöker på ett enkelt sätt beskriva vad det är, hur man installerar, använder och framför allt vad man ska använda.]]></description>
			<content:encoded><![CDATA[<p>Så där lagom till påsk har WordPress Gurun skrivit det tredje inlägget i Loopias WordPress-skola. Det här inlägget handlar om tillägg och Widgets och försöker på ett enkelt sätt beskriva vad det är, hur man installerar, använder och framför allt vad man ska använda.</p>
<p>Så missa inte den spännande fortsättningen av WordPress-skolan här med den tredje delen i serien.</p>
<p>Läs hela artikeln här: <a href="http://blogg.loopia.se/2011/04/20/tillagg-och-widgets-%E2%80%93-wordpress-skolan/" title="Tillägg och widgets – WordPress-skolan" target="_blank">Tillägg och widgets – WordPress-skolan</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wordpressguru.se/del-3-i-loopias-wordpress-skola-ar-nu-publicerad-wpgurun-om-tillagg-och-widgets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Snygga till ditt etikettmoln</title>
		<link>http://www.wordpressguru.se/snygga-till-ditt-etikettmoln/</link>
		<comments>http://www.wordpressguru.se/snygga-till-ditt-etikettmoln/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 17:06:00 +0000</pubDate>
		<dc:creator>WpGuru</dc:creator>
				<category><![CDATA[Template Tags]]></category>
		<category><![CDATA[WordPress Widgets]]></category>
		<category><![CDATA[Etiketter]]></category>
		<category><![CDATA[Etikettmoln]]></category>
		<category><![CDATA[Webbutveckling]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Plugins]]></category>

		<guid isPermaLink="false">http://www.wordpressguru.se/?p=612</guid>
		<description><![CDATA[Etikettmoln (Tag Clouds) är de där högarna med ord i blandad ordning där vissa oftast är större än andra. Orden i högen, eller molnet, representerar nyckelord som antingen har sökts på en hemsida, etiketter till inlägg eller något liknande som har med hemsidan att göra. Ju större orden är, desto viktigare eller populärare är orden.]]></description>
			<content:encoded><![CDATA[<p><strong>Etikettmoln </strong><em>(Tag Clouds)</em> är de där högarna med ord i blandad ordning där vissa oftast är större än andra. Orden i högen, eller molnet, representerar nyckelord som antingen har sökts på en hemsida, etiketter till inlägg eller något liknande som har med hemsidan att göra. Ju större orden är, desto viktigare eller populärare är orden.</p>
<h3>WordPress Tag Cloud</h3>
<p>WordPress har en funktion för att visa etiketterna som du har lagt till dina inlägg, men självklart är inte standardinställningarna någonting att ha, men med lite enkla variabler kan vi lätt göra den lite snyggare.</p>
<p>Funktionen heter enkelt nog:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_tag_cloud<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$args</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Och istället för <strong>$args</strong> fyller du i alla olika argument du vill ha.</p>
<p>Standardinställningarna är som följer:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000088;">$args</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
    <span style="color: #0000ff;">'smallest'</span>  <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">8</span><span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'largest'</span>   <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">22</span><span style="color: #339933;">,</span>
    <span style="color: #0000ff;">'unit'</span>      <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'pt'</span><span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'number'</span>    <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">45</span><span style="color: #339933;">,</span>  
    <span style="color: #0000ff;">'format'</span>    <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'flat'</span><span style="color: #339933;">,</span>
    <span style="color: #0000ff;">'separator'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'\n'</span><span style="color: #339933;">,</span>
    <span style="color: #0000ff;">'orderby'</span>   <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'name'</span><span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'order'</span>     <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'ASC'</span><span style="color: #339933;">,</span>
    <span style="color: #0000ff;">'exclude'</span>   <span style="color: #339933;">=&gt;</span> <span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'include'</span>   <span style="color: #339933;">=&gt;</span> <span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'link'</span>      <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'view'</span><span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'taxonomy'</span>  <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'post_tag'</span><span style="color: #339933;">,</span> 
    <span style="color: #0000ff;">'echo'</span>      <span style="color: #339933;">=&gt;</span> <span style="color: #009900; font-weight: bold;">true</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Dessa inställningar gör att etiketten som minst antal inlägg är taggade med har storlek <strong>8 pt</strong> <em>(punkter)</em> och den med mest inlägg taggade med sig har storlek <strong>22 pt</strong>. Maximalt visas <strong>45 st etiketter</strong> och gör så i <strong>bokstavsordning</strong> från A-Ö med ett <strong>mellanrum</strong> (<em>\n</em> betyder endast radmatning i php-koden alltså ingen förändring i det som skrivs ut) mellan varje. Och slutligen <strong>skrivs det ut</strong> så fort funktionen körs igenom.</p>
<h3>Egna inställningar</h3>
<p>Många av dessa inställningar fungerar väldigt bra, men andra inte. Säg till exempel att du har 100 olika etiketter och du visar 45 av dessa. Din mest populära etikett är WordPress vilket är ett ord som kommer väldigt sent i alfabetet, så troligtvis kommer inte ens den etiketten att finnas med när molnet visas.</p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/etiketterFlikr-300x171.png" alt="" title="etiketterFlikr" width="300" height="171" class="alignright size-medium wp-image-629" />Så först och främst bör vi ändra <strong>orderby</strong> till <em>&#8216;count&#8217; </em>. Vilket gör att de 45 populäraste etiketterna kommer att synas istället för de 45 första i bokstavsordning.</p>
<p>Dessa 45 etiketter kommer nu att visas efter minst populär etikett först (nummer ordning från 1 och uppåt), vilket man kanske vill, detta kommer att få den första raden att stå med microbokstäver och ju längre ner man kommer i etikettmolnen ju större blir bokstäverna. Men om du har etikettmolnet i din sidopanel kan detta ställa till problem, då du antagligen inte har så mycket plats att leka med, och ord kommer att avstavas och hoppa ner på nästa rad, vilket inte kommer att bli så snyggt.  Så för att förhindra detta kan vi ändra <strong>order</strong> till antingen <em>DESC </em>eller <em>RAND </em>(från <em>ASC</em>). DESC skulle göra precis samma sak, fast baklänges, vilket skulle föra med sig samma problem, bara tvärt om. Så jag skulle rekommendera RAND vilket kommer att skriva ut de 45 etiketterna i slumpmässig ordning varje gång sidan laddas. Förhoppningsvis kommer inte alla populära etiketter att hamna bredvid varandra på så vis.</p>
<p>Som standard skrivs som sagt de 45 första etiketterna ut, men det kan du ändra genom argumentet <strong>number</strong>. Ange ett högre eller lägre tal beroende på vad du är intresserad av, eller sätt den till <em>0 (noll)</em> om du vill att alla etiketter ska skrivas ut.</p>
<p>Om du har några speciella etiketter du inte vill visa i ditt moln, använd dig av <strong>exclude</strong> och gör en komma separerad lista med alla term_id:n till etiketterna du inte vill ska visas. Till exempel <em>&#8216;exclude&#8217; => &#8217;7,26,53&#8242;</em>.</p>
<p>Du kan hitta dina etiketters id nummer i administrationspanelen <em>Inlägg > Inläggsetiketter</em>, genom att klicka på en av etiketterna och sedan titta i adressfältet:</p>
<div class="tips">
/wp-admin/edit-tags.php?action=edit&#038;taxonomy=post_tag&#038;<strong>tag_ID=54</strong>
</div>
<p>Sedan version 2.8 har WordPress lagt till argumentet <strong>taxonomy</strong> vilket talar om vad som ska visas i molnet. Du kan välja på <strong>&#8216;post_tag&#8217;</strong>, <strong>&#8216;category&#8217;</strong> eller <strong>&#8216;link_category&#8217;</strong> vilka betyder vad de låter som. Standard valet är &#8216;post_tag&#8217; vilket visar ett moln av etiketterna använda i <strong>inläggen </strong><em>(posts)</em>. Om du väljer &#8216;category&#8217; får du ett moln bestående av dina <strong>kategorier</strong> <em>(categorys)</em> där ju fler inlägg en kategori har, ju större blir etiketten. Slutligen kan du välja &#8216;link_category&#8217; som kommer att skapa ett etikettsmoln bestående av dina <strong>länkkategorierer </strong><em>(link category)</em>.</p>
<p>Sedan version 2.9 av WordPress introducerades <strong>separator</strong> vilket specificerar vad som skall vara mellan varje kategori. Genom att ange värdet <em>&#8216;&lt;br /&gt;&#8217;</em> kommer du t.ex. få en radmatning mellan varje etikett och genom att skriva<em> &#8216;, &#8216;</em> så får du ett komma med ett mellanrum efter. Som standard har den värdet <em>&#8216;\n&#8217;</em> vilket kommer att göra en radmatning i php-koden (så att det blir snyggt när du läser källkoden) men endast ett mellanrum i den riktiga html-koden.</p>
<div class="tips">
<strong class="title">Tips:</strong> För att göra koden lite kortare kan du placera argumenten direkt i funktionen med &#038; emellan:<br />
&lt;?php wp_tag_cloud(<strong>&#8216;smallest=8&#038;largest=22&#038;orderby=count&#8217;</strong>); ?&gt;
</div>
<p>Slutligen om du inte är riktigt nöjd med vad du kan göra med dessa standard inställningar kan du från version 2.8 av WordPress använda dig av <strong>echo</strong> vilken talar om ifall du vill att hela listan av etiketter ska skrivas ut eller returneras för att kunna tas om hand i en variabel. Värdena är <strong>1</strong><em> (true)</em> ifall du vill att molnet ska skrivas ut, eller <strong>0 </strong><em>(false)</em> ifall du vill att listan endast ska returneras.</p>
<p>Om du väljer att ta hand om listan själv, är det att rekommendera att ändra <strong>format </strong>från <em>&#8216;flat&#8217;</em> (vilket gör returnerar etiketterna i en lång rad med separatorn mellan sig) till <em>&#8216;array&#8217;</em> som returnerar en array med varje etikett i varje fält. Format har också alternativet <em>&#8216;list&#8217;</em> ifall du är intresserad av att få en ul-lista av dina etiketter.</p>
<h3>Exempel</h3>
<p>Med mina rekommenderade inställningar hade koden sett ut så här:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</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: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_tag_cloud'</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;li&gt;
        &lt;h2&gt;Populära Etiketter&lt;/h2&gt;
        &lt;ul&gt;
            <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_tag_cloud<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'orderby=count&amp;order=RAND'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
        &lt;/ul&gt;
    &lt;/li&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></pre></td></tr></table></div>

<div class="tips">
<strong class="title">Tänk på:</strong> Funktionen wp_tag_cloud lades till i WordPress i version 2.3 så om du vill ha din kod bakåtkompatibel glöm inte att använda villkorssatsen if ( function_exists(&#8216;wp_tag_cloud&#8217;))
</div>
<h3>Tag Cloud Plugins</h3>
<p>Det finns ett hav av tillägg där ute som kan hjälpa dig att hotta upp ditt etikettmoln ytterligare. Jag använder mig tex av <a href="http://wordpress.org/extend/plugins/wp-colorful-tag-cloud/" target="_blank" title="WP Colorful Tag Cloud">WP Colorful Tag Cloud</a> där jag genom ett enkelt interface kan ändra färgen på mina etiketter beroende på storleken av etiketterna.</p>
<p>Ett annat populärt plugin är <a href="http://wordpress.org/extend/plugins/wp-cumulus/" target="_blank" title="WP-Cumulus">WP-Cumulus</a> som skapar en sfär av dina etiketter som du kan integrera med genom flash.</p>
<p>Om du inte finner ett plugin som passar dig, varför inte sätta echo till 0 och experimentera själv?</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
</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: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_tag_cloud'</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;li&gt;
        &lt;h2&gt;Populära Etiketter&lt;/h2&gt;
        &lt;ul&gt;
            <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000088;">$tags</span> <span style="color: #339933;">=</span> wp_tag_cloud<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'orderby=count&amp;order=RAND&amp;format=array&amp;echo=0'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$tags</span> <span style="color: #b1b100;">AS</span> <span style="color: #000088;">$tag</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
                <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$tag</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #339933;">&lt;/</span>ul<span style="color: #339933;">&gt;</span>
    <span style="color: #339933;">&lt;/</span>li<span style="color: #339933;">&gt;</span>
<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></pre></td></tr></table></div>

<p>Koden kommer att resultera i samma sak som tidigare, men nu är det du som har kontrollen, placera lite andra taggar emellan, använd dig av all blandad kunskap du har och hitta på någonting &#8221;out of the box&#8221;. Om det blir bra, gör ett eget plugin av det, och skriv om det här. För mer inspiration kolla in etikettsmolnet på <a href="http://ne.se" target="_blank" title="Nationalencyklopedin">Nationalencyklopedin</a>.</p>
<h3>Inspiration</h3>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/gearc.gif" alt="" title="gearc" width="277" height="290" class="aligncenter size-full wp-image-631" /></p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/maniacalrage.gif" alt="" title="maniacalrage" width="450" height="292" class="aligncenter size-full wp-image-632" /></p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/preztags.gif" alt="" title="preztags" width="461" height="199" class="aligncenter size-full wp-image-633" /></p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/tagcloudfr.gif" alt="" title="tagcloudfr" width="406" height="292" class="aligncenter size-full wp-image-634" /></p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/tagspage.gif" alt="" title="tagspage" width="450" height="281" class="aligncenter size-full wp-image-635" /></p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/toubeauty.gif" alt="" title="toubeauty" width="421" height="119" class="aligncenter size-full wp-image-636" /></p>
<p><img src="http://www.wordpressguru.se/wp-content/uploads/2010/02/wemakemoney.gif" alt="" title="wemakemoney" width="241" height="371" class="aligncenter size-full wp-image-637" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wordpressguru.se/snygga-till-ditt-etikettmoln/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

