Diğer eğitim projelerimize baktınız mı ? KolayBiyoloji.com KolayFizik.com KolayMatematik.com
WordPress Tema Blog Yazıları ve Döngü
Blog Yazıları ve The Loop (Döngü)
WordPress’in en güçlü yönlerinden biri, içerikleri (yazılar, sayfalar, özel yazı türleri) otomatik olarak döngü (loop) içinde işlemesidir.
Bu yazıda WordPress’in temel yapısı olan “The Loop” konusunu detaylıca öğreneceğiz.
🚀 Bu Yazıda Öğreneceklerimiz:
- WordPress Döngüsü nedir?
have_posts()vethe_post()kullanımı- Blog yazılarının listelenmesi
the_title(),the_content(),the_excerpt()kullanımı- Temel stil önerileri
🔁 The Loop Nedir?
The Loop, WordPress’in içerikleri çekmek ve görüntülemek için kullandığı temel yapıdır. Özetle:
❝ Veritabanından yazıları al, varsa göster; yoksa mesaj yaz. ❞
🧱 1. Basit Bir WordPress Döngüsü Örneği
Genelde index.php veya home.php dosyalarında şöyle bir yapı görürsünüz:
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<div><?php the_excerpt(); ?></div>
<?php endwhile; ?>
<?php else : ?>
<p>Hiç içerik bulunamadı.</p>
<?php endif; ?>
📌 Açıklaması:
have_posts()→ Gösterilecek yazı var mı kontrol ederthe_post()→ Bir sonraki yazıya geçer ve onu hazırlarthe_title()→ Yazının başlığını gösterirthe_excerpt()→ Kısa açıklamasını (özetini) gösterir
🗂️ 2. Yazı İçeriğini Gösterme
Eğer özet yerine tam içerik göstermek istersen:
<div><?php the_content(); ?></div>
Ancak blog listelerinde genellikle the_excerpt() tercih edilir çünkü:
- Hızlı yüklenir
- Kullanıcıyı “devamını oku” ya yönlendirir
🎯 3. Yazıya Link Verme
Yazı başlıklarını tıklanabilir hale getirmek için the_permalink() fonksiyonu kullanılır:
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
Bu, kullanıcıyı single.php dosyasındaki tam yazı sayfasına yönlendirir.
🗓️ 4. Yazı Tarihi, Yazar, Kategori Gibi Ek Bilgiler
<p>
Yayın Tarihi: <?php the_time('d M Y'); ?> <br>
Yazar: <?php the_author(); ?> <br>
Kategori: <?php the_category(', '); ?>
</p>
Bu bilgileri meta satırı olarak gösterebilir ve tasarımla özelleştirebilirsiniz.
🎨 5. Basit Bir Blog Listesi Template’i (index.php)
<?php get_header(); ?>
<div class="blog-listesi">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<article class="yazi">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div class="ozet"><?php the_excerpt(); ?></div>
</article>
<?php endwhile; else : ?>
<p>Hiç yazı bulunamadı.</p>
<?php endif; ?>
</div>
<?php get_footer(); ?>
📦 Stil Önerisi (CSS)
.blog-listesi {
max-width: 800px;
margin: auto;
padding: 20px;
}
.yazi {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 20px;
}
.yazi h2 {
font-size: 24px;
}
.ozet {
color: #555;
}
✅ Özet
Bu bölümde şunları öğrendik:
- WordPress Döngüsünün (The Loop) temel mantığını
- Blog yazılarını listeleme yöntemlerini
the_title,the_excerpt,the_contentgibi önemli fonksiyonları- Basit ve işlevsel bir
index.phpörneğini
🔜 Sonraki Yazı: Sayfa ve Tekil Gönderi Şablonları
Bir sonraki yazıda:
single.phpile tek yazı sayfaları nasıl özelleştirilir?page.phpile özel sayfalar nasıl oluşturulur?- Gelişmiş içerik yönetimi için ACF (Advanced Custom Fields) kullanımı
Yeni bir yazı tipi ve görsel alanı eklemek istiyorsan, bu yazıyı kaçırma!