Byumut » wp 2 http://www.byumut.com " En büyük risk, risk almamaktır.... " Tue, 27 Sep 2011 18:40:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Wp Tema Yapımı 2 ( Şablon Dosyaları Ve İçerikleri ) http://www.byumut.com/wordpress-wp-tema-yapimi-2-sablon-dosyalari/ http://www.byumut.com/wordpress-wp-tema-yapimi-2-sablon-dosyalari/#comments Fri, 24 Oct 2008 18:22:24 +0000 byumut http://www.byumut.com/?p=146 WordPress ( wp ) Tema Yapımı 1  başlıkla yazıyla başladığım yazı dizisine bu 2. başlıkla devam ediyorum . Bu başlık altında şablon dosyaları ve şablon dosyalarının içerikleri hakkında size bilgiler vereceğim . 

Şimdi şablon dosyalarından ve şablon dosyalarındaki içerikler şu şekilde :  

 

header.php :  Blog Başlığı , ve blogun kısa bir açıklaması olacaktır .

index.php :  Blogda yazılan yazıların başlık ve kısa açıklamaları bulunacak .

sidebar.php : Kategoriler ve arşiv bu bölümde olacaktır.

Footer.php : Bu bölümde ise blog sahibi hakkında bir copright adresi veya alt menü şeklinde menü bulunabilir.

Çok çook basit bir tema yapmaya başlıyoruz arkadaşlar bunun için ilk önce bir klasör oluşturuyoruz . Bu klasöre temamızın adını yazıyor mesela " ilk_tema "  sonra içerisine bir boş index.php birde style.css dosyası oluşturuyoruz ve sitemizin yada localserver'ımızın içinde kurulu olan wordpress dizinin içinde
" wp-content/themes/ "  yoluna bu oluşturduğumuz klasörü koyuyoruz .

/public_html/wp-content/themes/ilk_tema

Şimdi bu yolun içinde olan index.php ve style.css dosyaları içerisine yazmamız gereken temel kodlara bakalım .

index.php :

PLAIN TEXT
PHP:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  6. <title><?php bloginfo('name'); ?> - <?php wp_title(); ?> </title>
  7. <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
  8. <link rel="shortcut icon" href="http://www.byumut.com/v1/wp-content/uploads/favicon.ico">
  9. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  10. <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  11. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  12. <?php wp_head(); ?>
  13.  
  14. </head>
  15.  
  16. <body>
  17.     Diğer kodlar ... !
  18. </body>
  19. </html>
  20.  
  21.  

index.php için bu kodlar sitemizin ana sayfasını oluşturmaya ve title yani sayfa başlıklarını oluşturmuştur. Diğer iç kodları ise bu yazı dizimizin devamında anlatacağım .

style.css :

PLAIN TEXT
PHP:
  1. /* 
  2. Theme Name: İlk Tema
  3. Theme URI: http://www.byumut.com
  4. Description: Byumut ilk Tema
  5. Version: 1.0
  6. Author: UMUT CETİNKAYA
  7. Author URI: http://www.byumut.com
  9. */

style.css dosyamızda bu şekilde arkadaşlar .

97 views

]]> http://www.byumut.com/wordpress-wp-tema-yapimi-2-sablon-dosyalari/feed/ 0