WordPress Tema Geliştirmeye Giriş

💡 WordPress Tema Nedir?

WordPress teması, web sitenizin görünümünü ve bazı işlevselliklerini kontrol eden bir dosya setidir. Temalar, HTML, CSS, PHP ve JavaScript kullanılarak oluşturulur. Her tema; başlık (header), içerik alanı, kenar çubuğu (sidebar), alt bilgi (footer) gibi bölümleri yönetir.

Hazır temalar her ne kadar işimizi kolaylaştırsa da, özgün bir tasarım ve işlevsellik isteyen projelerde özel tema geliştirme şart hale gelir.

🧠 Tema Geliştirmek İçin Gerekli Bilgiler

Başlamadan önce aşağıdaki teknolojilere az çok hâkim olmanız faydalı olacaktır:

Temel HTML ve CSS
Basit düzeyde PHP bilgisi
WordPress yapısına temel düzeyde aşinalık

🧰 Gerekli Araçlar

Araç	Açıklama
VS Code / Sublime	Kod editörü
LocalWP / XAMPP	Yerel geliştirme ortamı (PHP + MySQL)
Tarayıcı	Geliştirme ve test için

🗂️ Tema Klasörü Nasıl Oluşturulur?

WordPress’te bir tema oluşturmak için en az iki dosyaya ihtiyacınız var:

style.css → Temanın bilgilerini içerir
index.php → Ana şablon dosyasıdır

Bu dosyaları şu adrese yerleştir:

/wp-content/themes/benim-temam/

Örnek:

C:\xampp\htdocs\wordpress\wp-content\themes\benim-temam\

📄 1. style.css – Tema Bilgisi ve Stil Dosyası

Bu dosya, temanın adını, yazarını, sürümünü ve açıklamasını WordPress’e bildirir.

/*
Theme Name: Benim İlk Temam
Theme URI: https://ornek.com
Author: Senin Adın
Author URI: https://seninad.com
Description: Bu benim ilk özel WordPress temam.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: benim-temam
*/

body {
  background-color: #f5f5f5;
  font-family: sans-serif;
}

📄 2. index.php – Temanın Ana Dosyası

Bu dosya, web sitesine temel HTML yapısını sağlar.

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><?php bloginfo('name'); ?></title>
  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body>
  <h1><?php bloginfo('name'); ?></h1>
  <p><?php bloginfo('description'); ?></p>

  <div class="content">
    <?php
    if (have_posts()) :
      while (have_posts()) : the_post(); ?>
        <h2><?php the_title(); ?></h2>
        <div><?php the_content(); ?></div>
      <?php endwhile;
    else :
      echo '<p>İçerik bulunamadı.</p>';
    endif;
    ?>
  </div>
</body>
</html>

Bu yapı tamamen WordPress fonksiyonlarıyla çalışır. bloginfo() ve the_post() gibi fonksiyonlar dinamik içerik sağlar.

✅ Temayı Etkinleştirme

Dosyalarınızı şu dizine yerleştirin: /wp-content/themes/benim-temam/
WordPress admin paneline (örn. localhost/wordpress/wp-admin) girin
Görünüm → Temalar → “Benim İlk Temam” temasını etkinleştir

🔍 Sonuç

Bu yazımızda:

Tema geliştirmeye giriş yaptık
Gerekli iki temel dosyayı (style.css, index.php) oluşturduk
WordPress’e temamızı tanıttık ve aktif ettik

📚 Sonraki Yazı: Tema Dosya Yapısı ve Şablon Parçaları

Bir sonraki bölümde header.php, footer.php, functions.php gibi temel yapı taşlarını oluşturacağız. Böylece temamızı modüler ve sürdürülebilir hale getireceğiz.