Yazılar

Saffet İLHAN yazılar kategorisi: web tasarım, hosting, domain, sistem ve UI/UX çalışmaları.

Dinamik PHP Paneli Nasıl Kurulur?

15 Mart 2026

Dinamik PHP paneli, bir web sitesindeki içerikleri kod dosyalarına dokunmadan yönetebilmek için kurulan özel yönetim alanıdır. Bir siteye her yeni proje, blog yazısı, hizmet, görsel veya iletişim bilgisi ekleneceğinde dosya açıp kod düzenlemek yerine, panelden form doldurarak işlem yapılır. Bu yapı özellikle portfolyo, firma sitesi, blog, haber sitesi ve kurumsal web projelerinde büyük kolaylık sağlar. İşin temelinde üç ana parça vardır: PHP, veritabanı ve yönetim ekranı. PHP, kullanıcının panelden gönderdiği bilgileri işler. Veritabanı, bu bilgileri düzenli şekilde saklar. Yönetim ekranı ise site sahibinin başlık, açıklama, görsel, kategori, durum ve sıralama gibi alanları kolayca değiştirebildiği arayüzdür. Panel kurmaya başlamadan önce hangi alanların yönetileceği netleşmelidir. Örneğin bir portfolyo sitesinde ana sayfa metinleri, hakkımda yazısı, projeler, hizmetler, yetenekler, blog yazıları, iletişim bilgileri ve SEO ayarları panelden değiştirilebilir olmalıdır. Bu alanlar önceden doğru planlanırsa sistem daha sonra büyütülürken zorlanmaz. Veritabanı tarafında her şeyi tek bir yere doldurmak yerine, verinin türüne göre düzen kurmak gerekir. Site ayarları ayrı, metin blokları ayrı, projeler ve blog yazıları ayrı tutulabilir. Böylece hem sorgular daha anlaşılır olur hem de panelde hangi bilginin nereden geldiği kolay takip edilir. İyi kurulmuş bir veritabanı yapısı, panelin omurgasıdır. PDO kullanmak bu noktada önemlidir. PDO ile MySQL veya MariaDB veritabanına güvenli ve düzenli şekilde bağlanılır. Kullanıcıdan gelen veriler doğrudan SQL sorgusunun içine yazılmaz; prepared statement ile işlenir. Bu yöntem, SQL injection gibi temel güvenlik açıklarına karşı doğru başlangıçtır. Kısacası panel yazarken “veriyi aldım, sorguya bastım” mantığıyla değil, her veriyi kontrol ederek ilerlemek gerekir. CSRF koruması da panel güvenliği için gereklidir. Yönetici oturum açmışken, başka bir sayfanın onun adına form göndermesini engellemek için her forma özel bir güvenlik anahtarı eklenir. Form gönderildiğinde sunucu bu anahtarı kontrol eder. Anahtar doğru değilse işlem yapılmaz. Küçük görünen bu önlem, yönetim panelini daha güvenli hale getirir. Bir panelde sadece kayıt eklemek yetmez. Listeleme, düzenleme, pasife alma, silme ve sıralama işlemleri de düşünülmelidir. Blog yazısı yazan kişi başlıkları listede görmeli, istediği yazıyı düzenlemeli, gerekiyorsa pasife almalı ve sonra tekrar aktif edebilmelidir. Aynı mantık projeler, hizmetler ve diğer içerikler için de geçerlidir. Dinamik panelin site tarafındaki karşılığı da önemlidir. Panelden girilen bilgiler ziyaretçiye düzgün ve güvenli şekilde gösterilmelidir. Ekrana basılan her metin temizlenmeli, özel karakterler güvenli biçimde yazdırılmalı, boş veya pasif kayıtlar sitede görünmemelidir. Panel ne kadar iyi olursa olsun, ön yüzde doğru kullanılmayan veri sorun çıkarabilir. SEO açısından da yönetilebilir yapı büyük avantaj sağlar. Sayfa başlığı, açıklama, anahtar kelimeler, blog başlıkları, kategori sayfaları ve sitemap düzeni panelle uyumlu düşünülürse site Google tarafından daha anlaşılır hale gelir. Dinamik bir sistemde yeni yazı eklendiğinde bu yazının ayrı bir sayfası olmalı, arama motorları tarafından indekslenebilmelidir. Özetle dinamik PHP paneli; veriyi düzenli saklayan, güvenli oturum kullanan, PDO ve CSRF gibi temel korumaları olan, site sahibinin içerikleri kolayca yönetmesini sağlayan bir yapıdır. PHP hâlâ bu işler için güçlü bir dildir. Önemli olan paneli gelişi güzel değil, güvenlik, düzen, SEO ve kullanım kolaylığı düşünülerek kurmaktır.

UI/UX Tasarımında Minimalizm

5 Mart 2026

UI/UX tasarımında minimalizm, ekrandaki her şeyi azaltmak demek değildir. Asıl mesele, kullanıcının ihtiyacı olmayan kalabalığı ortadan kaldırıp önemli olanı daha görünür hale getirmektir. Bir arayüz sade görünebilir ama kullanıcı ne yapacağını anlamıyorsa o tasarım minimalist değil, eksik tasarımdır. Ben bir web arayüzüne bakarken önce şunu düşünürüm: Bu sayfaya giren kişi ne arıyor, neyi hızlıca görmek istiyor ve hangi işlemi yapmasını bekliyoruz? Menü, başlık, buton, form, görsel ve boşlukların tamamı bu soruya hizmet etmelidir. Tasarım göze hoş gelsin diye değil, kullanıcıyı doğru yere götürsün diye yapılır. Minimal tasarımda tipografi çok önemlidir. Başlıkla metin aynı ağırlıkta olursa kullanıcı nereye bakacağını bilemez. Ana başlık güçlü, açıklama okunur, buton ise net olmalıdır. Gereksiz büyük yazılar, her yere konulan efektler veya fazla renk kullanımı sayfanın güven hissini zayıflatır. Sadelik, doğru hiyerarşiyle birleştiğinde profesyonel görünür. Renk kullanımında da ölçülü davranmak gerekir. Her alanı farklı renkle vurgulamak yerine, ana aksiyonları belirgin tutmak daha doğru sonuç verir. Kullanıcı bir sayfada hangi butona basacağını düşünmek zorunda kalmamalıdır. İletişim, teklif al, detay gör veya satın al gibi temel işlemler görsel olarak ayrışmalıdır. Boşluk kullanımı minimalizmin en güçlü taraflarından biridir. Her şeyi birbirine yapıştırırsan sayfa dolu görünür ama okunmaz. Doğru boşluk ise içeriğe nefes aldırır. Kartlar, paragraflar, formlar ve butonlar arasında yeterli mesafe olduğunda kullanıcı sayfayı daha rahat tarar. UI tarafı görünen tasarımdır; UX tarafı ise kullanıcının o tasarım içinde yaşadığı deneyimdir. Güzel görünen ama yavaş açılan, mobilde taşan, formu zor doldurulan veya butonları belirsiz olan bir site iyi UX sunmaz. Bu yüzden minimalizm sadece görsel sadelik değil; hız, okunabilirlik, erişilebilirlik ve doğru akış meselesidir. Mobil ekranlarda minimal tasarım daha da kritik hale gelir. Masaüstünde yan yana duran alanlar telefonda üst üste gelir. Bu durumda başlıklar kısa, formlar anlaşılır, butonlar parmakla rahat basılabilir olmalıdır. Bir site mobilde yoruyorsa kullanıcı çoğu zaman beklemez, çıkar. Benim için iyi minimal tasarımın ölçüsü şudur: Kullanıcı siteye girdiğinde ne anlatıldığını hızlıca anlamalı, aradığı bilgiye kolay ulaşmalı ve işlem yapmak istediğinde önüne engel çıkmamalıdır. Fazlalığı azaltmak, değeri azaltmak değildir. Tam tersine, doğru yapılan sade tasarım markanın ciddiyetini daha net gösterir.

Web Performansını Artırmanın 10 Yolu

20 Şubat 2026

Web performansı, bir sitenin sadece hızlı açılması değildir. Sayfanın ne kadar çabuk yüklendiği, kullanıcının ilk içeriği ne zaman gördüğü, butona bastığında ne kadar hızlı tepki aldığı ve mobilde ne kadar rahat gezildiği performansın tamamını oluşturur. Yavaş site kullanıcıyı da, Google tarafını da memnun etmez. İlk yapılacak iş görselleri kontrol etmektir. Birçok sitede en büyük yavaşlık sebebi gereksiz büyük resimlerdir. Ekranda 400 piksel görünecek bir görseli 3000 piksel genişliğinde yüklemek gereksizdir. Görseller sıkıştırılmalı, doğru boyutta hazırlanmalı ve mümkünse modern formatlarla sunulmalıdır. İkinci konu gereksiz dosya yükünü azaltmaktır. Kullanılmayan CSS, fazla JavaScript, gereksiz kütüphaneler ve dışarıdan çekilen dosyalar sayfayı ağırlaştırır. Her eklenen eklenti, font veya script siteye bir yük getirir. Bu yüzden bir dosya gerçekten gerekli değilse projeye alınmamalıdır. Üçüncü olarak CSS ve JavaScript düzeni önemlidir. Sayfa açılırken kritik görünen alanlar hızlı gelmeli, aşağıda ihtiyaç duyulan kodlar mümkünse sonra yüklenmelidir. Kullanıcı ilk ekranda boş bir sayfa görmek yerine içeriği hızlıca görmelidir. İlk izlenim burada oluşur. Veritabanı tarafı da performansı etkiler. Gereksiz sorgular, indekslenmemiş tablolar ve her sayfa açılışında tekrar tekrar yapılan işlemler siteyi yavaşlatır. Dinamik bir PHP sitesinde sorgular sade tutulmalı, sadece ihtiyaç duyulan veriler çekilmeli ve listeleme alanlarında sıralama mantığı doğru kurulmalıdır. Sunucu ayarları ihmal edilmemelidir. PHP sürümü, MariaDB/MySQL ayarları, cache kullanımı, gzip veya brotli sıkıştırma, doğru .htaccess kuralları ve SSL yapılandırması performansa doğrudan etki eder. İyi kod kötü sunucuda, iyi sunucu da kötü kodda tam verim vermez; ikisi birlikte düşünülmelidir. Mobil performans ayrıca değerlendirilmelidir. Masaüstünde hızlı görünen bir site, telefonda aynı sonucu vermeyebilir. Mobil bağlantı daha zayıf olabilir, ekran daha küçük olduğu için görsel ve yazı düzeni daha hassas hale gelir. Bu yüzden responsive tasarım sadece ekrana sığdırmak değil, mobilde hızlı ve okunabilir deneyim sunmaktır. SEO açısından performansın değeri büyüktür. Google hızlı, temiz ve mobil uyumlu siteleri daha rahat tarar. Sayfa başlıkları, açıklamalar, sitemap, temiz URL yapısı ve hızlı yüklenen içerik bir araya geldiğinde site daha sağlıklı indekslenir. Performans sadece teknik puan değil, bulunabilirlik meselesidir. Ben web performansına bakarken şunu esas alırım: Kullanıcı beklemeyecek, sayfa titremeyecek, görseller geç patlamayacak, butonlar gecikmeyecek ve içerik rahat okunacak. Bunlar sağlandığında site hem daha profesyonel görünür hem de dönüşüm alma ihtimali yükselir.