PeriDent Nedir?
PeriDent, pedodonti (çocuk diş hekimliği) uzmanları, çocuk dostu aile diş klinikleri ve 0–17 yaş grubuna hizmet veren ağız sağlığı merkezleri için sıfırdan tasarlanmış, animasyonlu bir PHP web sitesi temasıdır.
Tasarımın tüm renk, tipografi ve bileşen kararları tek bir sorudan hareketle şekillenmiştir: Bir ebeveyn çocuğunu kliniğe götürmeye karar vermeden önce sitede ne arıyor? Bu sorunun üç yanıtı var — güven, kolaylık ve ortamın çocuğa uygunluğu. PeriDent bu üçünü tasarımın her katmanına yerleştirmiştir.
Teal (#2BBFCF) ve lacivert (#1A3A48) iki renkli sistemi; SVG diş karakteri maskotu, teal dalga geçiş animasyonları ve pastel renkli hizmet kartı slayderi ile tamamlanır. Tüm bu görsel kararlar pediatrik kliniklerin ebeveyn kitlesiyle konuşma diline uygun biçimde seçilmiştir.
Teknik altyapı saf PHP 8.1 ile yazılmıştır. WordPress bağımlılığı, eklenti güncelleme riski, CDN yavaşlaması yoktur. Her sayfa doğrudan PHP + PDO + MySQL üzerinde çalışır.
Neden PeriDent?
Ebeveyne güven veren tasarım kararları
Bir ebeveyn çocuğu için diş hekimi ararken kliniğin fiziksel konumundan önce web sitesini değerlendirir. PeriDent'in tasarımı bu değerlendirmeyi kazanmak için şu kararları bilinçli olarak almıştır:
- Hekim yüzü ön planda: Ekip sayfası ve ana sayfa "hekimlerimiz" bölümü, doktorun fotoğrafını, adını, uzmanlık belgesini ve kısa biyografisini bir arada sunar. Ebeveyn klinisyeni daha randevu almadan tanır.
- İletişim bilgisi her sayfada: Telefon numarası ve WhatsApp bağlantısı başlık bölümü, footer ve iletişim sayfasında tekrar eder. Ebeveyn hiçbir zaman "nasıl ulaşırım?" diye arama yapmak zorunda kalmaz.
- Somut çalışma saatleri: Admin panelden yönetilen çalışma saati bilgisi, footer'da sabit biçimde görünür. "Bugün açık mı?" sorusu sitede yanıtlanır.
- KVKK uyumu: İletişim formu KVKK onay kutucuğu ile gelir. Ayrı KVKK aydınlatma metni sayfası hazır olarak sunulur.
Çocukların gözünde farklı bir klinik
Pediatrik davranış araştırmaları, çocukların bir ortamı renk ve karakter üzerinden değerlendirdiğini göstermektedir. PeriDent bu bulguyu tasarıma taşımıştır:
- Teal renk paleti soğuk beyaz'ın aksine sıcak ve güven verici bir atmosfer oluşturur.
- SVG diş maskotu — gözleri, pembe yanakları ve gülümsemesiyle — çocuğun "burada bana benzer biri var" hissini doğal biçimde tetikler.
- Hizmet kartı slayderi krem, adaçayı yeşili ve lavanta gibi pastel arkaplanlar kullanır; steril beyaz değil.
- Animasyonlar hızlı ve saldırgan değil, scroll ile tetiklenen yavaş fade geçişleri şeklinde tasarlanmıştır — çocukların ve ebeveynlerin dikkat dağınıklığı yaratmadan fark ettiği türden.
Randevu önünde engel bırakmayan yapı
- Ana sayfa hero bölümü, hizmet kartı slayderi ve iletişim sayfası — üç ayrı konumda randevu formu
- Tüm sayfalarda sabit WhatsApp butonu (mobilde en sık kullanılan iletişim kanalı)
- Randevu formu tarih/saat seçicisi ile gelir; e-posta bildirimi admin panelden ayarlanır
Öne Çıkan Özellikler
- Animasyonlu ana sayfa — hero'da teal dalga geçişi, floating parçacık efektleri, bölüm geçişlerinde IntersectionObserver tetiklemeli fade animasyonları
- SVG diş karakteri maskotu — footer alt kısmında ve hero bölümünde konumlandırılmış, responsive olarak ölçekleniyor
- Hizmet kartları slayderi — pastel arka planlar (krem #FFF8EE / adaçayı #EEF5EE / lavanta #EEF1FF / gül #FEF2F2), büyük renkli dairesel ikon, yatay kaydırma, önceki/sonraki navigasyon butonları
- Doktor profil kartları ve modal — ekip sayfasında kart görünümü, kartına tıklandığında detay modalı (fotoğraf, uzmanlık, biyografi, dil bilgisi)
- Blog sistemi — kategori ve etiket yönetimi, okuma süresi hesabı, öne çıkan yazı seçimi, blog detay sayfasında otomatik içindekiler tablosu (TOC) ve okuma ilerleme çubuğu
- Galeri — lightbox destekli, admin panelden görsel yükleme ve sıralama, AVIF/WebP otomatik dönüşüm
- İletişim ve randevu — Google Haritalar embed, çalışma saatleri, randevu formu, spam koruması
- WhatsApp sabit butonu — tüm sayfalarda sağ alt köşede, mobilde öncelikli görünüm
- KVKK aydınlatma metni sayfası — admin panelden düzenlenebilir içerik
- 404 hata sayfası — kliniğe özel yönlendirme mesajı ve ana sayfaya dönüş butonu
- Mobil öncelikli tasarım — 375px genişliğinden başlayarak test edilmiş, her breakpoint ayrı ayrı düzenlenmiş
- SEO meta yönetimi — her sayfa için bağımsız title/description/keywords alanı, admin panelden düzenlenebilir
- Schema.org DentalClinic — tüm sayfalarda yapılandırılmış veri çıktısı, Google Haritalar ve zengin sonuçlar için optimize
- Open Graph ve Twitter Card — sosyal medyada paylaşımda doğru görsel ve metin önizlemesi
- AVIF/WebP görsel sistemi — yüklenen her görsel için otomatik format dönüşümü; AVIF birincil, WebP fallback, orijinal son tercih
- Sosyal medya entegrasyonu — Instagram, Facebook, LinkedIn, WhatsApp bağlantıları footer'da daima görünür
- KVKK uyumlu iletişim formu — onay kutucuğu, kişisel veri işleme bildirimi
- SSL uyumlu .htaccess — HTTPS zorlaması, URL yeniden yazımı, Gzip sıkıştırma, browser cache header'ları
- Sıfır harici bağımlılık — jQuery, Bootstrap, Google Fonts, CDN kullanmaz; tüm bağımlılıklar lokal
- Güncellenebilir sistem — admin panelde versiyon kontrolü, tek tıkla güncelleme (v1.x için)
Yönetim Paneli (12 Modül)
PeriDent admin paneli, kliniğin teknik destek almadan yönetebileceği biçimde tasarlanmıştır. Her modül kendi sekme ve formlarıyla ayrılmıştır; toplu kaydetme yoktur, değişiklikler anında canlıya yansır.
- Genel Ayarlar — Site adı, logo yükleme, slogan, telefon, adres, e-posta, çalışma saatleri, Google Haritalar embed kodu, sosyal medya linkleri (Instagram, Facebook, LinkedIn, WhatsApp)
- Hizmet Yönetimi — Yeni hizmet ekle, sırala (sürükle-bırak), her hizmet için: başlık, kısa açıklama, uzun açıklama, özellik listesi, ikon seçimi, slug (URL)
- Ekip Yönetimi — Doktor profili ekle/düzenle: fotoğraf yükleme, ad, unvan, uzmanlık alanı, biyografi, konuştuğu diller, sıralama
- Blog Yönetimi — Yazı oluştur/düzenle: başlık, içerik (zengin metin editörü), kategori seçimi, etiket ekleme, öne çıkan görsel, SEO meta alanları, yayın tarihi
- Blog Kategorileri — Kategori adı, slug yönetimi, kategori silme
- Galeri Yönetimi — Görsel yükleme (toplu yükleme desteği), başlık ve açıklama, albüm oluşturma, sıralama, silme
- Randevu Talepleri — Gelen talepler listesi, tarih/saat/hasta bilgisi görünümü, durum güncelleme (bekliyor / onaylandı / iptal), e-posta yanıtı gönderme
- İletişim Mesajları — Formdan gelen mesajlar, okundu/okunmadı işareti, arşivleme, silme
- SEO Ayarları — Ana sayfa ve tüm alt sayfalar için meta title/description, robots.txt düzenleme, XML sitemap oluşturma
- Sayfa İçerikleri — Hakkımızda sayfası metni, KVKK aydınlatma metni, istatistik sayıları (kaç yıl, kaç hasta) — kodlama olmadan düzenleme
- Medya Kütüphanesi — Tüm yüklenen görsellerin merkezi görünümü, kullanılmayan dosyaları temizleme, format bilgisi (AVIF/WebP/JPG)
- Güncelleme ve Lisans — Tema versiyon bilgisi, mevcut güncelleme kontrolü, lisans anahtarı girişi, güncelleme geçmişi
Teknik Altyapı
Performans
- PHP 8.1+ opcode cache ile native hız
- PDO + prepared statements — N+1 sorgu yok, index'li tablolar
- AVIF/WebP otomatik dönüşüm ile görsel boyutları ortalama %60 küçültülür
- Lazy loading — viewport dışındaki görseller sayfa yüklenmesini yavaşlatmaz
- Gzip sıkıştırma ve browser cache header'ları .htaccess üzerinden etkin
- Inline kritik CSS — ilk render'da harici CSS dosyası bekleme yok
Güvenlik
- PDO prepared statements — SQL injection'a karşı tam koruma
- htmlspecialchars() ile tüm kullanıcı girdisi sanitize — XSS koruması
- CSRF token — form gönderimlerinde çift-submit ve token kontrolü
- Admin oturumu — bcrypt ile hashlenmiş şifre, session fixation koruması
- Dosya yükleme — MIME tipi doğrulama, uzantı filtresi, rastgele isim ataması
SEO
- Schema.org DentalClinic yapılandırılmış verisi — tüm sayfalarda
- Canonical URL, hreflang, noindex koruması — admin panelden yönetim
- XML sitemap otomatik oluşturma — her içerik güncellemesinde yeniden oluşturulur
- Open Graph ve Twitter Card — klinik logosu, sayfa açıklaması, kapak görseli
- Semantic HTML5 — heading hiyerarşisi, alt etiketleri, aria-label'lar
Diş Hekimliği Reklam Yönetmeliğine Uyumluluk
PeriDent, Türk Diş Hekimleri Birliği'nin 12 Kasım 2025 tarihli reklam yönetmeliğine uygun biçimde tasarlanmıştır:
- Önce/sonra galeri bileşeni yoktur
- Fiyat listesi veya indirim reklamı bileşeni yoktur
- Sonuç garantisi ifadesi içeren metin şablonu yoktur
- KVKK aydınlatma metni sayfası ve form onayı hazır olarak gelir
- Hasta yorumu bileşeni varsayılan olarak kapalıdır
