WordPress’e Nasıl Tema Hazırlanır ?

WordPress’e Nasıl Tema Hazırlanır ?

PAYLAŞ

Bildiğiniz üzere WordPress Dünya çapında internetin %25’ine hakim olan ve PHPMySQL alt yapısıyla hazırlanmış CMS sistemidir.

İstatislikler böyle olunca WordPress kullanmak ve WordPress’e tema programlamak genç yazılımcılar ve tasarımcılar için oldukça önemli. Sadece WordPress’e tema programlayarak Themeforest, Templatemonster vb. gibi sitelerde ücretli yayınlayarak çok iyi paralar kazanmak mümkün. Sizlere en baştan sırasıyla yapılması gereken işlemleri anlatacağız.

#1-WordPress Nasıl Kurulur?

İsteğe bağlı olarak sunucu üzerinde veya localhostta çalışarak işleminizi yapabilirsiniz. İlk olarak tr.wordpress.org adresinden WordPressin son versiyonunu indiriyoruz. Daha sonra Localhost içine atarak .zip dosyasını arşivden çıkartıyoruz, Arşivden çıkardıktan sonra tarayıcımızdan localhost/wordpress dizinini açıyoruz ve karşımıza WordPress kurulumunun ekranı çıkıyor. WordPress kurmadan önce MySQL veri tabanı oluşturmalıyız, WordPress kurulumundan site başlığı, kullanıcı adı, veri tabanı ismi, şifre gibi bilgileri girdikten sonra ileri diyoruz ve kurulumu bitiriyoruz.

#2-WordPress Tema için Tasarım ve Programlamaya Hazırlık  

Hazırlayacağınız sitenin ilk olarak Adobe Fireworks veya Adobe Photoshop gibi programlarla tasarımını hazırlamak gerekiyor tabi mümkün oldukça hazırladığınız tasarımı parçala-böl mantığına uygun şekilde hazırlayın. Hazırladığınız tasarımı HTML, CSS ve PHP ile WordPress’e entegre etmek için ilk olarak düz HTML, CSS ile front-end tarafını hazırlayın. WordPress i kurduğunuz dizinden wp-content -> themes klasörü içine belirlediğiniz isimle klasör açın ve front-end’i içine atın. Hazırladığın temanın, wordpress panelimden görünümler kısmında gözükmesi istediğiniz temanın önyüzünü screenshot.php olarak tema klasörünüzün içine atın. Sıra geldi WordPress’in sizin siteyi tanıması.

Style.css Tanımlaması

/*
Theme Name: Tema Adı
Theme URI: Temanın Dağıtıldığı Web Sayfası
Author: Geliştirici Adı
Author URI: Geliştirici Web Sayfası
Description: Tema Açıklaması
Version: Tema Sürümü
*/

wordpress-tema

#3-WordPress için Tema Programlama

Hazırlanan temanın wordpress’e entegre sırasında wordpress fonksiyonlarını kullanırız. Bütün wordpress fonksiyonları için http://codex.wordpress.org/Function_Reference adresini incelemeniz gerekir biz gezegende.com ekibi olarak yeni başlayanlar için temel komutları Türkçeleştirdik ilk adımda bizim Türkçeleştirdiğimiz komutlar ile basit blog,kurumsal vb. gibi siteleri entegre edebilirsiniz fakat ileri seviye siteler için verdiğimiz linki incelemenizi şiddetle tavsiye etmekteyiz. Eğer sizde kodlarınızı sublime text üzerinden hazırlıyorsanız  WordPress Extensions ile çok kısa sürede tasarımlarınızı entegre edebilirsiniz.

Title (Sayfa Başlığı)

<?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'KODLAB' ), max( $paged, $page ) );
?>

 

Sayfaları Listeleme

<?php wp_list_pages('title_li=');?>

Yazı Başlığı

<?php the_title();?>

Yazı Bağlantısı

<?php the_permalink();?>

Yazar Adı

<?php author_meta("display_name");?>

Yazıya Yapılan Yorum Sayısı

<?php comments_popup_link(__('Yorum yapılmamış'),__('1 yorum yapılmış'), __('% yorum yapılmış'), '', __('Yorumlara kapalı')); ?>

Yazı Tarihi

<?php the_time(Y/m/d);?>

ilkel Döngü

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
// buraya iskelet
<?php endwhile; else: ?>
<p><?php _e('Sonuç Bulunamadı.'); ?></p>
<?php endif; ?>

Bileşen Tanımlama

<?php
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sağ Bölüm',
'before_widget' => ' ',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));
}
?>

Bileşenin Gösterilmesi

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
<?php endif; ?>

Popüler Yazıları Listeleme

<?php
// sorgu koşulu belirlenir
query_posts(array('meta_key' => 'views', 'orderby' => 'meta_value_num'));
while ( have_posts() ) : the_post();
//Listeleme iskeleti
endwhile;
wp_reset_query();
?>

Rastgele Yazıları Listeleme

<?php
// sorgu koşulu belirlenir
query_posts('showposts=5&orderby=rand');
while ( have_posts() ) : the_post();
//Listeleme iskeleti
endwhile;
wp_reset_query();
?>

 

Bir Cevap Yazın