EditorPlus İlk Bloklarını Tanıtıyor ve Özel Bir Blok Oluşturucu Ekliyor

Yayınlanan: 2020-10-29

Münir Kamal, hiç bitmeyen bir yeni özellik saldırısı gibi görünen bir şekilde, son iki güncellemede EditorPlus eklentisine bazı önemli yeni özellikler yayınladı. Bugün erken saatlerde çıkan Sürüm 2.0, yedi yeni bloktan oluşan bir set içeriyor. Önceki sürüm, son kullanıcıların eline daha fazla özelleştirme seçeneği sunan bir blok oluşturma özelliği sergiliyordu.

Blok editörü yaratıcılığını ateşledi ve blok paylaşım web sitesi GutenbergHub veya EditorPlus eklentisi için fikirleri tükenmedi. Yaklaşan sürümler, eklenti için kullanıcı arayüzünün ve üçüncü taraf geliştiriciler için olası bir API'nin elden geçirilmesini görmelidir.

Gelecekte geldiğinde EditorPlus'ın WordPress'in site editörüyle birlikte çalıştığından emin olacağını söyledi. Ayrıca, WooCommerce bloklarının nihai desteği masada. Şimdilik odak noktası, son haftalarda kullanıma sunduğu eklenti özellikleri.

Özel Bloklar Oluşturma

WordPress'in temel blok seti zaten kullanıcıların elindeyken, neredeyse her şey mümkün. Bu bloklar esasen başlıklar, paragraflar, listeler, alıntılar ve daha fazlası gibi web tasarımının tüm temel öğelerini kapsar. Bazen benzersiz bir şey inşa etmenin püf noktası, yeni bir şey yaratmak için bu öğeleri karıştırıp eşleştirmektir. EditorPlus için bu yeni blok oluşturma özelliğinin özü budur.

Özel bir bloğu kaydetmek basittir. Kullanıcılar önce bloklarını bir çekirdek Grup bloğuna sarmalıdır. Ardından, blok araç çubuğundaki "daha fazla seçenek" menüsünden "Özel Bloklara Ekle" seçeneğini seçin. Eklenti kaydetmeden önce bir blok başlığı isteyecektir.

EditorPlus eklentisi ile özel bir blok oluşturma.
Özel bir blok kaydediliyor.

Gönderiden gönderiye aynı kalan kaynaklar olan yeniden kullanılabilir bloklarla karıştırılmaması için oluşturulan bloklar diğer bloklar gibidir. Bunlara “Özel Bloklarım” kategorisi altındaki blok yerleştirici aracılığıyla erişilebilir.

Blok yerleştiricide EditorPlus ile oluşturulan özel bloklar.
Blok yerleştiriciden özel bloklar mevcuttur.

Uzun vadede harika eklemeler olacak birkaç küçük ayrıntı eksik. Birincisi, blok için özel bir simge seçme yeteneğidir. Şu anda tüm özel bloklar bir simgeyi paylaşıyor. İkincisi, blok yerleştiriciye bir önizleme ekleme yeteneğidir.

Kamal bu özelliği, son kullanıcıların kendileri için basit bloklar oluşturabilmeleri için oluşturdu. Ayrıca, geliştiricilerin istemci web siteleri için hızlı bir şekilde blok oluşturmaları için bir araçtır.

"Örneğin, neredeyse tüm ticari web sitelerinin bir Referans bloğuna ihtiyacı var, ancak tam olarak bu amaç için çekirdek bir blok yok" dedi. “Tabii ki, onu çekirdek blokların kombinasyonunu kullanarak oluşturabilirsiniz ve bunu yapmanın yolu da bu. Testimonial, Team, Pricing vb. gibi blokları getiren birçok blok eklentisi gördüm, ancak bunlar çekirdek bloklarla kolayca oluşturulabilir.”

Topluluğa, blok ve şablon kitaplıklarıyla benzersiz düzenler oluşturmak için çekirdek blokları ne kadar uzatabileceğinizi zaten gösterdi. Bu nedenle, kullanıcıların bunlardan bazılarını doğrudan editörden oluşturma olasılığı dışında değildir.

Blok oluşturucu, blok desen oluşturucu olarak daha iyi ele alınacak gibi görünüyor. Özünde, kullanıcılar blok grupları olan özel desenler oluşturuyor. Kamal, bir kalıp yaratıcısının da yapılacaklar listesinde olduğunu söyledi.

"Gutenberg'in içerik/düzen oluşturmak için kullanacağı bu parçaların her ikisi de olduğundan, her iki özelliği de ekleyeceğim" dedi. “Farklı kaydet bloğu eklendi, 'kalıp olarak kaydet' de eklenecek. İş akışına göre istediği şekilde kullanmak kullanıcıya kalmış olacak.”

Blok gruplarını işleyen tek bir özellik olan mevcut model paradigmasına bağlı kalmaya eğilimliyim. Ancak, kullanıcıların neyi tercih ettiğini görmek ilginç olacak. Uzun vadede en önemli şey, sayfalarını oluşturmak için ihtiyaç duydukları araçlara kolayca erişebilmeleridir.

“Eksik” Bloklar

EditorPlus eklentisi aracılığıyla ilerleme çubukları ekleme.
Düzenleyicide İlerleme Çubuğu bloğunu kullanma.

Bugün erken saatlerde Kamal, WordPress için "eksik" bloklar dediği şeyi yayınladı. Bunlar, mevcut çekirdek bloklarla mümkün olmayan içerik türlerini işleyen, özel olarak oluşturulmuş yedi bloktan oluşan bir settir. Geçmişte, WordPress'in sağladığı araçları kutudan çıkarmayı tercih ederek herhangi bir blok oluşturmakta tereddüt etti.

“Orijinal fikrim ve hala Gutenberg'i eksik olana kadar genişletmek ve kodsuz görsel olarak güzel tasarımlar oluşturmak için daha güçlü hale getirmek” dedi. "Ve yüzlerce şablon/tasarım oluşturduktan sonra, web sitesi oluşturucularında en yaygın olarak kullanılan ancak Gutenberg'de eksik olan bazı önemli eksik bloklara ihtiyaç olduğunu fark ettim. Bu yüzden sadece EditorPlus'ta eksik olan, modern tasarımlar oluşturmak için gerekli olması gereken ve çekirdek blokların bir kombinasyonu kullanılarak kolayca oluşturulamayan blokları ekliyorum. Örneğin, bir sekme bloğu, akordeon bloğu veya eklenen diğer tüm bloklar bu kriterlere uyanlardır.”

Eklenti aşağıdaki yeni blokları içerir:

  • Sekmeler
  • Aç/Kapat/Akordeon
  • Simge
  • Değerlendirme
  • İlerleme çubuğu
  • İstatistikler/Sayaç
  • Geri sayım saati

Bunlardan bazıları ek JavaScript gerektirir, bu nedenle temel WordPress için iyi adaylar oluşturmazlar. Bununla birlikte, eklenti geliştiricileri için iyi seçeneklerdir ve bunlar, diğer kitaplık tipi eklentilerden nadir görülen bloklar değildir.

Onları ayıran şey, Kamal'ın gelecekteki bir sürümde diğer eklenti geliştiricilerine açabileceği eklentinin stil sistemiyle entegrasyondur. Mevcut plan, kullanıcıların herhangi bir bloğu özelleştirmesine izin vermek için bağımsız bir Stiller API'si oluşturmaktır. Bu fikir hakkında Advanced WP Facebook grubundan bazı geri bildirimler aldı. Geri bildirimlerin çoğu, böyle bir sistemin WordPress'in kendisine inmesini istiyor.

Eklentinin yeni bloklarının ilginç bir özelliği, bir bloğun alt elemanına tıklandığında, blok seçenekleri panelinde tasarım seçeneklerinin otomatik olarak tetiklenmesidir. Örneğin, yıldız derecelendirme bloğunda "başlık" ve "derecelendirme" öğeleri bulunur. Başlığa tıkladığınızda, tasarım seçenekleri kenar çubuğunda açılır ve aynısı derecelendirmeler için de geçerlidir. Bu, CSS özelliklerine göre gruplandırılmış çekirdek bloklardaki EditorPlus'ın tasarım seçeneklerinin tipik organizasyonundan bir sapmadır. Odak, bireysel öğeye verilir ve belirli bir seçeneği bulmayı çok daha kolaylaştırır.

Bu deney, Kamal'ın gelecekteki bir güncelleme için üzerinde çalıştığı şeyin bir öncüsüdür. En büyük hedeflerinden biri, kullanıcı arayüzünde biraz temizlik yapmak - eklentide birçok seçenek var - ve kullanıcıların bloklarını daha hızlı özelleştirmesine izin vermek.