WordPress Tema Dosya Yapısı ve Şablon Parçaları

📦 WordPress Temasının Temel Dosya Yapısı

Bir WordPress teması, aşağıdaki gibi bir klasör ve dosya yapısıyla başlar:

benim-temam/
├── style.css
├── index.php
├── functions.php
├── header.php
├── footer.php
├── sidebar.php
├── screenshot.png (isteğe bağlı)

📌 Zorunlu Dosyalar

Dosya	Görevi
`style.css`	Tema bilgilerini içerir (önceki yazıda oluşturduk)
`index.php`	Ana şablon dosyası. Her şeyin yedeği gibi çalışır
`functions.php`	Tema özellikleri ve script tanımlamaları yapılır

🔗 Şablon Parçaları Nedir?

WordPress’te kodunuzu parçalara ayırmak iyi bir pratiktir. Böylece kodlar modüler, okunabilir ve tekrar kullanılabilir hale gelir.

🧩 Temel Şablon Parçaları

header.php – <head> ve üst bölüm kodları
footer.php – Alt bilgi (footer) bölümü
sidebar.php – Kenar çubuğu (isteğe bağlı)

🛠️ `header.php` – Üst Bölüm

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?php wp_title('|', true, 'right'); ?></title>
  <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
  <header>
    <h1><a href="<?php echo esc_url(home_url()); ?>"><?php bloginfo('name'); ?></a></h1>
    <p><?php bloginfo('description'); ?></p>
  </header>

Dikkat: wp_head() fonksiyonu, eklentiler ve tema stilleri için gereklidir.

🛠️ `footer.php` – Alt Bilgi

  <footer>
    <p>&copy; <?php echo date("Y"); ?> - <?php bloginfo('name'); ?></p>
  </footer>
  <?php wp_footer(); ?>
</body>
</html>

wp_footer() da aynı şekilde JavaScript dosyaları ve eklenti işlevleri için zorunludur.

🔁 `index.php` – Şablon Parçaları ile Güncelleme

Artık index.php dosyamızda doğrudan HTML değil, şablon parçalarını çağıracağız.

<?php get_header(); ?>

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

<?php get_footer(); ?>

🛠️ `functions.php` – Tema Fonksiyonları

<?php
// Tema destekleri
function benim_temam_setup() {
  add_theme_support('title-tag'); // <title> etiketi WordPress tarafından yönetilsin
  add_theme_support('post-thumbnails'); // Öne çıkan görseller
  add_theme_support('menus'); // Menü desteği
}
add_action('after_setup_theme', 'benim_temam_setup');

// CSS ve JS dosyası eklemek
function benim_temam_scripts() {
  wp_enqueue_style('benim-temam-style', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'benim_temam_scripts');

functions.php dosyası temaya işlevsellik katmak için kullanılır. Menü, stil dosyaları, görsel desteği gibi özellikler buradan kontrol edilir.

🎯 Sonuç

Bu yazıda:

WordPress tema yapısını öğrendik
Şablon parçaları (header, footer) ile yapıyı modüler hale getirdik
functions.php ile tema destekleri tanımladık

🚀 Sonraki Yazı: WordPress Döngüsü (The Loop) ile Yazıları Listeleme

Bir sonraki yazıda, WordPress’in en güçlü özelliği olan “The Loop” (döngü) ile blog yazılarını nasıl listeleyeceğimizi ve temamızın içerik alanını nasıl dinamik hale getireceğimizi göstereceğim.

📦 WordPress Temasının Temel Dosya Yapısı

📌 Zorunlu Dosyalar

🔗 Şablon Parçaları Nedir?

🧩 Temel Şablon Parçaları

🛠️ header.php – Üst Bölüm

🛠️ footer.php – Alt Bilgi

🔁 index.php – Şablon Parçaları ile Güncelleme

🛠️ functions.php – Tema Fonksiyonları