A'dan Z'ye Tema Geliştirme Master Rehberi

2. Dinamik Layout Kontrolü (Görünüm Değiştirme)

Kullanıcıların en çok sorduğu soru: "Ana sayfada poster, iç sayfalarda liste görünümü nasıl yapılır?" Cevabı çok basit: Dinamik Class veya Dinamik Template mantığı.

A. Dinamik Class Yöntemi (CSS Ağırlıklı)

`main.tpl` dosyanızda body veya ana taşıyıcı div'e sayfa ismini class olarak enjekte edin:

<div class="content-wrapper [available=main]home-poster-view[/available] [available=showfull]detail-view[/available]">
    {content}
</div>

CSS'inizde ise şöyle kontrol edin:

/* Normal Liste Görünümü */
.short-story { display: flex; gap: 15px; }

/* Ana Sayfada Poster Görünümü */
.home-poster-view .short-story { display: block; text-align: center; }

B. Dinamik Template Yöntemi (PHP/Etiket Ağırlıklı)

Ana sayfada tamamen farklı bir TPL kullanmak istiyorsanız `{content}` yerine `{custom}` kullanın:

[available=main]
    <!-- Ana sayfada poster tasarımını yükle -->
    {custom template="poster-article" limit="12" cache="yes"}
[/available]

[not-available=main]
    <!-- Diğer sayfalarda standart shortstory.tpl çalışsın -->
    {content}
[/not-available]

3. {custom} Etiketinin Gizli Gücü

Master bir temacı asla sadece `{content}`'e bağlı kalmaz. `{custom}` etiketiyle sitenizi bir portala dönüştürebilirsiniz.

• order="reads": En çok okunanları, order="date": En yenileri çeker.
• cache="yes": Hayati önem taşır. Sitenizin hızını 10 kat artırır.
• fixed="yes": Sadece "Sabitlenen" haberleri getirir (Slider için ideal).

4. Kategoriye Özel Tasarım (Category Split)

Oyun kategorisinde yeşil, Film kategorisinde kırmızı bir tema mı istiyorsunuz? `[category=X]` etiketi yardımınıza koşar.

<!-- Sadece 5 ID'li kategoride özel bir banner göster -->
[category=5]
    <div class="cinema-banner">Sinema Dunyasina Hosgeldiniz!</div>
[/category]

<!-- CSS dosyanızı bile kategoriye göre çağırabilirsiniz -->
[category=10]<link rel="stylesheet" href="{THEME}/css/gaming.css">[/category]

5. engine.css: Temanın Kalp Atışı

Yeni başlayanların en çok yaptığı hata engine.css dosyasını silmektir. Bu dosya DLE'nin motor gücünü görselleştirir.

6. Kullanıcı Grubu ve Yetki Kontrolü

Üyelerinize veya ziyaretçilerinize farklı içerikler göstermek için DLE'nin grup etiketlerini kullanın. Bu, "Üyelere Özel" alanlar yaratmanızı sağlar.

[group=1,2]
    <div class="admin-tools">Sadece Admin ve Editor görebilir.</div>
[/group]

[not-group=5]
    <div class="member-content">Ziyaretçiler hariç herkes görebilir.</div>
[/not-group]

7. Statik Sayfalara Özel Tasarım

Hakkımızda sayfasıyla İletişim sayfasının aynı static.tpl'yi kullanması sıkıcı olabilir. İsme özel kontrol geliştirin:

[static=iletisim]
    <!-- Sadece 'iletisim' isimli statik sayfada Google Maps göster -->
    <iframe src="..."></iframe>
[/static]

[not-static=iletisim]
    <!-- İletişim dışındaki statik sayfalarda standart içerik -->
    {static}
[/not-static]

8. Modern Oylama (Like / Dislike)

DLE 18.x sonrası yıldızlı oylama yerine Like/Dislike sistemi standart hale geldi. Şablonunuzda (shortstory.tpl veya fullstory.tpl) bunu en şık haliyle şöyle kurgulayabilirsiniz:

[rating-type-4]
    [rating-plus]
        <i class="fas fa-thumbs-up"></i> {rating}
    [/rating-plus]
[/rating-type-4]

[rating-type-4]
    [rating-minus]
        <i class="fas fa-thumbs-down"></i> {dislikes}
    [/rating-minus]
[/rating-type-4]

9. İnteraktif Kullanıcı Arayüzü (Dialog & Alerts)

DLE'de haber silme, şikayet etme veya hata mesajları gibi işlemler "UI Dialogue" kutuları ile yapılır. Bu kutuların şık görünmesi temanızın profesyonelliğini belirler.

6. Standart Dizin Yolları Tablosu