Geliştiriciler için Canvas

Geliştiriciler için, theme.json üzerine kurulu bir WordPress blok teması

Canvas, bir WordPress temasıdır ve buna eşlik eden bir eklenti içerir; baştan sona bir blok temasıdır. Şablonlar blok şablonlarıdır, stiller theme.json'dan gelir ve editörün veritabanına kaydettiği şey, herhangi bir blok temasının okuduğu aynı blok işaretlemesidir. Buradaki hiçbir şey bir sayfa oluşturucuya bağlı değildir.

Güncellendi

Mimari

Blok tabanlı tema, WordPress'in sakladığı yerde düzenlenir

Tema şablonları, şablon bölümlerini ve stil varyasyonlarını taşır; eklenti ise blok kütüphanesini, oluşturucuları, formları, SEO ve performans katmanlarını ile demo içe aktarıcısını taşır. Şablonlar ve genel stiller Site Düzenleyici'de kalır, bu yüzden sitenizle ilgili hiçbir şey bizim bir ayar panelinin içine gizlenmez.

  • 173 blok şablonu ve 5 şablon parçası, hepsi Site Düzenleyici'de düzenlenebilir
  • Koyu ve midnight dahil 4 stil varyasyonu, Site Düzenleyici'de değiştirilebilir
  • Renkler ve tipografi theme.json üzerinden aktarılır; bu sayede düzenleyici, ön yüzle aynı tipografiyi gösterir
  • 183 blok deseni, işaretlenmiş kodun tek seferlik bir kopyası olarak eklenir
  • Sayfa, düzenlediğiniz içeriğin etrafına sarılmış tam şablonuyla açılır.

Düzenleyicide ve Site Düzenleyici'de

Canvas şablonlarını ve stil varyasyonlarını gösteren WordPress Site Düzenleyici
Şablonlar, şablon bölümleri ve genel stiller, WordPress'in bunları tuttuğu yerde, Site Düzenleyici'de kalır.
İçerik

Veritabanında tutulan şey blok işaretlemesidir

Blok temayı tercih etmenin nedeni bir özellik listesi değil. Beş yıl sonra elinizde kalan şey bu.

Tescilli format yok

Canvas, kendine ait bir biçimi olmayan standart WordPress bloklarını düzenler; böylece tema hiç değişse bile yazılar ve sayfalar içeriklerini korur. Ezberlenecek kısa kodlar yok, açılacak kod görünümü de yok.

Kod parçacıkları değil, ayarlar

Bir ziyaretçinin gördüğü her şeye bir blok ayarları panelinden ulaşılabilir. Bir demonun bir bloğun ifade edemediği bir şeye ihtiyacı olduğunda blok bu ayarı kazandı; sayfa ise hiçbir zaman ham HTML kazanmadı.

Her blokta gelişmiş panel

Animasyon, görüntüleme koşulları, özel sınıflar, özel öznitelikler ve blok başına özel CSS, çekirdek bloklar ve üçüncü taraf bloklar dahil olmak üzere düzenleyicideki her bloğa eklenir.

Varlıklar sayfayı izler

Bir sayfa yalnızca içerdiği blokların CSS ve JavaScript dosyalarını yükler; bu nedenle fiyatlandırma sayfası slider betiğini hiçbir zaman yüklemez. 35 ek optimizasyon ise ayar anahtarı olarak sunulur; kurmanız gereken bir eklenti yoktur.

Başka bir temadan mı geçiyorsunuz? Elementor ve Divi, kendi düzenleyicilerinde sayfa oluşturur, bu yüzden oluşturucu gidince yerleşim de gider: bir Elementor sitesinin taşınırken neyi koruduğuna ve Divi Builder'ın nasıl karşılaştırıldığına bakın. Kadence ve GeneratePress da blok düzenleyicide oluşturur, bloklarını ücretsiz eklentilerde sunar (Canvas ile Kadence karşılaştırması, Canvas ile GeneratePress karşılaştırması), ve Blocksy başlık oluşturucusunu Özelleştirici'de tutar.

Blok tema ile sayfa oluşturucunun karşılaştırması

Site çerçevesi

Üst bilgi ve alt bilgi oluşturucuları şablon parçaları olarak görüntülenir

Üst bilgiler, alt bilgiler, üst çubuklar, Mega Menüler, Yan Paneller ve Sayfa Başlıkları, bloklardan oluşturulmuş kayıtlardır ve temanın kendi şablon parçaları aracılığıyla ön yüze ulaşır. Üst Bilgi parçası, sayfaya atanmış üst bilgiyi gösterir; Alt Bilgi parçası ise atanmış alt bilgi kaydını gösterir. Bu sayede Site Düzenleyici bunları görebilir ve blok ayarları diğer her yerle aynı kalır.

  • Oluşturucunun arkasında 22 üst bilgi bloğu ve 94 üst bilgi seçeneği
  • Üst bilgiyi tüm site için atayın ya da tek bir sayfada geçersiz kılın; alt bilgiler, üst çubuklar, Mega Menü, Yan Panel ve Sayfa Başlıkları için de aynısını yapın
  • Hero ve slider'lar da birer kayıttır ve şablonda bulunan bir slot bloğu tarafından yerleştirilir.
  • Her iki slot bloğu da düzenleme tuvalinde görüntülenir, böylece sayfa, ziyaretçinin göreceği bölümle açılır

Başlık Oluşturucu nasıl çalışır?

WordPress blok düzenleyicisinde üst bilgi bloklarından oluşturulan bir üst bilgi kaydı
Üst bilgi, bloklardan oluşturulan bir kayıttır ve Header şablon bölümü üzerinden işlenir.
WooCommerce

24 mağaza bloğu ve 18 mağaza şablonu

WooCommerce isteğe bağlıdır; mevcut olduğunda bloklar ve şablonlar tarafından sunulur ve senkronize tutulması gereken şablon geçersiz kılma yoktur.

24

Mağaza blokları

Ürün sayfası, mağaza ızgarası, sepet ve ödeme sayfası için bloklar; ayrıca renk seçenekleri ve sayfa yenilemeden sepete ekleme.

18

Mağaza şablonları

Mağaza, ürün, sepet, ödeme ve hesap ekranları için şablonlar; diğer tüm şablonlar gibi Site Düzenleyici'de düzenlenir.

21

Demo mağazalar

88 demo web sitesinin 21 tanesi, ürünler, kategoriler, öznitelikler ve ödeme adımı hazır durumda olacak şekilde eksiksiz mağazalar olarak içe aktarılır.

Alışveriş yapan birinin gördüğü şekliyle Giyim Mağazası demosunun ana sayfası; tam ekran kaydırıcı ve üst bilgideki sepetle
Mobilya demosu ana sayfası, mobilya satışı ve kiralaması için bir WooCommerce mağazası

21 demo mağazasından ikisi, mağaza blokları ve şablonları üzerinde çalışıyor.

WooCommerce blokları

Genişletme

Kurulum Sihirbazı, isterseniz bir alt tema oluşturur

Yalnızca Canvas şablon dosyalarını doğrudan düzenlemeyi planlıyorsanız alt temayı oluşturun, çünkü bu, bu tür düzenlemelerin bir güncellemeden etkilenmemesini sağlar. Kurulum sihirbazı, demo içe aktarmadan önce kendi adımında bunu sunar, temalar klasörünüze yazar ve etkinleştirir; sonrasında siteniz aynı görünür. Çoğu site buna hiç ihtiyaç duymaz, çünkü genel nedenler artık ayarlarla karşılanıyor.

  • Site genelinde Özel CSS ile başlık için ve alt bilgi için Özel JavaScript, Tema Seçenekleri'nin Diğer bölümünde
  • Blok başına Özel CSS, çevresinde seçici olmadan yalnızca özellik ve değer çiftleri olarak yazılır
  • Blok başına Özel Öznitelikler, her satırda bir anahtar ve değer olacak şekilde; data ve aria öznitelikleri kabul edilir
  • Tipografi bölümünde, belirttiğiniz her seçici için özel tipografi kuralları
  • Kendi ikon paketinizi, 4 yerleşik paketin kullandığı arayüzün aynısıyla kaydedin
  • Tüm Tema Seçenekleri yapılandırmasını dosya olarak dışa aktarın ve bir sonraki siteye içe aktarın.

Tema Seçenekleri'nin her bölümü

WordPress düzenleyicisinde, gelişmiş seçenekleri açık olan bir Canvas blok ayarları paneli
Gelişmiş panel; çekirdek bloklar ve diğer eklentilerden gelen bloklar dahil her blokta bulunur.
Ortam

Canvas neye ihtiyaç duyar ve kurulumda neler yapar

Minimum gereksinimler gerçek sınırlardır, öneri değil. Canvas bunları barındırıcınıza karşı kendisi denetler; böylece başarısız bir içe aktarmayı ilk sizin öğrenmeniz hiç olmaz.

WordPress 7.1 veya üzeri PHP 7.4 veya üzeri WordPress 7.1 sürümüne kadar test edildi WordPress'in birlikte geldiği blok düzenleyici ve Site Düzenleyici WooCommerce isteğe bağlı
  • Canvas Core hiçbir zaman ayrı bir indirme olarak sunulmaz: lisans etkinleştirildikten sonra WordPress içinden kurulur, bu yüzden yönetilmesi gereken bir sürüm eşleştirmesi yoktur
  • Güncellemeler WordPress güncellemeler ekranında yayımlanır; bakım modu, geçici bir yedek ve WordPress'in kendisinden geri alma özelliğiyle birlikte
  • Otomatik güncellemeler yalnızca yama sürümlerini kapsar, varsayılan olarak açıktır ve kapatmak için bir anahtar bulunur; özelleştirdiğiniz bir şablonu değiştiren bir sürüm ise bunu adıyla belirtir
  • Bir Sağlık Kontrolü ekranı, sunucu gereksinimlerini gerçek barındırma ortamınıza göre çalıştırır ve dikkat gerektiren noktaları bildirir. Aynı kontroller WordPress Site Sağlığı'nda da görünür
  • Her metin çevrilebilir; tema ve eklenti için çeviri şablonları her sürümle yeniden oluşturulur ve eklentide bir WPML yapılandırma dosyası bulunur.
  • Teknik SEO, bir XML site haritası ve 16 şema türü, oluşturma anında içeriğinizden türetilir

388 dokümantasyon makalesi, gönderilen koda dayanarak oluşturuldu

Sorular

Teknik sorular ve yanıtları

Bir projeye karar vermeden önce bir geliştiricinin kontrol ettiği beş şey, Canvas'ın yapmadığı biri dahil.

Canvas bir blok teması mı, yoksa sayfa oluşturucu teması mı?

Canvas, WordPress'in blok teması dediği türden, tamamen bloklardan oluşan bir WordPress temasıdır. Şablonlar WordPress blok şablonlarıdır, şablon bölümleri de şablon bölümleridir, renkler ve tipografi theme.json üzerinden akar ve her şey WordPress ile birlikte gelen blok düzenleyicide ve Site Düzenleyici'de düzenlenir. Kurulacak ayrı bir oluşturucu, öğrenilecek ikinci bir düzenleyici ya da yenilenecek bir oluşturucu aboneliği yoktur.

Site daha sonra tema değiştirirse işaretlemeye ne olur?

Standart WordPress blok işaretlemesi olarak kalır, çünkü Canvas da bunu kaydeder. Başka bir temanın tanımadığı Canvas bloku tasarımını göstermeyi bırakır, ancak başlıklar, paragraflar, görseller ve listeler çekirdek bloklardır ve her yerde normal şekilde okunur. Hiçbir şey kısa kod veya tescilli bir düzen formatı olarak saklanmaz.

Üst ve alt bilgiler gerçekte nerede görüntülenir?

Canvas'ın kaydettiği şablon bölümleri aracılığıyla çalışırsınız; bunlar 5 tanedir: Header, Footer, Page Title, Sidebar ve Sidebar Alt. Header bölümü, sayfaya atanan üst bilgi kaydını gösterir; Footer bölümü atanan alt bilgi kaydını gösterir; Page Title bölümü ise sayfanın Sayfa Başlığı ayarlarının belirlediği içeriği gösterir. Bölümler altyapıdır; tasarım ise 22 üst bilgi bloğundan oluşturduğunuz kayıttır.

Alt temaya ihtiyacım var mı?

Yalnızca Canvas şablon dosyalarını doğrudan düzenlemeyi planlıyorsanız gerekir; alt tema tam da bu dosyaları güncellemelerden korur. Kurulum sihirbazı, isteğe bağlı Alt Tema adımında bir tane oluşturur ve siteyi buna geçirir. Ya da Canvas ile birlikte gelen alt tema klasörünü kendiniz temalar klasörünüze kopyalayabilirsiniz. Çoğu site buna hiç ihtiyaç duymaz: site geneli ayarlar Tema Seçenekleri'nde yer alır, blok düzeyindeki ayarlar blok başına Özel CSS ve Özel Öznitelikler ile yapılır, site geneli Özel CSS ve JavaScript alanları ise Tema Seçenekleri'nin Diğer bölümündedir.

Canvas sağdan sola yazılan bir tema mı?

Evet, her Canvas stil sayfasının sağdan sola çevrilmiş bir sürümü vardır ve site Arapça, İbranice, Farsça veya başka bir sağdan sola dilde çalıştığında WordPress bunu kendiliğinden yükler. 88 demonun 88 tanesi, yayına alınmadan önce sağdan sola kontrol edilir; böylece menüler, ızgaralar ve formlar doğru tarafta durur. Çeviri ayrı bir konudur ve o da eksiksizdir: ürünün her iki yarısı da çeviri şablonlarıyla gelir ve eklentiyle birlikte bir WPML yapılandırma dosyası sunulur.

Herkesle paylaşabileceğiniz bir blok teması

Canvas, WordPress'in sunduğu düzenleyici üzerine kuruludur; standart blok işaretlemesi kaydeder ve şablonları Site Düzenleyici'de tutar. Müşteriler için site mi kuruyorsunuz? Ajanslar ve serbest çalışanlar sayfalarını okuyun.