Mükemmel bir wordpress teması yapmak için 10 ipucu 
Wordpress kullananlar bilirler ki içerik kadar içeriği bizlere sunan görselliği oluşturan temada çok önemlidir. Yeri gelir bulunduğumuz sitede bulunmaktan zevk alır. Yeri gelir çıkmak için can atarız. Ziyeretçilerimizi sitede tutmanın bir yoluda görselliği kullanmamızdır. Yazımızın can alıcı noktasına şimdi geldik. bundan sonra harika bir wordpress teması tasarlamamız için bilmemiz gerekn inceliklerden sizler için bahsedeceğim…
# 1 Temamızda bulunması gereken zorunlu dosyalar
***İndex.php sitemizin ana dosyasıdır. İlk karşımıza çıkan sayfadır.
***Header.php sitemizin üst kısmını oluşturur. bu alanda logo ve üst menü bulunmaktadır.
***Footer.php sitemizin alt kısmıdır. Copy alanıdır.
***Sidebar.php Sitemizin yan adres çubuğunu oluşturur. Bileşenleri barındırır.
***Single.php Siteye eklemiş olduğumuz içerikleri gösterir.
***Page.php Sitemizide bulunan sabit sayfaları gösterir. Hakkımızda biz kimiz iletişim sayfaları gibi.
Sitemizin görüntülenmesi için en azından temamızda bulunması gereken dosyalar vardır. Bu dosyalar ise şunlardır. Olmazsa olmaz denilen dosyalardır.
bu dosyaların sayısını arttırarak sitemizin işlevliğini de arttırabiliriz.
# 2 Style.css dosyasının bağlanmas
Yapacağımız tema style dosyası olmadan olmaz. Temamıza style dosyasını bağlaken de bir açıklama yapılması gerekmektedir. Örnek bir bağlama şekli…
@charset ‘UTF-8′;/*
Theme Name: Basis
Theme URI: http://bueltge.de/basis-theme-fuer-wordpress/411/
Description: Basis style to start a new theme
Version: 0.1
Author: Frank Bueltge
Author URI: http://bueltge.de/ */
@import url(css/style.css);
# 3 İndex.phpde bulunması gerekn ana kodlar
. Üst kısım için gereken kodlar
<?php wp_head(); ?> </head> <body>
. Alt kısım için bulunması gereken kodlar
<?php wp_footer(); ?> </div> </body> </html>
.Yorum forumunun eklenmesi
<textarea name="comment" id="comment" cols="60" rows="5" tabindex="4"></textarea> <?php do_action('comment_form', $post->ID); ?> <input name="submit" type="submit" id="submit" tabindex="6" value="<?php _e('Submit comment', 'basis'); ?>" /> <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /> </form>
# 4 Arama formunun eklenmesi
***Bir sitede arama formunun bulunması her zaman için site yararınadır. kullanıcıların aradıklarını bulmasını sağlarken ziayeretçilerin sitemizden memnun kalmasınıda sağlamaktadır. Arama formu olmayan bir web sitesi kullanışlı olmayan web sitesidir. Ziyarettçiler tarafından da sevilmeyen sitelerdir.
# 5 Temamız bileşn destekli mi?
***Kullanmış olduğumuz temanın bileşen destekli olup olmadığı kullanışlılığı etkileyn faktörlerden biridir. Siteye kurmuş olduğumuz eklentilerin bileşenlerini sidebarda gösterebilmemiz için bileşen destekli bir tema açıkçası şarttır. Bileşen desteği olmayan tema kullanışlı değildir. Açıkçası pekte tercih edilmez.
<div id="sidebar"> <ul> <?php /* Widgetized sidebar, if you have the plugin installed. */ if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> ... <?php } endif; // End Widgets ?> </ul> </div>
Bileşen destekli bir temada bulunması gereken kodlar…
Functions.php dosyasına ekleyeceğiniz kod dizesi
// widget function if ( function_exists('register_sidebars') ) register_sidebars(0); function my_widget_register() { if ( function_exists('register_sidebar') ) { register_sidebar(array( 'name' => 'Sidebar', 'before_widget' => "ntt" . ' <li id="%1$s">', 'after_widget' => '</li> ', 'before_title' => "nt" . ' <h3 class="widgettitle">', 'after_title' => '</h3> ', )); } } add_action('widgets_init', 'my_widget_register', 1);
# 6 Kurulan eklentilerin işlevselliği
Eklentileriş işlevselliğini denetlemek için kulanmamız gereken kod dizesi
if ( function_exists('FUNKTIONS_NAME') ) if ( class_exists('KLASSEN_NAME') )
# 7 xhtml ve css uygunluğu
Uzun uğralşar sonrasında kodlanmış olan temamızın hem xhtml hemde css kodlamasına uygun bir şekilde kodlanmış olması gerekmektedir. Xhtml ve css uygunluğu olmayan bir site farklı browserlar tarafından farklı yorumlanmakla beraber ziyaretçilerin siteyi farklı algılamasına da neden olmaktadır.
# 8 Farklı browserlarda test ediniz.
Sadece kullanmış olduğunuz bir internet görüntüleyicisinde test etmeyiniz. Ayrıca test edeceğiniz browserlar piyasa da bulunan diğer browserlarlada test ediniz. Unutmayacağınız bir noktada bu olsun bir internet görüntüleyicisin farklı sürümleri ilede test ediniz. Mesela İE6 İE7 İE8 gibi her birinde ayrı bir görünüm olabilir.
# 9 Trackback desteği de olsun..
Kullanmış olduğumuz temada trackback desteğinin de olması gerekmetedir. Eklemek için şu kodları kullanın
<!-- <?php trackback_rdf(); ?> --> Etrafında ki <!--- --> kaldırınız.
# 10 Seo dostu başlık kullanın…
mükemmel bir wordpress temasına sahip olamk için son adım kaldı… Bu adımda başlığı seçip koyacağız… Kullanacağımız kod dizesi şu kodlar olacaktır… Örnek bir başlık
<title><?php if ( is_archive() ) { _e('categorie'); } wp_title('-', true, 'right'); bloginfo('name'); ?></title>
Bu maddeyi anlattıktan sonra yazımızın sonuna geldik. Bu noktaya kadar gelmiş iseniz dikkatinizi çeken bir nokta olmuştur. Oda hiç temanın görselliğine değinmemiş olmamdı. Sizlere vermek isteğim şu bir tema dış görünürlüğü ile göze hoş görünebilir fakat bu hususlar olmadan görünen güzellik boş güzelliktir.
Benzer yazılar
- wordpress 404 sayfası oluşturma-tema yapımı
- Wordpress Tema Haritası-Tema Yapımı
- Online Wordpress Tema Yapımı
Loading ...
Thanks for sharing good Admin
Emegine saqLık Arkdasım Iyı CaLısmaLar dılerım hepSı GuzeL İyi CaLısmaLar TessekgurLer ADmin