2 minutes read
Bir müşterim için açılış sayfası kurmam gerekiyordu: tek ürün, tek teklif, tek düğme. Eskiden bu iş için sayfa oluşturucu kurar, onun kendi düzen mantığını öğrenir ve ay sonunda müşteriye “bu eklentinin lisansını da yenilemeniz gerekiyor” derdim. Bu kez blok düzenleyicinin içinde kaldım ve kronometreyi çalıştırdım: kırk bir dakika.
Neden sayfa oluşturucu kurmadım?
Sayfa oluşturucuların asıl maliyeti lisans değil, kilit. İçerik eklentinin kendi veri yapısında durur; eklentiyi kaldırdığınızda sayfa ya bomboş kalır ya da kısa kod çorbasına döner. MevvBlocks bölümlerini blok işaretlemesi olarak post_content içine yazıyor. Eklenti yarın kaldırılsa metinler ve görseller olduğu yerde duruyor; yalnız duyarlı düzen ayarları gidiyor.
İkinci sebep hız. Blok düzenleyici zaten yüklü; ek bir düzenleyici arayüzü, ek bir önizleme motoru, ek bir stil dosyası seti yüklenmiyor. Sayfa açıldığında yalnız kullanılan blokların stili geliyor.
Kırk bir dakikanın dökümü
İlk on dakika: kahraman bölümü
Desenler sekmesinden Kahraman — görselli bölümünü ekledim. Başlığı, iki cümlelik teklifi ve düğme metnini değiştirdim. Mobil sekmesine geçip üst boşluğu 112 pikselden 56’ya indirdim; masaüstü değeri olduğu gibi kaldı. Bu bölümün canlı hâlini açılış sayfası deseninde görebilirsiniz.
Sonraki on beş dakika: özellikler ve referanslar
Üç sütunlu özellik ızgarasını ekleyip simgeleri değiştirdim. Referans bölümünde müşterinin elindeki üç gerçek yorumu kullandım; uydurma referans koymadım, çünkü sayfa yayına girdiğinde gerçek olanlar zaten oradaydı. Tablet görünümünde üç sütun ikiye düşüyor, mobilde teke — bunu ben ayarlamadım, bölümün varsayılanı.
Son on altı dakika: fiyat, SSS ve çağrı bandı
Fiyat tablosunu tek pakete indirdim, SSS bölümüne müşterinin destek kutusuna en çok gelen beş soruyu yazdım ve sayfayı yeşil bir çağrı bandıyla bitirdim. Erişilebilirlik denetçisini çalıştırdım: bir görselde alt metin eksikti, bir düğme metni “buraya tıklayın” idi. İkisini düzelttim.
Nerede zorlandım?
- Bölüm arka planını tam genişlik yapmak için kapsayıcının içerik genişliği ayarını “tam” seçmem gerekti; ilk denemede iç kapsayıcıyı da tam yapıp metni kenara yapıştırmıştım.
- Desen kütüphanesi yalnız düzenleyicide yükleniyor; ön yüzde yük getirmiyor ama ilk açılışta listenin gelmesi iki saniye sürdü.
- Bir bölümün içindeki düğmeye kendi rengini vermek istediğimde küresel renk yerine özel renk seçmem gerekti — aslında doğrusu bu, ama arayüzde ilk bakışta belli olmuyor.
Sonuç
Sayfa yayına girdi, müşteri lisans yenilemeyecek ve sayfa standart blok işaretlemesi olduğu için bir sonraki geliştirici de dosyayı açınca ne yapıldığını görebilecek. Aynı bölümlerin tamamını arka arkaya görmek isterseniz bölüm vitrini tek sayfada altmış dört bölümü listeliyor; ürünün kendisi MevvBlocks vitrininde.
Bir yanıt yazın