<?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>Andreas Johansson om webben och det där digitala &#187; the_post_thumbnail</title>
	<atom:link href="http://cynatic.org/tag/the_post_thumbnail/feed/" rel="self" type="application/rss+xml" />
	<link>http://cynatic.org</link>
	<description></description>
	<lastBuildDate>Wed, 23 May 2012 05:21:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Flytta featured image boxen</title>
		<link>http://cynatic.org/flytta-featured-image-boxen/</link>
		<comments>http://cynatic.org/flytta-featured-image-boxen/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 14:57:23 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[the_post_thumbnail]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=1962</guid>
		<description><![CDATA[Dagens, läs veckans, lilla minitips om WordPress handlar om att flytta featured image lådan från sidan till mitten på editorsidan.<a href="http://cynatic.org/flytta-featured-image-boxen/" class="read-more">Läs hela inlägget →</a>]]></description>
			<content:encoded><![CDATA[<p>Dagens, läs veckans, lilla minitips om WordPress handlar om att flytta featured image lådan från sidan till mitten på editorsidan. Nyttigt för att få folk att komma ihåg att använda den eller att skifta fokus.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;color: #FCFFBA;"><span style="color: #666666; font-style: italic;color: #98d7ee;">/* Remove post thumbnail box and reinserts it into main area */</span>
add_action<span style="color: #009900;color: #fff;">&#40;</span><span style="color: #b86966;">'admin_init'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'add_image_box'</span><span style="color: #009900;color: #fff;">&#41;</span><span style="color: #339933;color: #fff;">;</span>
add_action<span style="color: #009900;color: #fff;">&#40;</span><span style="color: #b86966;">'do_meta_boxes'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'rem_image_box'</span><span style="color: #009900;color: #fff;">&#41;</span><span style="color: #339933;color: #fff;">;</span>
<span style="color: #000000; font-weight: bold;color: #c3c181;">function</span> rem_image_box<span style="color: #009900;color: #fff;">&#40;</span><span style="color: #009900;color: #fff;">&#41;</span> <span style="color: #009900;color: #fff;">&#123;</span>
	remove_meta_box<span style="color: #009900;color: #fff;">&#40;</span> <span style="color: #b86966;">'postimagediv'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'posttype'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'side'</span> <span style="color: #009900;color: #fff;">&#41;</span><span style="color: #339933;color: #fff;">;</span>
<span style="color: #009900;color: #fff;">&#125;</span>
<span style="color: #000000; font-weight: bold;color: #c3c181;">function</span> add_image_box<span style="color: #009900;color: #fff;">&#40;</span><span style="color: #009900;color: #fff;">&#41;</span> <span style="color: #009900;color: #fff;">&#123;</span>
	add_meta_box<span style="color: #009900;color: #fff;">&#40;</span><span style="color: #b86966;">'custompostimagediv'</span><span style="color: #339933;color: #fff;">,</span> __<span style="color: #009900;color: #fff;">&#40;</span><span style="color: #b86966;">'Custom Image'</span><span style="color: #009900;color: #fff;">&#41;</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'post_thumbnail_meta_box'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'posttype'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'normal'</span><span style="color: #339933;color: #fff;">,</span> <span style="color: #b86966;">'high'</span><span style="color: #009900;color: #fff;">&#41;</span><span style="color: #339933;color: #fff;">;</span>
<span style="color: #009900;color: #fff;">&#125;</span></pre></div></div>

<p>Inte så jättesnyggt, men det fungerar. Kom ihåg att byta ut <em>posttype</em> mot din <em>posttype och</em> som vanligt ska koden in i functions.php.</p>
<p>Notera att jag hade lite problem om jag enbart körde <em>admin_init</em> eller enbart körde <em>do_meta_boxes</em>. Kombination fungerade för mig och därför körde jag på det. Finns det snyggare sätt så lyssnar jag.</p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/flytta-featured-image-boxen/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/flytta-featured-image-boxen/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Regenerate thumbnails räddar dina bilder</title>
		<link>http://cynatic.org/regenerate-thumbnails-raddar-dina-bilder/</link>
		<comments>http://cynatic.org/regenerate-thumbnails-raddar-dina-bilder/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 19:42:06 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[regenerate thumbnails]]></category>
		<category><![CDATA[the_post_thumbnail]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress plugins]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=1428</guid>
		<description><![CDATA[Nu har Wordpress 2.9 vart ute ett tag och många har hunnit implementera the_post_thumbnail  i sina bloggar. Det finns bara ett litet problem. Eller "problem" som det egentligen är. Många bilder som är uppladdade tidigare än än 2.9, eller rättare sagt innan du aktiverade thumbnails-funktionen kan vägra att fungera.]]></description>
			<content:encoded><![CDATA[<p>Nu har <a href="http://wordpress.org">WordPress 2.9</a> vart ute ett tag och många har hunnit implementera <a href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress">the_post_thumbnail</a> i sina bloggar. Det finns bara ett litet problem. Eller &#8220;problem&#8221; som det egentligen bör benämnas, allt har en lösning.</p>
<p>Många bilder som är uppladdade tidigare än 2.9, eller rättare sagt innan du aktiverade thumbnails-funktionen kan vägra att fungera.<span id="more-1428"></span></p>
<img class="alignnone size-medium wp-image-1427" title="regenerate-thumbnails" src="http://cynatic.org/wp-content/uploads/2010/02/Screen-shot-2010-02-09-at-8.24.21-PM-470x138.jpg" alt="" width="470" height="138" />
<p>Det finns dock en räddning, tillägget <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/screenshots/">Regenerate Thumbnails</a> fixar biffen. <em>Det är rekommenderat att använda tillägget varje gång du förändrar storlek eller inställning för the_post_thumbnaiil().</em></p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/regenerate-thumbnails-raddar-dina-bilder/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/regenerate-thumbnails-raddar-dina-bilder/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Uppföljning på the_post_thumbnail, skapa en egen definition</title>
		<link>http://cynatic.org/uppfoljning-pa-the_post_thumbnail-skapa-en-egen-definition/</link>
		<comments>http://cynatic.org/uppfoljning-pa-the_post_thumbnail-skapa-en-egen-definition/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 12:14:50 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[tema]]></category>
		<category><![CDATA[the_post_thumbnail]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=1344</guid>
		<description><![CDATA[En liten snabb uppföljning på mitt inlägg om the_post_thumbnail() där jag skrev lite om grunderna i den nya funktionen. Problemet<a href="http://cynatic.org/uppfoljning-pa-the_post_thumbnail-skapa-en-egen-definition/" class="read-more">Läs hela inlägget →</a>]]></description>
			<content:encoded><![CDATA[<p>En liten snabb uppföljning på mitt inlägg om <a href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress">the_post_thumbnail()</a> där jag skrev lite om grunderna i den nya funktionen.</p>
<a rel="attachment wp-att-1339" href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/images_post-2"><img class="alignnone size-medium wp-image-1339" title="images_post" src="http://cynatic.org/wp-content/uploads/2010/01/images_post1-470x116.jpg" alt="" width="470" height="116" /></a>
<p>Problemet som finns är om man utvecklar ett tema så finns det ingen chans att veta vad en användare definierar som storlek i sina inställningar. Det finns två sätt att komma ifrån detta, antingen använder du <strong>get_option();</strong> där du kan hämta <em>thumbnail_size_w, thumbnail_size_h, medium_size_w, medium_size_h, thumbnail_crop</em> med mera och läsa av och manipulera det som användaren definierat.</p>
<p>Eller så punktmarkerar du en egen storlek och kommer bort från problemet med att användaren troligtvis gör fel i sina inställningar.</p>
<p>Vad du gör är att i <em>functions.php</em> är att du skapar din egna bild-dimension för just miniatyrer. Detta är enkelt och gör att du har större kontroll på bilderna, du kan ange flera olika bildstorlekar som passar in exakt vart du vill ha dem och du slipper problem med användardefinierade storlekar.</p>
<p>[php]add_image_size( namn, width, height, crop);[/php]</p>
<p><strong>Översättning:</strong></p>
<p>[php]add_image_size( &#8216;min-egna-bild&#8217;, 650, 250, true );[/php]</p>
<p>Vad som kommer hända är att du kan, istället för att använda<em> thumbnail/medium/large</em> i funktionen <strong>the_post_thumbnail()</strong>, kan använda <em>min_egna_bild</em> istället.</p>
<p>Det enda problemet detta ger är att användaren måste mata in en tillräckligt stor bild för att täcka ytan av denna bilden, det vill säga större än 650&#215;250. Men &#8211; du får bättre kontroll och ett bättre flöde i ditt tema.</p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/uppfoljning-pa-the_post_thumbnail-skapa-en-egen-definition/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/uppfoljning-pa-the_post_thumbnail-skapa-en-egen-definition/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Att använda the_post_thumbnail() i WordPress 2.9</title>
		<link>http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/</link>
		<comments>http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 11:58:09 +0000</pubDate>
		<dc:creator>Andreas Johansson</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Webbdesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[the_post_thumbnail]]></category>
		<category><![CDATA[Webbutveckling]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress tema]]></category>

		<guid isPermaLink="false">http://cynatic.org/?p=1321</guid>
		<description><![CDATA[WordPress släpptes för en stund sedan i version 2.9 och med släppet följde en efterlängtad funktion med för de som<a href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/" class="read-more">Läs hela inlägget →</a>]]></description>
			<content:encoded><![CDATA[<a rel="attachment wp-att-1339" href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/images_post-2"><img class="alignnone size-medium wp-image-1339" title="images_post" src="http://cynatic.org/wp-content/uploads/2010/01/images_post1-470x116.jpg" alt="" width="470" height="116" /></a>
<p>WordPress släpptes för en stund sedan i version 2.9 och med släppet följde en efterlängtad funktion med för de som utvecklar teman, nämligen <a href="http://codex.wordpress.org/Template_Tags/the_post_thumbnail">the_post_thumbnail()</a>. <a href="http://codex.wordpress.org/Template_Tags">WordPress Codex</a> är dock ganska sena med en bra Wiki-artikel på ämnet så jag tänkte skriva ihop en liten bas-guide till hur den nya funktionen kan användas.</p>
<p>Vad som inte berättas utan krävdes en del sökande för min del är att funktionen först måste aktiveras från <em>functions.php</em> (filen ligger i samma mapp som ditt tema finns i) för att fungera. Anledningen vad jag gissar på är bakåt-kompatibilitet så att funktionen inte används där det inte stöds.</p>
<p>[code lang="php"]add_theme_support( 'post-thumbnails' );</pre>
<p>Lägg in raden i functions.php. Stäng dock inte filen än, vi måste också definiera storleken på miniatyr-bilderna. Detta görs med funktionen <em>set_post_thumbnail_size()</em>. Funktionen tar ett par argument <em>int width, int height, bool hardcrop</em>.</p>
<p>[code lang="php"]set_post_thumbnail_size( 250, 150, true );</pre>
<p>Använder mig personligen av raden ovan, här sätts höjd och bredd till 250x150 och hardcrop till sant. Hardcrop är dock för mig ett frågetecken än så länge då det inte verkar göra till eller från det jag har testat. Dess egentligen funktion är att beskära bilden snarare än att förändra storleken på den, vilket ger fler valmöjligheter i fråga om höjd/bredd på bilderna man laddar upp än om vi bara skulle förändra dess storlek.</p>
<p>När du experimenterar med storlekarna så rekommenderas det att du installerar tillägget <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/">Regenerate thumbnails</a> så du slipper editera om alla miniatyrer i varje inlägg.</p>
<p>För att hämta din miniatyr så måste du först definiera den i en bloggpost, efter att du sparat <em>functions.php</em> och går in i editorn så märker du en ny ruta som heter <strong>Post Thumbnail</strong>, definiera din miniatyr i den.</p>
<a rel="attachment wp-att-1320" href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/post_thumbnail_box"><img class="aligncenter size-full wp-image-1320" title="post_thumbnail_box" src="http://cynatic.org/wp-content/uploads/2010/01/post_thumbnail_box.jpg" alt="" width="307" height="235" /></a>
<p>Nu är det dags att hämta bilden i vår loop. Jag rekommenderar att du kontrollerar så att inlägget har en minityr först och främst.</p>
<p>[code lang="php"]if ( has_post_thumbnail() ) { the_post_thumbnail(); }</pre>
<p>Nu är det dags att utforska the_post_thumbnail(). Funktionen tar en mindre uppsjö med argument, för det första kan du definiera din miniatyr med ett namn: thumbnail, medium, large där thumbnail är standardvärdet i funktionen.</p>
<p><strong>Exempel</strong>:</p>
<p><em>the_post_thumbnail('medium'); </em>hämtar och skriver ut mediumstorleken av bilden.</p>
<p>Är du inte nöjd med standardvärdet av storleken på bilden eller behöver lägga in en css-klass? Funktionen tar även arrays med olika argument.</p>
<p><strong>Ett exempel är</strong>:</p>
<p>[code lang="php"]the_post_thumbnail( array(300, 300), array('class' =&gt; 'min-class-ett min-class-tva') );</pre>
<p>Som du ser så gör jag om miniatyren till en storlek av 300x300 och ger den två klass-attribut, <em>min-klass-ett</em> och <em>min-klass-tva</em>. Du kan även lägga in andra värden som <em>rel, title, alt</em> med mera för större kontroll.</p>
<hr />Publicerat av andreas för <a href="http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/">Andreas Johansson om webben och det där digitala</a>, licensierat under <a href="http://creativecommons.org/licenses/by/2.5/se/">CC BY</a>. Alla mår bra av kärlek - speciellt länkkärlek.]]></content:encoded>
			<wfw:commentRss>http://cynatic.org/att-anvanda-the_post_thumbnail-i-wordpress/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>

