<?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>12parmak ~ Hayatın Akordu! &#187; otomatik</title>
	<atom:link href="http://www.12parmak.com/etiket/otomatik/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.12parmak.com</link>
	<description>Hayatın Akordu!</description>
	<lastBuildDate>Sun, 29 Jan 2012 12:28:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WordPress&#8217;te Yazılara Otomatik Thumbnail Ekleme</title>
		<link>http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/</link>
		<comments>http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 15:42:02 +0000</pubDate>
		<dc:creator>Emre ÖZTÜRK</dc:creator>
				<category><![CDATA[Webmaster]]></category>
		<category><![CDATA[anlatım]]></category>
		<category><![CDATA[çekme]]></category>
		<category><![CDATA[eklenti]]></category>
		<category><![CDATA[görüntüleme]]></category>
		<category><![CDATA[önizleme resmi]]></category>
		<category><![CDATA[otomatik]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[thumbnail ekleme]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[yazıdaki ilk resmi]]></category>

		<guid isPermaLink="false">http://www.12parmak.com/?p=204</guid>
		<description><![CDATA[<p>WordPress&#8217;te, yazılar listelenirken yan taraflarında thumbnail adı verilen küçük önizleme resimlerini ekleyebilmek için bir çok eklenti mevcut. Fakat çoğu eklentide &#8230;]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="WordPress" src="http://i30.tinypic.com/34oqy2v.jpg" alt="" width="150" height="150" />WordPress&#8217;te, yazılar listelenirken yan taraflarında thumbnail adı verilen küçük önizleme resimlerini ekleyebilmek için bir çok eklenti mevcut. Fakat çoğu eklentide admin panelinden yazı yayımlarken thumbnail resmini manuel olarak özel alanlara girmemiz gerekiyor. Her seferinde de önizleme resmi için ayrı bir görsel bulup özel alandan eklemek zor ve sıkıcı olacaktır.  Yazıya eklediğimiz ilk resim otomatik olarak çekilip, boyutlandırılıp thumbnail olarak gösterilse ne iyi olurdu dimi? İşte bu yazımda da sizlere bunun en kolay yolunu anlatacağım. Artık thumbnail için özel alanlara ve eklentilere ihtiyacınız olmayacak; siz sadece yazınızı yayımlayın, kuracağınız fonksiyon yazıdaki ilk resmi çekip otomatik olarak thumbnail alanına ekleyecektir.</p>
<p>Başlayalım: Tema klasörünüzde bulunan <strong>functions.php</strong> isimli dosyayı bir text editörü ile açın ve herhangi bir <strong>?&gt; </strong>kodundan sonra aşağıdaki kodları ekleyin;</p>
<pre class="brush: php; title: ; notranslate">function resmiyakala() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/&lt;img.+src=[\'&quot;]([^\'&quot;]+)[\'&quot;].*&gt;/i', $post-&gt;post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){ //Resim yoksa
    $first_img = &quot;http://www.site.com/default.jpg&quot;;
  }
  return $first_img;
}</pre>
<p>Gerekli fonksiyonu tanımladık. Şimdi yine tema klasörünüzden thumbnail resimlerinin kaynak kodlarının bulunduğu dosyaları açın. Bunlar home.php, index.php ve archive.php olabilir. Temanız eğer thumbnail desteklemiyorsa content kodunun öncesine ekleyebilirsiniz aşağıdaki kodu, eğer destekliyorsa sadece resim yolunu değiştirmeniz yeterli olacaktır;</p>
<pre class="brush: php; title: ; notranslate">&lt;img src=&quot;&lt;?php resmiyakala(); ?&gt;&quot; width=&quot;100px&quot; height=&quot;100px&quot; alt=&quot;&lt;?php the_title(); ?&gt;&quot; /&gt;</pre>
<p><em>width</em> ve <em>height</em> tagları çekilecek thumbnail resminin boyutlarını temsil ediyor, temanıza göre düzenleyebilirsiniz yani.</p>
<p>Thumbnail eklentisi temalarında zaten kurulu olanlar sadece <strong>src</strong> kodundan sonra, yani resim yolunu gösteren koddan sonra aşağıdaki kodu eklemeleri gerekiyor;</p>
<pre class="brush: php; title: ; notranslate">&lt;?php resmiyakala(); ?&gt;</pre>
<p>Yükseklik ve genişlik ayarları eğer div tagı ile belirtilmemişse kendiniz ekleyebilirsiniz.</p>
<p>functions.php dosyasında tanımladığımız fonksiyona eğer yazıya bir resim eklenmemişse varsayılan (default) olarak gösterilecek resmi de belirttik. Burada yapmanız gereken tek şey kendinize bir görsel oluşturmak ve bunu anadizine attıktan sonra aşağıdaki resim yolunu değiştirmek;</p>
<pre class="brush: php; title: ; notranslate">http://www.site.com/default.jpg</pre>
<p>Hepsi bu kadar! Umarım işinizi görür bu uygulama&#8230; <img src='http://www.12parmak.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
</p>
			<p><a href="http://www.12parmak.com">12parmak ~ Hayatın Akordu!</a> &copy; 2012 | 
			12 yorum | <a href="http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/">yazının devamı &raquo;</a></p>
		

<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/&amp;title=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/&amp;title=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme" rel="nofollow" class="external" title="Bunu Digg'le!">Bunu Digg'le!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/&amp;t=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme&amp;link=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-gmail">
			<a href="https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;su=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme&amp;body=Link: http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/ (shareaholic aracılığıyla)%0D%0A%0D%0A----%0D%0A WordPress%27te%2C%20yaz%C4%B1lar%20listelenirken%20yan%20taraflar%C4%B1nda%20thumbnail%20ad%C4%B1%20verilen%20k%C3%BC%C3%A7%C3%BCk%20%C3%B6nizleme%20resimlerini%20ekleyebilmek%20i%C3%A7in%20bir%20%C3%A7ok%20eklenti%20mevcut.%20Fakat%20%C3%A7o%C4%9Fu%20eklentide%20admin%20panelinden%20yaz%C4%B1%20yay%C4%B1mlarken%20thumbnail%20resmini%20manuel%20olarak%20%C3%B6zel%20alanlara%20girmemiz%20gerekiyor.%20Her%20seferinde%20de%20%C3%B6ni" rel="nofollow" class="external" title="Bunu e-postala:Gmail">Bunu e-postala:Gmail</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/&amp;title=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme" rel="nofollow" class="external" title="Bunu ekle:Google Bookmarks">Bunu ekle:Google Bookmarks</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/&amp;title=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme&amp;summary=WordPress%27te%2C%20yaz%C4%B1lar%20listelenirken%20yan%20taraflar%C4%B1nda%20thumbnail%20ad%C4%B1%20verilen%20k%C3%BC%C3%A7%C3%BCk%20%C3%B6nizleme%20resimlerini%20ekleyebilmek%20i%C3%A7in%20bir%20%C3%A7ok%20eklenti%20mevcut.%20Fakat%20%C3%A7o%C4%9Fu%20eklentide%20admin%20panelinden%20yaz%C4%B1%20yay%C4%B1mlarken%20thumbnail%20resmini%20manuel%20olarak%20%C3%B6zel%20alanlara%20girmemiz%20gerekiyor.%20Her%20seferinde%20de%20%C3%B6ni&amp;source=12parmak ~ Hayatın Akordu!" rel="nofollow" class="external" title="Bunu paylaş:LinkedIn">Bunu paylaş:LinkedIn</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/&amp;title=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/" rel="nofollow" class="external" title="Bunu paylaş:Technorati">Bunu paylaş:Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=WordPress%27te+Yaz%C4%B1lara+Otomatik+Thumbnail+Ekleme+-+http://tinyurl.com/mpg3ju&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.12parmak.com/204-wordpresste-yazilara-otomatik-thumbnail-ekleme/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

