Kenar menümüzde ne görüntüleneceğine karar verdik, ancak bu bölümü widget’lar için hazır hale getirebilmemiz için yapmamız gereken birkaç şey daha var. Aşağıdaki kod demeti widget’ların aktif olup olmadığını kontrol eden, ve aktif olmadığı durumlarda aşağıdaki kodun ‘endif’ bölümüne kadar olan kısmını ziyaretçiye gösteren yardımcı.

<div id="sidebar"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <div>

<h3>Search</h3>

<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>"> <div id="Search"><input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" /></div> </form>

<p> </p> </div>

<div>

<h3>Archives</h3>

<ul> <?php wp_get_archives('type=monthly'); ?> </ul>

<p> </p>

</div>

<div>

<h3>Categories</h3>

<ul>

<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>

</ul>

<p> </p> </div>  <div> <h3>Blogroll</h3>

<ul>

<?php get_links(-1, '<li>', '</li>', '', TRUE, '', FALSE); ?>

</ul> <p> </p> </div>

<div>

<h3>Meta</h3>

<ul>

<li><?php wp_loginout(); ?></li>

&lt;li&gt;&lt;a href=&quot;http://validator.w3.org/check/referer&quot; title=&quot;This page validates as <a href="http://www.grafiktasarimmedya.com/category/kodlama-dilleri"target="_blank"title="xhtml" >XHTML</a> 1.0 Strict&quot;&gt; Valid &lt;abbr title=&quot;eXtensible HyperText Markup Language&quot;&gt;XHTML&lt;/abbr&gt;&lt;/a&gt;&lt;/li&gt;

&lt;li&gt;&lt;a href=&quot;http://gmpg.org/xfn/&quot;&gt;&lt;abbr title=&quot;XHTML Friends Network&quot;&gt;XFN&lt;/abbr&gt;&lt;/a&gt;&lt;/li&gt;

&lt;li&gt;&lt;a href=&quot;http://<a href="http://www.grafiktasarimmedya.com/category/hazir-scriptler"target="_blank"title="Wordpress" >wordpress</a>.org/&quot; title=&quot;Powered by WordPress, state-of-the-art semantic personal publishing platform.&quot;&gt;WordPress&lt;/a&gt;&lt;/li&gt; &lt;?php wp_meta(); ?&gt; &lt;/ul&gt;

&lt;p&gt;&amp;nbsp;&lt;/p&gt; &lt;/div&gt;

&lt;?php endif; ?&gt; &lt;/div&gt;

Widget’ların çalışmasını sağlamak için yapmamız gereken birşey daha var, o da ‘functions.php‘yi oluşturmak. Aşağıdaki php kod demetlerinden ilki, WordPress’e temamızın widget’ları desteklediğini, ve onların aktif oldukları ve olmadıkları durumlarda nasıl görünmeleri gerektiğini bildiriyor. İkinci kod demetimiz yeni bir arama widget’i oluştururken, üçüncü ve dördüncü kod demetlerimiz ise yeni link ve sayfa widgetleri oluşturuyorlar. Beşinci ve sonuncu kod demetimiz ise WordPress’in gerçek arama, link ve blogroll’un oluşturduklarımız ile değiştirildiğine emin olmasını sağlıyor. Lütfen sayfanın başında ve sonunda hiçbir boş satır olmamasına dikkat edin.

<?php if ( function_exists('register_sidebar') )  register_sidebar(array(  'before_widget' => '<div id="%1$s">',  'after_widget' => '<p>&nbsp;</p></div>',  'before_title' => '<h3>',  'after_title' => '</h3>',  )); ?>

<?php function widget_whitespace_search() { ?>

<div>

<h3>Search</h3>

<form method="get" id="searchform" action="<?php echo $_SERVER['PHP_SELF']; ?>">

<div id="Search"><input type="text" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" /></div>

</form>

<p>&nbsp;</p> </div>

<?php } ?>

<?php function widget_whitespace_links() { ?>

<div>

<h3>Blogroll</h3>

<ul> <?php get_links(-1, '<li>', '</li>', '', TRUE, '', FALSE); ?> </ul>

<p>&nbsp;</p> </div>

<?php } ?>

<?php function widget_whitespace_pages() { ?> <div>

<h3>Pages</h3>

<ul> <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?> </ul>

<p>&nbsp;</p> </div>

<?php } ?>

<?php if ( function_exists('register_sidebar_widget') ) { register_sidebar_widget(__('Search'), 'widget_whitespace_search'); register_sidebar_widget(__('Links'), 'widget_whitespace_links'); register_sidebar_widget(__('Pages'), 'widget_whitespace_pages'); } ?>

Temanızı kontrollerden geçirdikten sonra bir ekran görüntüsü çıkarıp ‘screenshot.png’ adı altında tema klasörünüze kaydedin.

Tüm bunları dikkatle yaptıysanız artık sizinde kendinize ait bir temanız var demektir. Artık kendi tasarımlarınızı wordpress’e nasıl giydireceğinizi de öğrenmiş oldunuz.

Bol tasarımlı günler =)…

Not: Yazı içeriği başka kaynaklarda örnek alınarak hazırlanmıştır. Kodlamalarda gözden kaçan hatalar olabilir.

Sayfa: 1 2 3 4 5 6 7