<?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>Sniper &#187; serbest alan</title>
	<atom:link href="http://tuncay.kinali.net/etiketler/serbest-alan/feed" rel="self" type="application/rss+xml" />
	<link>http://tuncay.kinali.net</link>
	<description>Hafızamın bir kısmı</description>
	<lastBuildDate>Sun, 01 Aug 2010 09:49:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>WordPress için Serbest Alan Bileşeni</title>
		<link>http://tuncay.kinali.net/wordpress-icin-serbest-alan-bileseni.html</link>
		<comments>http://tuncay.kinali.net/wordpress-icin-serbest-alan-bileseni.html#comments</comments>
		<pubDate>Sat, 10 Oct 2009 15:53:28 +0000</pubDate>
		<dc:creator>Sniper</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[İpuçları]]></category>
		<category><![CDATA[bileşen]]></category>
		<category><![CDATA[serbest alan]]></category>
		<category><![CDATA[sidebar bileşeni]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp_widget]]></category>

		<guid isPermaLink="false">http://tuncay.kinali.net/?p=260</guid>
		<description><![CDATA[Blogumun bu temasına geçmeden önce bir çok farklı tema denedim. Her birinin belirli üstün özellikleri ve zayıflıkları vardı. Tema seçerken en çok dikkat ettiğim şey sidebar ve footerbar üzerinde, içini dilediğimce doldurabileceğim bir bileşenin olmasıydı. Ne yazık ki şimdiye kadar hiçbir temada böyle birşeyle karşılaşmadım. WP için daha önce tema veya bileşen de yazmadığımdan bu [...]]]></description>
			<content:encoded><![CDATA[<p>Blogumun bu temasına geçmeden önce bir çok farklı tema denedim. Her birinin belirli üstün özellikleri ve zayıflıkları vardı. Tema seçerken en çok dikkat ettiğim şey sidebar ve footerbar üzerinde, içini dilediğimce doldurabileceğim bir bileşenin olmasıydı. Ne yazık ki şimdiye kadar hiçbir temada böyle birşeyle karşılaşmadım. <span id="more-260"></span></p>
<p>WP için daha önce tema veya bileşen de yazmadığımdan bu özellikte bir bileşeni kendim yapmayı hiç düşünmedim. Ta ki WP 2.8&#8242;e güncellenene kadar. WordPress&#8217;e, 2.8 versiyonuyla birlikte &#8220;WP_Widget&#8221; isimli bir sınıfın eklendiğini gördüm. Kısa bir araştırmadan sonra bu sınıfı kullanarak istediğim özellikteki bileşeni kendim yazmaya karar verdim, hemen kolları sıvadım ve &#8220;Serbest Alan&#8221; adını verdiğim bileşeni yazdım.</p>
<p>Serbest Alan, yukarıda da tarif ettiğim gibi; sidebar, footerbar vb. alanlara, içine istediğimiz kodu yazıp blogumuzda görüntüleyebileceğimiz alanlar oluşturmaya yarıyor. Kendi blogumdan örnek verecek olursam, sağdaki ve tepedeki Google reklamlarını ve sağ alttaki Frienfeed pencere öğesini Serbest Alan kullanarak ekledim. Serbest Alan&#8217;ı temalarınızdan bağımsız olarak her zaman kullanabilmeniz için aşağıdaki kodları &#8220;wp-includes/widgets.php&#8221; dosyasının en altına ekleyip kaydedin.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p260code2'); return false;">View Code</a> PHP</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2602"><td class="code" id="p260code2"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span> ?php
<span style="color: #000000; font-weight: bold;">class</span> SerbestAlan <span style="color: #000000; font-weight: bold;">extends</span> WP_Widget <span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">function</span> SerbestAlan<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$widget_ops</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> __<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Bu alanlara dilediğinizi koyabilirsiniz.'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$control_ops</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'width'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">225</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'height'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #cc66cc;">300</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">WP_Widget</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'googlead'</span><span style="color: #339933;">,</span> __<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Serbest Alan'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$widget_ops</span><span style="color: #339933;">,</span> <span style="color: #000088;">$control_ops</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #000000; font-weight: bold;">function</span> widget<span style="color: #009900;">&#40;</span><span style="color: #000088;">$args</span><span style="color: #339933;">,</span> <span style="color: #000088;">$instance</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #990000;">extract</span><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: #000088;">$kod</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$instance</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'kod'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$kod</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #000000; font-weight: bold;">function</span> update<span style="color: #009900;">&#40;</span><span style="color: #000088;">$new_instance</span><span style="color: #339933;">,</span> <span style="color: #000088;">$old_instance</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$instance</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$old_instance</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$instance</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'kod'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$new_instance</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'kod'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #b1b100;">return</span> <span style="color: #000088;">$instance</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #000000; font-weight: bold;">function</span> form<span style="color: #009900;">&#40;</span><span style="color: #000088;">$instance</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$instance</span> <span style="color: #339933;">=</span> wp_parse_args<span style="color: #009900;">&#40;</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$instance</span><span style="color: #339933;">,</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'kod'</span><span style="color: #339933;">=&gt;</span><span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #000088;">$kod</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$instance</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'kod'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #b1b100;">echo</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;textarea name=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">get_field_name</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'kod'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; id=&quot;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$this</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">get_field_id</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'kod'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&quot; style=&quot;width:225px; height:200px;&quot;&gt;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$kod</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'&lt;/textarea&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> GAInit<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	register_widget<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'SerbestAlan'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'widgets_init'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'GAInit'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></td></tr></table></div>

<p>Şimdi yönetim panelinizden Görünüm > Bileşenler menüsüne tıklayın. Bir aksilik olmadıysa &#8220;Serbest Alan&#8221;ın mevcut bileşenler arasına yerleştiğini göreceksiniz. Sidebar&#8217;a sürüklediğinizde, içine istediğiniz kodu yazabileceğiniz bir metin alanı sizi bekliyor olacak. &#8220;Kaydet&#8221; e tıkladığınızda eklediğiniz içerik blogunuzda görüntülenmeye başlayacaktır.</p>
<p><a href="http://tuncay.kinali.net/wp-content/uploads/2009/10/s1.jpg" rel="lightbox[260]"><img src="http://tuncay.kinali.net/wp-content/uploads/2009/10/s1-300x272.jpg" alt="s1" title="s1" width="300" height="272" class="aligncenter size-medium wp-image-263" /></a></p>
<p><a href="http://tuncay.kinali.net/wp-content/uploads/2009/10/s2.jpg" rel="lightbox[260]"><img src="http://tuncay.kinali.net/wp-content/uploads/2009/10/s2-256x300.jpg" alt="s2" title="s2" width="256" height="300" class="aligncenter size-medium wp-image-264" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tuncay.kinali.net/wordpress-icin-serbest-alan-bileseni.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
