Wp Tema Yapımı 2 ( Şablon Dosyaları Ve İçerikleri )
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 :
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
-
<title><?php bloginfo('name'); ?> - <?php wp_title(); ?> </title>
-
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
-
<link rel="shortcut icon" href="http://www.byumut.com/v1/wp-content/uploads/favicon.ico">
-
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
-
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
-
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
-
<?php wp_head(); ?>
-
-
</head>
-
-
<body>
-
Diğer kodlar ... !
-
</body>
-
</html>
-
-
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 :
-
/*
-
Theme Name: İlk Tema
-
Theme URI: http://www.byumut.com
-
Description: Byumut ilk Tema
-
Version: 1.0
-
Author: UMUT CETİNKAYA
-
Author URI: http://www.byumut.com
-
*/
style.css dosyamızda bu şekilde arkadaşlar .
97 views
