ScriptLab Tema Kullanım Kılavuzu

Tema: ScriptLab v1.0
DLE: 19.0+ / 20.0 uyumlu
Tip: Koyu script / yazılım / araç teması

Bu doküman kurulum, ilave alanlar, anasayfa bölümleri, fullstory, menü URL’leri, mobil notlar ve sık karşılaşılan sorunları kapsar. Yayına almadan önce kontrol listesini uygulayın.

1. Gereksinimler

2. Kurulum

2.1 Tema dosyaları

1. ScriptLab klasörünün içeriğini (veya klasörün kendisini) şu yola kopyalayın:

   /templates/ScriptLab/

2. Admin → Ayarlar → Sistem ayarları → Genel
   Aktif şablon: ScriptLab
3. Önbelleği temizleyin (Admin → Araçlar / Cache).
4. Tarayıcıda hard refresh (Ctrl+F5) yapın — CSS/JS cache için önemli.

2.2 DLE 20.0 notu

Temada DLE 20 uyumluluk stilleri zaten vardır:

• .text_spoiler { display: none; }
• Takvim .monthselect-inner / .monthselect-title
• Hızlı haber editörü toolbar düzeltmesi
• attachment.tpl içinde data-type="iframe"

3. İlk yapılandırma kontrol listesi

• ✓ Şablon ScriptLab seçildi, cache temizlendi
• ✓ Kategoriler oluşturuldu: Mobil / Oyun / Program / Yazılım (veya kendi slug’larınız)
• ✓ main.tpl içindeki tüm category="1,2,3,4,5,6" değerleri gerçek kategori ID’lerinizle değiştirildi
• ✓ Menü ve footer linkleri (/kategori/mobil/ vb.) gerçek kategori URL’lerinize uyarlandı
• ✓ İlave alanlar oluşturuldu: download, demo, version
• ✓ Haber sıralama açıksa: Ayarlar → kullanıcıların sıralamayı değiştirmesine izin ver
• ✓ Favicon: images/favicon.ico yüklü
• ✓ Mobilde (yaklaşık 6.78″ / ~390px) ana sayfa + fullstory test edildi

Önemli: Anasayfadaki category="1,2,3,4,5,6" yer tutucudur. Yayın öncesi mutlaka kendi kategori ID’lerinizle değiştirin; aksi halde bölümler yanlış veya boş içerik gösterebilir.

4. Marka ve renkler

CSS değişkenleri (css/scriptlab.css → :root):

Logo metni: ScriptLab — main.tpl, modules/footer.tpl, offline.tpl içinde geçer.

Fontlar: Outfit + JetBrains Mono (Google Fonts, main.tpl).

5. Anasayfa bileşenleri

Anasayfa blokları main.tpl içinde [available=main] ile gelir.

{custom category="GERÇEK_ID" template="story_mini" limit="6" order="date"}

Tümü linkleri şu an örnektir — kendi kategori URL’nize çekin:

• /kategori/mobil/
• /kategori/oyun/
• /kategori/program/
• /kategori/yazilim/

6. Sidebar

Mobilde sidebar içerik altına iner (order: 2).

7. Haber detay (fullstory.tpl)

7.1 Yapı

• Başlık, meta (yazar / tarih / okuma / yorum), araç çubuğu (favori, yazdır, şikayet, paylaş…)
• İndir / Demo butonları (ilave alan doluysa)
• Oylama, {full-story} içerik, etiketler, anket, yazar kutusu
• Önceki / sonraki, ilgili içerikler (relatednews.tpl), yorumlar

Çift görsel uyarısı: Üstte ayrı kapak kullanılmaz. Kısa haber + uzun habere aynı görseli koyarsanız içerikte bir kez görünür. Kapak için kısa haberdeki ilk görsel ({image-1}) listelerde kullanılır.

7.2 Paylaşım

• Toolbar Paylaş → X / Facebook / Telegram / WhatsApp + kopyala
• İçerikte share-content sınıfı → DLE metin seçim paylaşımı (Masha)

7.3 Editör içeriği

• Paragraf, başlık, liste, tablo, pre/code, alıntı, spoiler stillenir
• Görseller mobilde ekrana sığacak şekilde zorlanır
• Paket listesi için editörde Kod / <pre> kullanın

8. İlave alanlar

Admin → İlave alanlar. Şablon alan adına bakar (açıklama metnine değil).

[xfgiven_download]...[xfvalue_download]...[/xfgiven_download]
[xfgiven_demo]...[xfvalue_demo]...[/xfgiven_demo]
[xfgiven_version][xfvalue_version][/xfgiven_version]

9. Şablon dosyaları (özet)

10. Menü ve URL’ler

modules/topmenu.tpl ve modules/footer.tpl içinde örnek linkler:

• Ana Sayfa → /
• Kategoriler → /kategori/mobil|oyun|program|yazilim/
• Son Eklenenler → /index.php?do=lastnews
• Favoriler → /index.php?do=favourite
• İletişim → /index.php?do=feedback
• İstatistik → /statistics.html (veya sitenizin stats URL’si)

Kendi DLE kategori alt URL yapınıza göre düzenleyin (SEO ayarına bağlı).

11. Haber yazım önerileri

1. Kısa haber: Özet + kapak görseli (listelerde {image-1})
2. Tam haber: Açıklama, ekran görüntüleri, paket listesi (pre)
3. Aynı görseli kısa + tama iki kez eklemek zorunda değilsiniz
4. download / demo / version alanlarını doldurun
5. Etiketleri ekleyin (fullstory etiket bloğu)
6. Mobilde 5–6 tam genişlik screenshot sayfayı uzatır — gerektiğinde azaltın veya galeri kullanın

12. Ayarlar (önerilen)

13. Mobil (6.78″+)

• Hedef: yaklaşık 360–430px CSS genişlik (6.78″ sınıfı telefonlar)
• Hamburger menü, sidebar altta, poster yatay kaydırma
• Form input’lar %100 genişlik (302px sabiti kaldırıldı)
• Fullstory görselleri, ilgili içerikler, profil, kategoriler mobilde test edilmiştir

14. Sık karşılaşılan sorunlar

15. Yayın öncesi son kontrol

1. Kategori ID’leri ve URL’ler gerçek değerlerle güncellendi
2. İlave alanlar aktif
3. Örnek 1 haber: kısa + tam + görsel + download + etiket
4. Desktop + telefon fullstory kontrolü
5. Kayıt / giriş / PM / iletişim formları taşmıyor
6. Footer ve menü linkleri çalışıyor
7. Cache temiz, favicon görünüyor

ScriptLab · DLE 19/20 · Kullanım kılavuzu (editör)
Sorunlarda önce cache, sonra kategori ID / ilave alan adlarını kontrol edin.