VERTEX Education - Online Eğitim Platformu Teması

Online Eğitim Platformunuzu Sıfırdan Kurun

VERTEX Education, online kurs satmak isteyen eğitmenler, bootcamp organizatörleri ve eğitim kurumları için sıfırdan PHP 8 ile yazılmış profesyonel bir web sitesi temasıdır. Udemy veya Teachable gibi platformlarda gelirinizin büyük bölümünü komisyona kaptırmak yerine, kendi platformunuzu bir kez kurun ve gelirin %100'ünü alın.

WordPress eklenti yığınlarına veya yavaş LMS sistemlerine ihtiyacınız yok — 20 frontend sayfa, 16 admin sayfası ve 22 veritabanı tablosu ile eksiksiz, bağımsız bir eğitim platformu.

VERTEX Education Neden Farklı?

Standart eğitim şablonları statik ve jenerik görünür. VERTEX Education, Deep Forest koyu zemin (#0D1F17) üzerine Emerald Green (#10B981) accent rengiyle profesyonel ama enerjik bir deneyim sunar. Sora variable fontu, geometrik yapısıyla dijital eğitimin teknik netliğini ve insani sıcaklığını bir arada taşır. En önemlisi: animasyonlar bu temayı rakiplerden ayıran ana unsurdur.

Öne Çıkan Özellikler

Aurora Efekti ve Canlı Animasyonlar

Hero bölümündeki aurora efekti, dönen conic-gradient ile sürekli hareket halindedir (30 saniye döngü). Yüzen parçacıklar ve geometrik şekiller arka planda hareket ederken mouse parallaksı ile arka plan elemanları kullanıcının fare hareketini takip eder. Typed text animasyonu ile hero'da 4 farklı metin arasında yazma/silme döngüsü çalışır.

• Aurora Efekti: Conic-gradient ile dönen emerald arka plan parlaması
• Parçacık Sistemi: 4-6 farklı boyutta yüzen animasyonlu daireler
• Typed Text: 4 farklı slogan arasında yazma/silme döngüsü
• 3D Tilt: Kurs kartlarında perspective ile derinlik efekti
• Manyetik Butonlar: CTA butonları mouse konumunu takip eder
• Sayaç Animasyonu: İstatistik rakamları sıfırdan hedefe easeOutCubic ile sayar
• Card Glow: Kart hover'ında emerald parlama efekti
• Mouse Parallax: Arka plan elemanları fare hareketini takip eder

Kurs Yönetim Sistemi

Her kursun müfredatı bölüm ve ders yapısında yönetilir. Öğrenme hedefleri JSON formatında madde madde girilir, frontend'de ikon listesine dönüşür. İki seviyeli fiyatlandırma: kurs bazlı fiyat ve platform bazlı abonelik planları (Başlangıç, Profesyonel, Kurumsal). Orijinal fiyat ve güncel fiyat alanları ile indirim yüzdesi otomatik hesaplanır.

• Müfredat editörü: bölüm ve ders yapısı
• Öğrenme hedefleri (JSON, madde madde)
• Ücretsiz kurs desteği (fiyat = 0)
• İndirim yüzdesi otomatik hesaplama
• 3 abonelik planı (admin panelden düzenlenebilir)
• Featured plan kartı vurgusu
• Kategori bazlı kurs filtreleme ve arama
• İlgili kurslar otomatik önerisi

Eğitmen Profil Sistemi

Her eğitmenin biyografi, uzmanlık alanları, sosyal medya bağlantıları ve verdiği kurslar otomatik olarak listelenir. Eğitmenler hem ayrı bir sayfa olarak (/egitmenler) hem de kurs detay sayfasında gösterilir.

• Ad, soyad ve ünvan (örn: "Senior Python Developer")
• Profesyonel biyografi ve şirket bilgisi
• LinkedIn, Twitter/X, GitHub sosyal medya linkleri
• Verdiği kursların otomatik listelenmesi
• Profil fotoğrafı (AVIF/WebP optimize)

Tam Donanımlı Admin Panel

16 sayfalık admin paneli ile sitenin her alanını kod bilgisi gerektirmeden yönetin. Kurs ekleme, eğitmen profili, blog yazısı, medya yükleme, menü düzenleme, kullanıcı yönetimi — hepsi görsel arayüzden.

• Kurs Yönetimi (müfredat, hedefler, fiyat, kategori)
• Blog Yönetimi (TinyMCE zengin metin editörü)
• Ekip Üyeleri Yönetimi (fotoğraf, unvan, sosyal medya)
• Referans / Yorum Yönetimi
• Sayfa İçerikleri (hero, hakkımızda, istatistikler)
• Menü Yönetimi (header/footer)
• Kullanıcı Yönetimi
• Medya Kütüphanesi (AVIF/WebP otomatik dönüşüm)
• Mesaj Yönetimi (iletişim formundan gelenler)
• Güncelleme Yönetimi (tek tıkla otomatik güncelleme)

8 Sekmeli Ayarlar Paneli

Genel (site adı, logo), İletişim (e-posta, telefon, adres, harita), Sosyal Medya (6 platform), Görünüm (renkler, fontlar), SEO (meta başlık, açıklama, OG görseli), Scriptler (GA4, GTM, Facebook Pixel, özel kodlar), Footer ve İstatistikler (toplam öğrenci, kurs, eğitmen, memnuniyet).

SEO ve Schema.org

Her sayfa türüne özel Schema.org JSON-LD markup otomatik eklenir. Course schema ile kurs detay sayfaları Google'da zengin sonuç (Rich Result) gösterir. FAQPage schema ile SSS bölümü Google'da People Also Ask'e çıkar.

• Ana Sayfa: Organization schema
• Kurs Detay: Course schema (ad, fiyat, eğitmen, dil)
• Blog: BlogPosting schema (başlık, yazar, tarih)
• İletişim / SSS: FAQPage schema
• Tüm Sayfalar: BreadcrumbList schema
• XML Sitemap (kurslar ve blog otomatik dahil)
• Open Graph ve Twitter Card
• Canonical URL her sayfada

Teknik Altyapı

Harici CSS dosyası yoktur — tüm stiller inline gömülüdür, ayrı HTTP isteği yapılmaz. Tek değişken font (Sora) yüklenir.

• AVIF/WebP otomatik görsel optimizasyonu
• GZIP sıkıştırma (14 içerik tipi)
• 1 yıl browser cache (CSS/JS/görseller)
• SSRF korumalı image proxy (7 gün cache, otomatik GC)
• Lazy loading viewport dışı görseller için

Güvenlik

• CSRF token — tüm formlarda
• XSS filtreleme — htmlspecialchars() ile çıktı temizleme
• SQL Injection — PDO prepared statements
• HSTS, X-Content-Type-Options, X-Frame-Options, Referrer-Policy
• uploads/ dizininde PHP çalıştırma engeli

Destek ve Güncelleme

Tema satın alımınıza 6 ay ücretsiz teknik destek dahildir. Güvenlik yamaları ve yeni özellikler içeren güncellemeler ömür boyu ücretsiz sunulur. Admin paneldeki güncelleme modülü ile tek tıkla en son sürüme geçin. Her güncelleme öncesi otomatik yedek alınır.