İçeriğe geç

YeniAI ve otomasyon hizmetleri İnceleyin

Roof Digital ana sayfa

Özel WordPress Tema Tasarımı

Yalnız kullandığınız kodu taşıyan hafif bir tema

Hazır temalar binlerce siteye aynı anda hitap etmek zorunda olduğu için kullanmadığınız yüzlerce özelliği de beraberinde taşır. Özel tema bunun tam tersini yapar, yalnız sizin sayfa tiplerinizi ve alanlarınızı bilir. Sonuç daha az kod, daha hızlı sayfa ve daha az bağımlılıktır.

Birlikte çalıştığımız markalar

  • Villa Marine
  • Efeler Belediyesi Efeler Pazarı
  • Egesembol
  • Simge Kalıp
  • SMG Plast
  • Gentan
  • İstgen
  • Endutek
  • Kupon Kodları
  • Coldwell Banker
  • Ekmas Egem Opel
  • Altay Spor Kulübü
  • Spormarket
  • Virtual Metric
  • Medical Hair
  • Sir Winston

Özel WordPress Tema Tasarımı kimler için?

  • Hazır temanın sınırına gelmiş şirketler

    Tema ayarları yetmiyor, her istek için eklenti eklenmesi gerekiyor ve site giderek ağırlaşıyorsa özel tema bu döngüyü bitirir.

  • Standart olmayan içerik yapısı olanlar

    Ürün kataloğu, proje arşivi, bayi listesi, etkinlik takvimi ya da ilan yapısı gibi kendi alanlarına sahip içerikler hazır temalarda zorlanır.

  • Hız ve teknik kaliteyi öncelikleyenler

    Sayfa hızı ve arama motoru performansı doğrudan iş sonucuna bağlıysa, temadan gelen gereksiz yükü kaldırmak en kalıcı iyileştirmelerden biridir.

  • Uzun ömürlü site planlayanlar

    Siteyi birkaç yıl boyunca geliştirmeyi düşünen ekipler için üçüncü taraf tema lisansına bağımlı olmamak önemli bir avantajdır.

Kapsam ve teslimatlar

  • Tema mimarisi

    Şablon hiyerarşisinin kurulması, blok tema mı klasik tema mı ilerleneceğine karar verilmesi ve tema ayar dosyasının hazırlanması.

  • Özel içerik tipleri

    Hizmet, proje, referans, ekip, bayi gibi kendi listeleme ve detay sayfası olan içerik tiplerinin tanımlanması.

  • Özel alanlar

    Her içerik tipinin panelde doldurulacak alanlarının (görsel, bağlantı, sayı, tarih, tekrarlanan liste) tanımlanması ve arayüzün sadeleştirilmesi.

  • Şablon geliştirme

    Ana sayfa, arşiv, detay, arama sonucu ve hata sayfası şablonlarının kodlanması, tasarım sisteminin stil tanımlarına dönüştürülmesi.

  • Blok desenleri

    İçerik ekibinin sayfa kurarken kullanacağı hazır bölümlerin tema içine gömülmesi.

  • Devir belgeleri

    Kod yapısını, alan adlarını ve şablonların nasıl genişletileceğini anlatan teknik not.

Özel tema kararı hızdan değil, içeriğin yapısından çıkar

Özel tema çoğu zaman hız gerekçesiyle isteniyor. Hız gerçekten kazanılıyor, ama tek başına yeterli bir gerekçe değil: aynı kazancın bir bölümü temizlik ve önbellek çalışmasıyla da elde edilebiliyor.

Kararı asıl belirleyen şey içeriğin şekli. Sitede bir ürünün teknik özellikleri, bir bayinin il bilgisi ya da bir projenin bitiş tarihi gibi alanlar varsa ve bu alanlar listelerde filtrelenecekse, hazır tema bunu ancak eklenti üstüne eklenti kurarak taşıyor. Her yeni ihtiyaç bir katman daha ekliyor ve katmanlar birbirine bağımlı hale geliyor.

Özel temada aynı yapı tek bir yerde tanımlanıyor. Panelde doldurulan alan, listeleme sayfasında görünen bilgi ve filtrede kullanılan değer aynı tanımdan geliyor. Bu yüzden kararı “sitemiz yavaş mı” sorusundan değil, “içeriğimiz standart bir sayfa ve yazıya sığıyor mu” sorusundan veriyoruz.

Sahiplik, bakımı da size bırakır

Özel temanın en az konuşulan tarafı şu: artık arkanızda bir tema satıcısı yok. Hazır temada bir hata çıktığında geliştiricisinin yamayı yayınlamasını beklersiniz. Özel temada o hata sizin kurulumunuza ait ve düzeltilmesi de sizin tarafınızda.

Bu bir dezavantaj değil, bir takas. Karşılığında kimsenin kararıyla yön değiştirmeyen, bir gün desteklenmeyi bırakmayacak bir yapı elde ediyorsunuz. Ama takası bilerek yapmak gerekiyor.

Bu yüzden temayı, bize bağımlı kalmayacağınız biçimde yazıyoruz. Standart yapıların dışına çıkan kısayollar kullanmıyor, alan tanımlarını ve şablon mantığını belgeliyor, kodu sizin de eriştiğiniz bir depoda tutuyoruz. Ölçüsü basit: bizi hiç tanımayan bir geliştirici bu temayı açtığında nereye ne yazacağını bulabiliyor mu?

Bu soruyu teslimden önce kendimiz deniyoruz. Temayı yazmamış bir geliştirici, yeni bir alan eklemeyi ya da bir şablonu değiştirmeyi yalnız belgeye bakarak yapabiliyorsa devir notu tamam demektir.

Nasıl çalışıyoruz?

  1. İçerik modeli çıkarma

    Sitedeki her içerik tipini ve o tipin hangi alanlara sahip olduğunu listeliyoruz. Bu model temanın iskeletini belirliyor, tasarımdan önce netleşmesi gerekiyor.

  2. Tasarım sisteminin hazırlanması

    Tipografi, renk, boşluk ve bileşen kararları tema ayar dosyasına çevrilebilecek biçimde tanımlanıyor.

  3. Tema iskeletinin kodlanması

    Şablon hiyerarşisi, içerik tipleri ve alanlar kuruluyor. Panel tarafı bu adımda ekibinizle birlikte deneniyor.

  4. Şablonların tamamlanması

    Sayfa şablonları ve blok desenleri kodlanıyor, gerçek içerikle dolduruluyor. Boş liste ve uzun metin durumları da ele alınıyor.

  5. Performans ve uyum testleri

    Sayfa hızı ölçülüyor, farklı tarayıcılarda ve ekran boyutlarında kontrol ediliyor, klavye ile gezinme deneniyor.

  6. Yayın ve devir

    Tema canlıya alınıyor, kod deposu ve teknik not teslim ediliyor.

Kullandığımız araçlar ve platformlar

  • WordPress
  • Advanced Custom Fields
  • Gutenberg blok editörü
  • Git
  • Figma
  • PageSpeed Insights

Özel WordPress Tema Tasarımı fiyatını neler belirler?

  • İçerik tipi ve alan sayısı

    Sadece sayfa ve yazıdan oluşan bir yapı ile birbirine bağlı çok sayıda özel içerik tipi arasında ciddi geliştirme farkı vardır.

  • Şablon çeşitliliği

    Kaç farklı sayfa düzeni kodlanacağı doğrudan süreyi etkiler. Filtreli listeler ve arama ekranları ek geliştirme gerektirir.

  • Tasarımın hazır olup olmaması

    Onaylanmış bir arayüz tasarımı varsa tema geliştirmeye doğrudan başlanır. Tasarım da kapsamdaysa süreç iki aşamalı ilerler.

  • Mevcut siteden geçiş

    İçeriğin eski yapıdan yeni alanlara aktarılması, adres yapısının korunması ve yönlendirmelerin hazırlanması ayrı bir iş kalemidir.

  • Çok dillilik ve e-ticaret

    Temanın çok dilli yapıyla ya da mağaza şablonlarıyla uyumlu geliştirilmesi kapsamı genişletir.

Sonuçlar ve referanslar

Sıkça sorulan sorular

Özel tema hazır temadan pahalı mı?

İlk kurulumda evet. Karşılığında lisans yenilemesi, kullanılmayan özelliklerin yükü ve her istekte yeni eklenti kurma ihtiyacı ortadan kalkıyor. Uzun ömürlü sitelerde fark zamanla kapanıyor.

Tema güncellemesi gerekir mi?

Üçüncü taraf tema güncellemesi gerekmez, çünkü tema sizin. WordPress çekirdeği ve kullanılan eklentiler güncellendikçe temanın uyumu kontrol edilir. Bu kontrol bakım kapsamında yürür.

Temayı başka bir geliştirici devralabilir mi?

Evet. Kod WordPress'in standart yapısına göre yazılıyor, alan tanımları ve şablon mantığı belgeleniyor. Kod deposu sizde olduğu için devir sorun çıkarmıyor.

İçerik ekibimiz yeni sayfa açabilir mi?

Evet. Blok desenleri ve özel alanlar sayesinde yeni sayfa açmak, hazır bölümleri seçip alanları doldurmaktan ibaret oluyor. Panelde gereksiz seçenekler kapatılıyor.

Sayfa kurucu eklentisi kullanabilir miyiz?

Teknik olarak mümkün ama amaca aykırı. Özel temanın kazandırdığı hafifliği bir sayfa kurucu büyük ölçüde geri alır. Esneklik ihtiyacını blok desenleriyle karşılamayı tercih ediyoruz.

Mevcut eklentilerimiz çalışmaya devam eder mi?

Standartlara uygun yazılmış eklentiler çalışır. Görünümü doğrudan temanın şablonlarına müdahale ederek değiştiren eklentilerde uyarlama gerekebilir; bunu geçiş planında listeliyoruz.

Blok tema mı, klasik tema mı geliştiriyorsunuz?

İçerik ekibinin panelde ne kadar özgürlüğe ihtiyacı olduğuna bakıyoruz. Düzenin sabit kalması istenen kurumsal sitelerde daha kontrollü bir yapı, sık düzen değişikliği olan sitelerde blok tabanlı yapı daha uygun oluyor.

WooCommerce ile uyumlu olur mu?

Evet, mağaza kullanılacaksa tema baştan buna göre kurgulanır. Ürün listesi, ürün detayı, sepet ve ödeme şablonları tasarım diline uyarlanır.

İlgili içerikler

Bu konuyu derinleştiren rehberler, terimler ve ücretsiz araçlar.

Özel WordPress Tema Tasarımı için ilk adımı atalım

  1. 1Formu doldurun ya da bizi arayın
  2. 2Bir iş günü içinde ön görüşme planlayalım
  3. 3Size özel yol haritası ve teklif hazırlayalım