Merhabalar;
Ücretsiz paylaşmak istedim malum forumdaki herşey paraya dönmüş durumda arada böyle paylaşımlar yapacağım
UYARMAK İSTERİM KESİNLİKLE FORUM İÇİ FORUM DIŞI SATIŞI YAPILMAMAKTADIR TAMAMEN ÜCRETSİZDİR DİLEDİĞİNİZ GİBİ KULLANABİLİRSİNİZ
Eklenti Görselleri





DOSYAYI İNDİR

🗂️ Yönetim Paneli

  1. Sınırsız Hikaye Kategorisi — "Öne Çıkanlar" (Highlights) olarak özel post type (CPT) ile sınırsız grup oluşturulabilir
  2. Kapak Görseli — Her kategori için ayrı kapak fotoğrafı yüklenebilir
  3. Başlık — Her kategoriye özel başlık girilebilir
  4. Çoklu Medya Yükleme — Her kategoriye sınırsız görsel (JPG/PNG/WebP) ve video (MP4) eklenebilir
  5. Sürükle-Bırak Sıralama — Hikayeler admin panelinde sürüklenerek yeniden sıralanabilir
  6. Altyazı (Caption) — Her hikaye için açıklama metni eklenebilir
  7. Bağlantı (CTA) — Her hikayelye "Daha Fazla Görüntüle" bağlantısı eklenebilir
  8. Hikaye Süresi — Her görsel için gösterim süresi (saniye) ayarlanabilir
  9. Kapak Boyutu Ayarı — Admin panelinde slider ile yuvarlak kapakların çapı ayarlanabilir (40–200px), canlı önizleme ile

⚙️ Ayarlar Sayfası

  1. Varsayılan Kapak Boyutu — Slider + sayı girişi + canlı önizleme balonu
  2. Başlık Göster/Gizle — Önden kapakların altındaki kategori adı gösterilebilir veya gizlenebilir

🎨 Ön Yüz Görünümü

  1. Instagram Benzeri Yuvarlak Kapaklar — Renkli degrade halkasıyla çevrili yuvarlak kapaklar
  2. Yatay Kaydırma — Kapaklar yatay scroll edilebilir satırda sıralanır
  3. Görülmüş Durumu — Tıklanan kapakların halkası griye döner (seen state)
  4. Hover Animasyonları — Kapaklar üzerine gelinince büyüme ve gölge efekti

📽️ Lightbox / Story Viewer

  1. Tam Ekran Lightbox — Kapak tıklanınca blur'lu koyu overlay ile modern popup açılır
  2. Otomatik Geçiş — Hikayeler belirtilen sürede otomatik ilerler
  3. Üst İlerleme Çubukları — Her hikaye için ayrı, gerçek zamanlı dolum animasyonlu progress bar
  4. Sol/Sağ Navigasyon — Ekranın sol/sağ yarısına tıklayarak önceki/sonraki hikayeye geçiş
  5. Grup Navigasyonu — Kategoriler arası geçiş için sol/sağ oklar
  6. Video Desteği — MP4 videolar oynatılır, süre otomatik olarak video uzunluğuna ayarlanır
  7. Ses Açma/Kapatma — Videolar için mute/unmute butonu
  8. Tutarak Durdurma — Ekrana basılı tutunca hikaye duraklar, bırakınca devam eder
  9. Kapatma — Sağ üst X butonu veya ESC tuşu ile kapatılır
  10. Açılış/Kapanış Animasyonu — Stage scale-in animasyonu ile açılır
  11. Altyazı Alanı — Hikaye üzerinde caption gösterimi
  12. CTA Bağlantı Butonu — Hikayede link varsa alt kısımda yönlendirme butonu

⌨️ Klavye & Dokunmatik Kontroller

  1. Klavye Desteği — → / ↓ sonraki, ← / ↑ önceki, ESC kapatır, Boşluk durdurur/devam ettirir
  2. Swipe Desteği — Mobilde sola/sağa kaydırarak grup değiştirme, yukarı kaydırarak kapatma

🛠️ Teknik Özellikler

  1. Shortcode Desteği — [instagram_stories] ile her sayfaya/yazıya eklenebilir
  2. Shortcode Parametreleri — size="", limit="", show_title="", ids="" parametreleri desteklenir
  3. Elementor Uyumlu — Elementor widget/HTML bloğu ile kullanılabilir
  4. Gutenberg Uyumlu — Shortcode bloğu ile çalışır
  5. Klasik Editör Uyumlu — TinyMCE editöründe shortcode olarak kullanılabilir
  6. Lazy Load — Görseller loading="lazy" ile sayfa performansını korur
  7. Vanilla JavaScript — jQuery bağımlılığı yok, hafif ve hızlı
  8. requestAnimationFrame Zamanlayıcı — Akıcı progress bar animasyonu için RAF tabanlı timer
  9. Güvenlik — Nonce doğrulama, veri sanitizasyonu ve escape işlemleri uygulanmış
  10. Tema Uyumluluğu — ElementorKit dahil agresif tema CSS override'larına karşı korumalı (div[role=button] + inline !important style)
  11. Responsive / Mobil Uyumlu — Mobilde tam ekran (100dvh), masaüstünde 420×748px stage