Rehber

Blok teması veya sayfa oluşturucu: gerçekte neler değişiyor

Bir sayfa oluşturucu WordPress'e ikinci bir düzenleyici ekler ve yerleşimi yalnızca o eklentinin okuyabildiği kendi biçiminde kaydeder. Blok teması, WordPress'in sunduğu düzenleyiciyi kullanır ve sayfalar standart blok işaretlemesi olarak kaydedilir. Fark, araç değiştirdiğinizde ortaya çıkar. Bir oluşturucudan ayrılmak genellikle her sayfayı yeniden oluşturmak anlamına gelir; oysa çekirdek bloklar herhangi bir blok temasında görüntülenmeye devam eder. Hız, her sayfanın neyi yüklediğine bağlıdır.

Bölüm 1: WordPress sayfası oluşturmanın iki yolu

Pazarlama dilini bir kenara bırakırsanız karşınızda iki farklı tasarım var.

Bir sayfa oluşturucu eklentisi

Bir oluşturucu, WordPress'e kendi düzenleyicisini, kendi yerleşim motorunu ve kendi bileşen kitaplığını ekler. Tasarımı oluşturucunun tuvali üzerinde yaparsınız; oluşturucu sonucu kendi biçiminde yazılarınızın içine kaydeder. Stil sayfası ve betik, bu biçimi ön yüzde tekrar sayfaya dönüştürmek için çalışır. Tema ise büyük ölçüde kenara çekilir.

WordPress'in sunduğu düzenleyicide bir blok teması

Blok düzenleyici WordPress'in kendisinin bir parçasıdır. Bloklar, etrafında yapılandırılmış yorumlar bulunan HTML olarak kaydedilir; şablonlar blok şablonlarıdır; renkler ve tipografi, hem düzenleyicinin hem de ön yüzün okuduğu bir theme.json dosyasından gelir. Canvas gibi bir blok teması, blokları, şablonları ve ayarları bu tek düzenleyiciye ekler. Yanında duran hiçbir şey yoktur.

İki yaklaşım da bu öğleden sonra bir web sitesi üretir. Fark, üç yıl sonra önceliklerinizin, barındırma sağlayıcınızın ya da geliştiricinizin değiştiğinde ortaya çıkar.

Bölüm 2: İçeriğinizin kaydedildiği biçim

İnsanların en kötü anda fark ettiği kısım budur, o yüzden buradan başlayın.

Oluşturucu biçimi

Sayfa oluşturucular bir düzeni kendi yapılarında saklar: bir kısa kod, serileştirilmiş bir ayar bloğu ya da gönderi meta verisinde bir JSON bloğu olarak. Eklenti etkin olduğu sürece sayfa çok güzel görünür. Eklentiyi devre dışı bırakırsanız aynı sayfa ya ham kısa kodları ya da hiçbir şeyi göstermez, çünkü bu biçimi başka hiçbir şey okuyamaz. Bu yapıdan çıkmak genellikle sayfa sayfa elle yeniden oluşturmak anlamına gelir.

Temel biçim

Blok işaretlemesi, yorumlarla birlikte düz HTML'dir. Bir yazıyı kod düzenleyicide açıp okuyun. Farklı bir blok temasına geçtiğinizde çekirdek bloklar görüntülenmeye devam eder, çünkü görüntüleyici WordPress'tir. Bu bir pazarlama iddiası değil, depolama formatının bir özelliğidir.

Canvas, kendi düzeyinde de aynı konuda özenlidir. Her Canvas bloğu, gerçek bir ayar paneline sahip kayıtlı bir blok türüdür, asla kısa kod değildir; öznitelikleri de sıradan blok öznitelikleridir, bu yüzden bir desen, REST API veya komut satırı da bunları ayarlayabilir. Bloklar Canvas eklentisinde yer alır, bu yüzden temayı değiştirmek sayfalarınızı asla düz metne geri döndürmez.

Sınır konusunda dürüst olalım: kurduğunuz her blok kütüphanesi, artık bağımlı olduğunuz bir koddur. Fark, geride bıraktığı boşluğun boyutundadır. Bir blok kütüphanesini kaldırmak, bu blokları kullanan bölümleri işlenmemiş halde bırakır. Bir oluşturucuyu kaldırmak ise tüm sayfayı işlenmemiş bırakır.

Her iki yönde de karar vermeden önce bunu bir hazırlama kopyasında test edin. Siteyi çoğaltın, yerleşim aracını devre dışı bırakın ve üç sayfaya bakın. Gördüğünüz her şey, ayrılmanın gerçek maliyetidir; bunu şimdi öğrenmek daha iyidir.

Bölüm 3: Sayfada gerçekte neler yüklenir

Bu alandaki hız tartışmaları genellikle taraftarlığa dayanır. Mekanizma, üzerine mantık yürütmek için yeterince basit.

Bir sayfa oluşturucu ikinci bir yerleşim motorudur. Kendi CSS ızgara sistemini, animasyon kütüphanesini ve JavaScript'ini de beraberinde getirir; bu kodlar çoğu zaman her sayfada yüklenir, çünkü eklenti bir sayfanın hangi bileşenleri kullanacağını önceden her zaman bilemez. Bu, WordPress'in ve temanızın üzerine eklenen sabit bir maliyettir.

Blok düzenleyicinin kendi çalışma zamanı yoktur. Çekirdek blokların çoğu HTML ve CSS'tir; iyi yapılmış bir blok teması bunun üzerine çok az şey ekler. Canvas, yalnızca bir sayfada gerçekten bulunan blokların CSS ve JavaScript kodunu yükler ve açıp kapatabileceğiniz 35 optimizasyon ekler. Bunlardan beşi, hiçbir şey satmayan sayfalarda WooCommerce'in yüklediği betiklere özel olarak yöneliktir.

Dürüst sürüm

İyi bir oluşturucuyla özenle hazırlanmış bir sayfa, bir blok temada dikkatsizce hazırlanmış bir sayfadan daha iyi performans gösterebilir. Yerleşim araçları; barındırıcınız, görselleriniz, yazı tipleriniz ve yüklediğiniz on bir diğer eklentiyle birlikte birçok etkenden yalnızca biridir. Daha az mekanizma tercih etmenin nedeni kıyaslama ekran görüntüleriyle hiçbir ilgisi olmayan bir şeydir. Başka bir yere baktığınız gün bozulabilecek daha az şey vardır.

Canvas performansını nasıl ölçer

Geliştiriciler için blok teması olarak Canvas

Bölüm 4: Düzenlemenin gündelik hayatta nasıl hissettirdiği

Sayfa oluşturucular itibarlarını tam da burada kazandı ve aradaki farkın en çok kapandığı yer de burasıdır.

Düzenlerken gerçek sayfayı görmek

Blok düzenleyicinin eski şikâyeti, bir sayfanın çevresindeki tasarım olmadan beyaz bir kutu olarak açılmasıydı. Canvas, düzenleyicinin tüm şablonu oluşturmasını sağlar; böylece üst bilgi, slider, sayfa başlığı bandı, içerik ve alt bilgi tuvalde görünür ve ön yüzü çizen kodla çizilir. Genişlik ve boşluklar gerçek değerlerdir; bu yüzden tam genişlikteki bir bölüm gerçekten tam genişlikte görünür.

Ayarlar beklediğiniz yerde

Bir bloğu seçtiğinizde, yan paneli o bloğun anladığı metin, bağlantılar, görseller, simgeler, renkler, boyutlar ve davranışlarla açılır. Canvas, sitede kayıtlı her blok türüne, çekirdek bloklar dahil, aynı gelişmiş paneli ekler: giriş ve çıkış animasyonu, yalnızca o bloğa uygulanan özel CSS, analitik ya da test kancaları için özel öznitelikler ve role ya da cihaza göre görüntüleme koşulları.

Kendini tekrarlamamak

Tekrarı iki sistem önler. Varsayılan olarak kaydet, istediğiniz şekilde ayarlanmış bir bloğu saklar; böylece eklediğiniz bir sonraki blok orada başlar. Genel blok stilleri, site genelinde uyguladığınız bir ayar grubunu ön ayar olarak adlandırır ve bu ön ayarı bir kez değiştirerek tüm sitede güncelleyebilirsiniz. Şablonlar ve şablon bölümleri, WordPress'in sakladığı yer olan Site Düzenleyici'de bulunur; Canvas'ta 173 blok şablonu, 5 şablon bölümü ve 4 stil varyasyonu yer alır.

Kenar çubuğunda parçaları listelenmiş bir Canvas blok şablonunu gösteren WordPress Site Düzenleyici
Site Düzenleyici. Şablonlar ve parçalar, bizim bir ayar ekranında değil, WordPress'in tuttukları yerde kalır.

Bölüm 5: Bir sayfa oluşturucunun hâlâ daha iyi yaptıkları

Karşı tarafta iyi bir şey bulamayan karşılaştırma bir reklamdır. İşte oluşturucuların bugün gerçekten önde olduğu yerler.

  • Serbest konumlandırma. Bir öğeyi istediğiniz yere sürüklemek ve bir piksel kaydırmak, olgun bir oluşturucuda hâlâ daha akıcıdır. Blok düzenleyici, mutlak yerleşim yerine yapıyı tercih eder; bu bir ekip için daha iyi, tek seferlik bir hero bölümü için ise daha kötüdür.
  • Ekosistem derinliği. Büyük sayfa oluşturucuların yıllardır biriken üçüncü taraf eklenti paketleri, pazar yerleri ve entegrasyonları var. İş akışınız belirli bir eklenti paketine bağlıysa, geçmeden önce eşdeğer bir bloğun olup olmadığını kontrol edin.
  • Ekip bunu zaten biliyor. Ekibiniz, müşteriniz ya da cuma günleri çalıştığınız serbest çalışan beş yıldır tek bir yapı oluşturucuyu kullanıyorsa, bu aşinalığın gerçek bir parasal değeri vardır. Yeniden eğitimin bir maliyeti vardır ve bu maliyet bir sonraki projenize yansır.
  • Her yerde cihaza özel denetimler. Bazı oluşturucular neredeyse her özellik için telefon ve tablet değeri sunar. Core ise daha seçicidir ve bir oluşturucunun denetimi olduğu yerde zaman zaman özel bir CSS alanına başvurmanız gerekir.
  • Her şey için tek bir ürün. Açılır pencereler, formlar ve bir tema oluşturucu da sunan bir oluşturucu, tek bir satıcı ve tek bir destek ekibi demektir. Canvas, aynı parçaları kendisi sunarak buna yanıt veriyor; ancak bu karşılaştırma, sade bir blok temaya karşı adildir.
  • Arayüzün istikrarı. Blok düzenleyici her WordPress sürümüyle değişir. Bir sayfa oluşturucu ise ancak sağlayıcısı karar verdiğinde değişir. Değişen bir arayüz müşterilerinizi olumsuz etkiliyorsa, bu önemlidir.

Bunların hiçbiri blok temadan kaçınmak için bir neden değil. Bunlar kararı gözleriniz açık vermeniz ve tek bir sütunu daha yeşil gösteren her karşılaştırma tablosundan şüphelenmeniz için nedenler.

Bölüm 6: Geçişin gerçek maliyeti

Mevcut bir sitede bir sayfa oluşturucuyla hazırlanmış içerik varsa, dürüst cevap şu: bunu taşımak bir dönüştürme değil, yeniden inşa etmektir. Bunun için bütçeyi doğru planlayın.

  • İçerik taşınır, düzen taşınmaz. Metin ve görseller sizindir ve taşınabilir. Düzen ise sayfa oluşturucuya aittir ve yeniden kurulması gerekir.
  • Sayfa sayfa ilerleyin. Gelir getiren sayfalarla başlayın: ana sayfa, en önemli açılış sayfası ve iletişim sayfası. Eski yazıların arşivini en sona bırakın, çünkü genellikle zaten sade içeriklerden oluşur.
  • Boş sayfa yerine bir demodan başlayın. Eksiksiz bir demo web sitesini içe aktarmak, düzenleyebileceğiniz hazır bir tasarım sunar ve fikrinizi değiştirirseniz tüm içe aktarma geri alınır.
  • Sayfa oluşturucuyu, işiniz bitene kadar yüklü tutun. Yalnızca hiçbir canlı sayfa ona bağlı kalmadığında devre dışı bırakın ve ardından sitenizi bir bağlantı tarayıcısıyla kontrol edin.
  • Gerekmedikçe hiçbir şeyi yönlendirmeyin. Aynı URL'leri koruduğunuz sürece, onlarla birlikte gelen arama sıralamalarınızı da korursunuz.

İlk iki sayfanın yavaş ilerlemesini bekleyin; blok, desen ve şablon katmanlarını öğrenirken bir ritim oturacaktır. Sonradan kazanılan zamanın çoğu, her projede üst bilgi ve alt bilgiyi yeniden oluşturmamaktan gelir.

Bölüm 7: Nasıl karar verilir

Bu beş soruyu dürüstçe yanıtlayın, karar genellikle kendiliğinden ortaya çıkar.

  • İki yıl sonra bu siteyi kim düzenleyecek? Cevap bir müşteri, bir stajyer ya da belirli bir kişi değilse, WordPress'in sunduğu düzenleyici, tanıyabilecekleri en olası araçtır.
  • Kaç site bakımını yapıyorsunuz? Tek bir kişisel site her türlü ek mekanizmayı taşıyabilir. Yirmi müşteri sitesi ise taşıyamaz ve eklenen her ek katman, açılmayı bekleyen bir destek talebidir.
  • Tasarımınız alışılmadık mı, yoksa geleneksel mi? Geleneksel sayfa yapıları, blokların, desenlerin ve şablonların en iyi olduğu alandır. Katmanlı, sanat yönetimli ve tek seferlik bir tasarım yine de bir sayfa oluşturucuda daha hızlı olabilir.
  • Çıkış planınız nedir? Cevap “çıkış planı yok” ise, WordPress'in kendisinin okuduğu biçimi seçin.
  • Gerçekte neye ödeme yaptığınızı biliyor musunuz? Toplam maliyeti karşılaştırın: tema, oluşturucu, form eklentisi, açılır pencere eklentisi, slayt eklentisi ve bunların her birinin yenilemeleri; bunların hepsini kapsayan tek bir ürünle kıyaslayın.

Listenizde zaten bir oluşturucu varsa, karşılaştırmalarımızın ikisi bu soruları adı geçen bir ürüne yöneltir: Elementor alternatifi olarak Canvas, plan bazında, ve Canvas'ın Divi ile karşılaştırması; düzenleme, kilitlenme ve lisans sona erdiğinde ne olduğu üzerine. İkisi de kaynaklarını ve rakamların okunduğu tarihi belirtir.

Canvas, bu listeye verilen blok tema yanıtıdır: zaten kullandığınız ekleyicide 209 blok, 183 desen, 173 şablon, bir üst bilgi ve alt bilgi oluşturucu, formlar ve başlamak için 88 eksiksiz demo web sitesi. Farkı okumak yerine görmek isterseniz bir demo açın ve herhangi bir sayfaya tıklayın.

Kaynaklar

Bu kılavuz Canvas'ın kendisi dışında bir şey anlattığında, bunu belgeleyen resmî sayfalar aşağıdadır.

  • Bir bloğun işaretleme gösterimideveloper.wordpress.org · Bloklar, her bloğun başladığı ve bittiği yeri işaretleyen yorumlarla birlikte HTML olarak saklanır
  • theme.json'a girişdeveloper.wordpress.org · theme.json içindeki ayarlar ve stiller hem ön yüze hem de düzenleyicilere ulaşır
  • Tema nedir?developer.wordpress.org · Blok temalar blok şablonlarından oluşturulur ve bir eklentide tutulan özellikler tema değiştirilse de korunur
  • Şablonlara Girişdeveloper.wordpress.org · Site Düzenleyici, şablonlarınızı ve şablon bölümlerinizi veritabanında blok işaretlemesi olarak kaydeder
Sorular

Sık sorulan sorular

Tüm SSS kalan soruları yanıtlar, belgeler ise her ayarı ayrıntılarıyla anlatır.

Blok teması, sayfa oluşturucudan otomatik olarak daha mı hızlıdır?

Hayır; aksini söyleyen herkes bir şey satmaya çalışıyor. Hız, sayfanın ne kadar CSS, JavaScript ve işaretleme gönderdiğinden gelir; aracın hangi kategoriye ait olmasından değil. Bir blok temasının size sağladığı şey, hafif bir sayfaya daha kısa bir yol: ikinci bir yerleşim motoru yok ve Canvas'ta yalnızca sayfada bulunan blokların varlıkları, ayrıca diğerleri için 35 ayar anahtarı. Sayfalarınızı önce ve sonra ölçün. Siz denemeden hiçbir iddiaya güvenmeyin.

Canvas'ı kullanmayı bırakırsam sayfalarım bozulur mu?

Çekirdek bloklar her temada görüntülenmeye devam eder, çünkü içeriğiniz WordPress'in kendisinin okuduğu standart blok işaretlemesiyle kaydedilir. Canvas blokları Canvas eklentisinden gelir; bu nedenle tema değiştirmek, blokları yazılarınızda ve sayfalarınızda bırakır. Eklentiyi de kaldırırsanız, bu belirli bölümler görüntülenmeyi durdurur; bu durum her blok kütüphanesi için geçerlidir.

Canvas'ın üzerinde bir sayfa oluşturucu çalıştırabilir miyim?

Bir sayfa oluşturucu bir eklentidir, bu yüzden bir tane kurmanızı engelleyen bir şey yok. Bunu önermeyiz: tek bir web sitesinde iki düzen sistemi, iki stil sistemi ve iki güncelleme döngüsünü yönetmek zorunda kalırsınız; Canvas için ödediğiniz şablonlar, üst ve alt bilgi alanları ve bloklar ise altta kullanılmadan kalır.

Bir sayfa oluşturucu olmadan site kurmak için kod bilmem gerekir mi?

Hayır, bir Canvas sitesini sayfa oluşturucu olmadan kurmak için kod gerekmez. Bir Canvas sayfasının her parçası, üst bilgi, alt bilgi ve Sayfa Başlığı bandı dahil, bir ayarlar paneline sahip bir bloktur. Gelişmiş panel ise sitedeki her blok türüne animasyon, özel CSS, özel öznitelikler ve görüntüleme koşulları ekler. Özel CSS alanı, ürünün ihtiyacı olduğu için değil, istediğinizde kullanabilmeniz için oradadır.

Canvas ile bir sonraki web sitenizi oluşturun

Yeni başlayan, serbest çalışan ya da ajans olun, aynı bloklara ve aynı demolara sahip olursunuz. Tek bir siteyle başlayın ve aynı lisans kapsamında ihtiyacınız kadar site oluşturun.