DleHub
elegance profil resmi
Yeni

HubNews – Modern ve Duyarlı DLE Haber & Magazin Teması (Emoji Reaction Plugin)

Geliştirici: elegance • Yayın: Bugün, 16:20
HubNews – Modern ve Duyarlı DLE Haber & Magazin Teması (Emoji Reaction Plugin)

HubNews Tema Kullanım Kılavuzu

Tema: HubNews v1.0
Klasör: HubNews
DLE: 19.0+ / 20.0 uyumlu
Tip: Haber / magazin teması (açık, mavi-yeşil aksan)
Dahili Eklenti: Emoji Reaction Popup Enterprise v7.1 (DLE 20 Native Panelli)

Bu doküman tema kurulumu, renk değişkenleri, anasayfa bölümleri, fullstory etkileşim barı, Emoji Reaksiyon eklentisi (kurulum, etiket kullanımı ve DLE 20 yönetimi), menü URL'leri, sıralama, mobil notlar ve sık karşılaşılan sorunları kapsar. Yayına almadan önce kontrol listesini uygulayın.

1. Gereksinimler

Gereksinim Açıklama
DataLife Engine 19.0 veya üzeri (20.0 önerilir)
PHP DLE'nin desteklediği sürüm
Tema klasörü /templates/HubNews/ (klasör adı büyük/küçük harfe dikkat)
İlave alanlar Gerekmez — tema ek xfield kullanmaz (aşağıda)

2. Kurulum

2.1 Tema dosyaları

  1. HubNews klasörünün içeriğini (veya klasörün kendisini) şu yola kopyalayın: 
    /templates/HubNews/
  2. Admin → Ayarlar → Sistem ayarları → Genel
    Aktif şablon: HubNews
  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 vardır:

  • Spoiler .text_spoiler düzeltmesi
  • Takvim .calendar / .monthselect stilleri
  • engine.css içinde çekirdek UI (rating yıldızları, sort, form) stilleri

3. İlk yapılandırma kontrol listesi

  • ✓ Şablon HubNews seçildi, cache temizlendi
  • ✓ Kategoriler oluşturuldu (Haberler, Makaleler, Dünyadan, Spor, Magazin vb.)
  • ✓ main.tpl ve fullstory.tpl içindeki tüm category="1-10" değerleri gerçek kategori ID'lerinizle değiştirildi
  • ✓ Menü ve footer linkleri gerçek kategori URL'lerinize uyarlandı
  • ✓ Haber sıralama açıksa: Sistem Ayarları → Makale → "Kullanıcıların yayınlarda kategorilerin sıralama düzenini değiştirmesine izin ver" açık
  • ✓ Favicon / logo metni (main.tpl → .brand-logo) güncellendi
  • ✓ emoji-reaction-popup-enterprise.xml eklentisi yüklendi (Admin → Eklentiler)
  • ✓ fullstory.tpl içinde {emotevote} etiketi ve etkileşim barı kontrol edildi
  • ✓ Mobilde (yaklaşık 360-430px) anasayfa + fullstory test edildi

Önemli: Anasayfadaki category="1-10" yer tutucudur. Yayın öncesi mutlaka kendi kategori ID'lerinizle değiştirin; aksi halde bölümler yanlış veya aynı (tüm) içeriği gösterebilir.

4. Marka ve renkler

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

Token Değer Kullanım
--bg-main #f4f5f7 Sayfa arka planı
--bg-card #ffffff Kart / panel
--text-primary #111827 Ana metin
--text-muted #6b7280 İkincil metin
--accent-blue #0284c7 Ana vurgu (mavi)
--accent-blue-light #e0f2fe Açık mavi zemin
--accent-green #10b981 Yeşil vurgu
--border-radius-lg 16px Büyük kart köşesi
--border-radius-md 12px Orta köşe
--border-radius-sm 8px Küçük köşe

Logo metni: HubNews — main.tpl içinde <a class="brand-logo"> olarak geçer. Footer marka: DLeHub.

Font: Inter (Google Fonts, main.tpl <head>).

5. Anasayfa bileşenleri

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

Bölüm Şablon Not
Hero slider story_slider.tpl Büyük manşet slider
Hero yan liste story_mini.tpl Küçük kartlar
Son Dakika ticker story_ticker.tpl Kayan bant
Gündemdeki Haberler story_grid.tpl 3'lü grid
Kategoriler main.tpl .cat-card arka plan kartları
Spor story_horizontal.tpl Yatay liste
Magazin story_horizontal.tpl Yatay liste 
{custom category="GERÇEK_ID" template="story_horizontal" limit="6" order="date"}

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

  • Spor → /spor/
  • Magazin → /magazin/
  • Diğer örnekler: /sport/, /news/, /football/, /hockey/, /figure-skating/

6. Fullstory yan paneli (sidebar)

Sidebar, haber detayında (fullstory.tpl) .article-sidebar içinde tanımlıdır.

Blok Kaynak
Şu An Okunuyor {custom category="1-10" template="story_sidebar_item" limit="5" order="reads"}
Son Yorumlar {customcomments name="blockmaincomments" template="modules/lastcomments" ...}
Son Haberler {custom category="1-10" template="story_sidebar_item" limit="5" order="date"}

Mobilde sidebar içerik altına iner.

7. Haber detay (fullstory.tpl)

7.1 Yapı

  • Kategori rozeti, tarih, görüntülenme, yorum sayısı
  • Başlık, tam içerik ({full-story}), sayfalama ({pages})
  • Ortak Etkileşim Barı: Sol tarafta Emoji Reaksiyonları ({emotevote}), sağ tarafta standart DLE oylaması ([rating]) yer alır.
  • Yazar kartı: favori, hata bildir ([complaint]), düzenle ([edit]), paylaş (WhatsApp/Telegram/X/Facebook/Kopyala)
  • Düzenleme bilgisi, anket, önceki/sonraki, ilgili içerikler, yorumlar

Çift görsel uyarısı: Üstte ayrı kapak ve {short-story} kaldırılmıştır; tam haberde yalnızca {full-story} gösterilir. Görseli yalnızca tam habere koyun, böylece bir kez görünür.

7.2 Rating tipleri

  • [rating-type-1] Puan (yıldız) → {rating}
  • [rating-type-2] Sadece beğeni → {likes}
  • [rating-type-3] Beğen / Beğenme → {rating}
  • [rating-type-4] Beğeni ve Beğenmeme → {likes} / {dislikes}

7.3 Link etiketleri

  • [profile], [add-favorites], [del-favorites], [edit], [complaint], [pm] kendi <a> linkini üretir — içine tekrar <a> sarmayın, <span> kullanın.
  • {title limit="X"} gibi limit'li etiketler aynı şablonda yalnızca bir kez kullanılır (DLE sadece ilkini işler).

8. Emoji Reaksiyon Eklentisi (Emoji Reaction Popup Enterprise v7.1)

Tema ile birlikte gelen emoji-reaction-popup-enterprise.xml eklentisi, ziyaretçilerin haberlere tek tıkla eğlenceli emojilerle tepki vermesini sağlar.

8.1 Eklenti Kurulumu

  1. Admin Panel → Eklentiler → Eklenti Yükle bölümüne gidin.
  2. emoji-reaction-popup-enterprise.xml dosyasını seçip yükleyin.
  3. Veritabanı tabloları ({prefix}_emoji_types ve {prefix}_emoji_votes) otomatik oluşturulur.

8.2 Şablon Kullanımı (fullstory.tpl)

Haber detayında reaksiyon barını göstermek için {emotevote} etiketi kullanılır. Temada etkileşim barı içine entegre edilmiştir:

<div class="article-feedback-bar">
    <div class="feedback-emotes">
        <span class="feedback-label">Tepkiniz:</span>
        {emotevote}
    </div>
    [rating]
    <div class="feedback-rating">
        <span class="feedback-label">Puan:</span>
        ...
    </div>
    [/rating]
</div>

8.3 DLE 20 Native Admin Paneli (?mod=emotevote)

Admin Panel → Emoji Reaksiyonlar menüsünde 5 sekmeli DLE 20 native yönetim paneli sunulur:

  • 📊 Genel Bakış: Toplam oy, net sistem puanı ve hızlı istatistikler.
  • 😀 Emoji Yönetimi: Yeni emoji ekleme, puan değerini belirleme, yukarı/aşağı sıralama ve aktif/pasif yapma.
  • 📜 Canlı Loglar: Son verilen oyların kullanıcı/IP, tarih ve makale bazlı dökümü (tek tıkla oy silme desteği).
  • 🏆 Popüler İçerikler: En çok oy alan ve en yüksek puanlı makaleler.
  • 🛠️ Bakım & Araçlar: Puanları yeniden senkronize etme ve sistemi sıfırlama.

9. İlave alanlar

Bu tema ek ilave alan gerektirmez. Kategori, başlık, görsel, tarih gibi standart DLE alanlarını kullanır. Özel alan gerekirse standart [xfgiven_x] / [xfvalue_x] etiketleri desteklenir.

10. Şablon dosyaları (özet)

Dosya Görev
main.tpl İskelet, header, anasayfa bölümleri, footer
shortstory.tpl Kategori / liste kartı
fullstory.tpl Haber detay
story_slider.tpl Hero slider kart
story_grid.tpl Gündem grid kart
story_horizontal.tpl Yatay liste kart
story_mini.tpl Küçük kart
story_sidebar_item.tpl Sidebar küçük kart
story_ticker.tpl Son dakika ticker
relatednews.tpl İlgili içerikler
comments.tpl / addcomments.tpl Yorumlar
userinfo.tpl Profil + düzenleme
pm.tpl Özel mesaj
stats.tpl İstatistikler
login.tpl Giriş / kullanıcı menüsü
categorymenu.tpl Kategori menüsü
css/styles.css Ana tema CSS
css/engine.css DLE çekirdek UI stilleri

11. Menü ve URL'ler

Üst menü main.tpl içinde tanımlıdır; kategori menüsü {catmenu} → categorymenu.tpl kullanır.

  • Ana Sayfa → /
  • Haberler → /haberler/
  • Makaleler → /makaleler/
  • Dünyadan → /dunya/
  • Yeniler → /index.php?do=lastnews
  • Kategoriler (açılır) → {catmenu}

Footer linkleri: /index.php?do=feedback, /index.php?do=stats, /index.php?do=search + yasal sayfalar (/yasal/, /reklam/, /privacy/, /terms/).

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

12. Haber yazım önerileri

  1. Tam haber: görsel + açıklama (fullstory'de yalnızca tam haber gösterilir)
  2. Görseli yalnızca tam habere koyun; kısa haberde listeler için küçük özet kullanabilirsiniz
  3. Kategori seçin (anasayfa bölümleri kategori ID'sine göre çalışır)
  4. Etiketleri ekleyin (fullstory etiket bloğu)
  5. Oylamayı etkinleştirip rating tipini seçin
  6. Mobilde çok sayıda tam genişlik görsel sayfayı uzatır — gerektiğinde azaltın

13. Ayarlar (önerilen)

Ayar Öneri
Haber sıralamasını kullanıcı değiştirsin Sistem Ayarları → Makale → "Kullanıcıların yayınlarda kategorilerin sıralama düzenini değiştirmesine izin ver" açık olmalı; sonra main.tpl → [sort]{sort}[/sort] görünür
İlgili haberler Açık (fullstory related bloğu)
Yorumlar / oylama İhtiyaca göre
Mobil görünüm Temada responsive CSS vardır; ayrı "mobil şablon" gerekmez

14. Mobil (6.78"+)

  • Hedef: yaklaşık 360-430px CSS genişlik (6.78" sınıfı telefonlar)
  • Kategoriler açılır menü, ticker, slider mobilde test edilmiştir
  • Form input'ları max-width: 100% (taşma yok)
  • Yukarı çık butonu mobilde küçülür ve sağ altta durur
  • Sıralama çubuğu mobilde dikey ve tam genişlik olur
  • Fullstory görselleri, ilgili içerikler, yorumlar, profil, PM mobilde responsive

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

Sorun Çözüm
Anasayfa bölümleri boş / aynı içerik main.tpl category="1-10" ID'lerini düzeltin, cache temizleyin
Sıralama (sort) görünmüyor Sistem Ayarları → Makale → "Kullanıcıların yayınlarda kategorilerin sıralama düzenini değiştirmesine izin ver" açık olmalı
Konu resmi birden çok görünüyor Görseli yalnızca tam habere koyun; kapak ve kısa haber kaldırıldı
{title limit="X"} ham basıyor Aynı şablonda limit'li etiketi yalnızca bir kez kullanın
icon_1.gif / icon_5.gif 404 Grup ikonu ({group-icon}) şablonlardan kaldırıldı; Admin → Kullanıcı Grupları'nda ikon tanımlamadıysanız görünmez
Yorum / PM / login taşıyor CSS max-width:100% var; tarayıcı hard refresh yapın
CSS eski görünüyor DLE cache + tarayıcı hard refresh (Ctrl+F5)
Menü / Tümü 404 Kategori alt URL'lerini SEO ayarınıza göre düzeltin
Magazin bölümü Spor ile aynı içerik Magazin kategori ID'sini category="X" olarak ayarlayın

16. Yayın öncesi son kontrol

  1. Kategori ID'leri ve URL'ler gerçek değerlerle güncellendi
  2. Menü ve footer linkleri çalışıyor
  3. Örnek 1 haber: tam içerik + görsel + kategori + etiket
  4. Desktop + telefon fullstory kontrolü
  5. Kayıt / giriş / PM / iletişim formları taşmıyor
  6. Yukarı çık butonu ve sıralama çubuğu test edildi
  7. Cache temiz, logo ve favicon görünüyor

HubNews · DLE 19/20 · Kullanım kılavuzu (editör)
Sorunlarda önce cache, sonra kategori ID / menü URL'lerini kontrol edin.



Dosya İndirme Kilitli

15 Gösterim 0 Yorum
1 0
Bu İçeriği DeğerlendirPuan: +10
Harika (+10p)
❤
1
Çalışıyor (+5p)
✅
0
Yararlı (+5p)
🚀
0
Hatalı (-5p)
❌
0
Sorum Var (0p)
❓
0
Teşekkürler (+2p)
🙏
0
1 kişi oy kullandı

İlgili Geliştirici Kaynakları

Geliştirici Tartışmaları

0 yorum

Yorum Ekle

Hesapla giriş:
Kodu Güncelle