ACF Blocks, Advanced Custom Fields Pro'dan Oluşturulan Blok Çeşitleri Sağlar

Hafta sonu, Munir Kamal, editör için bir blok takımı oluşturan bir proje olan ACF Blocks eklentisinin 2.0 versiyonunu yayınladı. Eklenti, ücretsiz sürümünde 18 özel blok ve profesyonel yükseltmede 15 tane daha sunuyor. Advanced Custom Fields Pro (ACF Pro) üzerine inşa edilmiştir.

Eklentinin en son güncellemesi, blok içi metin için çeşitli Google Yazı Tiplerini kullanma seçenekleri de dahil olmak üzere tipografi desteği ekledi. Kamal, eklentideki her blok için kenar boşluğu ve dolgu gibi tasarım özellikleri için temel stil seçeneklerini de içeriyordu.

Sert bir bağımlılık olarak ACF Pro ile ACF Bloklarının izleyicisini sınırlar. Bu eklenti, büyük ölçüde, bütçeleri dahilinde müşteriler için hızlı bir şekilde özellikler oluşturmaya ihtiyaç duyan ajanslar ve serbest çalışanlar için faydalı olacaktır. Bu amaçla, eklenti sağlam bir iş çıkarır.

ACF Pro ile sıkı bağlantı, eklenti için kullanıcı deneyimine zarar verir. Ancak, ACF Blocks'un arkasındaki fikirler ve onun özel seçenekleri, bağımlı ana eklentisine güvenmenin eksikliklerini telafi ediyor. İkisini birbirinden ayırmak olası değildir, ancak daha sorunsuz bir deneyim sağlar ve eklentiyi daha geniş bir kitleye açar.

Kamal, eklenti için ACF'den ve profesyonel versiyonundan ilham aldı. Orta seviye bir geliştirici için bile "süper kolay" çerçeve ile yapı taşları oluşturma sürecini tanımladı. “Yıllardır özel alanlar oluşturmak harika bir WordPress çerçevesi oldu” dedi. "Ve [Elliot Condon], ACF'de blok oluşturma özelliğini duyurduğunda, bu beni hemen bu kullanıma hazır ACF Blokları koleksiyonunu oluşturmaya teşvik etti."

En büyük teknik sınırlama, Kamal'ın ACF'nin mevcut bir sınırlaması olan iç içe bloklar oluşturamamasıdır. "Condon ile zaten görüştüm ve o zaten bu işlevselliği umarım yakında getirmek için çalışıyor" dedi. "ACF'ye gelince, daha şaşırtıcı ve güçlü Gutenberg Blokları oluşturabiliriz."

Eklentinin nasıl çalıştığına dair kısa bir açıklama izleyin:

Kullanışlı Blok Çeşitleri

Öncelikle ACF Blocks'un ücretsiz sürümünü test ederken, son kullanıcıların ortak ihtiyaçlarını hemen karşılayabilecek birkaç faydalı bloğa sahip olduğunu gördüm. Mevcut 18 ücretsiz blok ile, kullanıcıların yükseltme yolunda profesyonel sürüme geçmek isteyip istemediklerine karar vermeden önce üzerinde çalışacakları çok şey var.

Koleksiyondaki en iyi bloklardan biri Fotoğraf Kolajı bloğudur. ACF Blocks'un temel Galeri bloğuna yanıtıdır. Bu bloğun ızgara seçenekleri tek başına bu eklentiyi kontrol etmeye değer kılıyor. Blok, kullanıcının seçtiği ızgara seçeneğine bağlı olarak 2 ila 15 ızgara düzeni sunar.

Ürün yelpazesindeki ikinci favorim, Tanıklık bloğu. Tüm bloklar için mevcut olan tipografi seçenekleriyle birleştiğinde, bir referans bölümü tasarlarken çok eğlenebilirsiniz.

Bu, eklentinin yapabileceklerinin küçük bir örneğidir. Fiyat Listesi bloğu, restoran sitelerinin menülerini oluşturmasına yardımcı olabilir. Fiyatlandırma Kutusu bloğu, özellikle çekirdek Sütunlar bloğuna yerleştirildiğinde, birden çok ürün seçeneğiyle bir fiyatlandırma bölümü oluşturmayı kolaylaştırır. Ve Ekip bloğu, bir şirketin ekibi/hakkında sayfasında profil bölümleri oluşturmayı kolaylaştırır.

Aşağıdaki bloklar ücretsiz sürümde mevcuttur (pro sürümde birkaç tane daha vardır):

1. Kaydırılabilir Resim Bloğu
2. Sekme Bloğu
3. Geçiş Bloğu
4. Akordeon Blok
5. Görüntü Kaydırıcı Bloğu
6. Sosyal Paylaşım Bloğu
7. Fotoğraf Kolaj Bloğu
8. Mesaj Bloğu
9. Referans Bloğu
10. Takım Bloğu
11. Çoklu Düğme Bloğu
12. Fiyatlandırma Kutusu Bloğu
13. Fiyat Listesi Bloğu
14. Derecelendirme Bloğu Başlat
15. İlerleme Çubuğu Bloğu
16. Sayaç Numarası Bloğu
17. Blok tweet için tıklayın
18. Çalışma Saatleri Bloğu

Genel pakette Kamal'ın en sevdiği bloklar, kullanıcıların içeriği açmak için “işaretçiler” ile bir görüntü arka planı ayarlamasına olanak tanıyan Image Hotspot; Kullanıcıların bir kayar çubuk kullanarak iki görüntüyü karşılaştırmasını sağlayan Before After Image; ve eklentinin ızgara tabanlı galeri bloğu olan Photo Collage. İlk ikisi yalnızca eklentinin pro sürümünde mevcuttur. Eklenti yaratıcısı, tüm blokların yararlı olduğunu düşündüğünü ancak bunları oluşturmanın en eğlencelisi olduğunu söyledi.

İyileştirme Odası

ACF Blokları güzel bir konsept. Birçok şeyi doğru yapar. Ancak, bloklarıyla çalışma deneyimini azaltan küçük sorunlar var. Bu sorunlar aşılmaz değildir ve Kamal'ın geçmiş çalışmalarına aşinalık temelinde gelecek sürümlerde bunları ele alacağını ve kullanıcılar için harika ürünler oluşturmaya yöneleceğini umuyorum.

En acil sorun ve muhtemelen düzeltilmesi en basit olanı, eklentinin her blokta sol ve sağ kenar boşlukları için stilleridir. Eklenti, bu kenar boşluklarını varsayılan olarak 0 sıfırlar. Bir sitedeki etkin temaya bağlı olarak, bu, blokları ön uçtaki içerik alanı yerine ekranın kenarına kaydırabilir. Bazı temalar, içeriği hizalamak için sol/sağ kenar boşluklarını kullanır. Bu, yalnızca ACF Blokları ile ilgili bir sorun değildir. Ön uç çıktılı eklentiler arasında yaygındır.

Kenar boşluğu sorunu için hızlı bir çözüm, eklentinin bloklarından herhangi birini çekirdek Grup bloğu içine sarmaktır. Bu, marjları tekrar temanın kontrolü altına alacaktır.

Blok içeriğinin düzenlenmesi, doğrudan blok yerine blok seçenekleri panelinde gerçekleşir. Bunun ACF Pro çerçevesini kullanmanın bir sınırlaması mı yoksa Kamal'ın bir tasarım kararı mı olduğundan emin değilim. İçerik alanındaki içeriği düzenleme ile kenar çubuğundaki içeriği düzenleme arasında geçiş yapmak garip geliyor.

Blok içeriğiyle ilgili kafa karışıklığımın bir örneği Fotoğraf Kolajı bloğuydu. Medya kitaplığının yükleme için görünmesini umarak bloğa tıkladım. Hiçbir şey olmadı. Tekrar tıkladım çünkü belki ilk seferde iyi bir tıklama alamadım. Hiçbir şey olmadı. Sonunda sağdaki bloğun seçenek panelinin altında resim yükleme düğmesini buldum.

Blok seçeneklerinin ayarlanması, düzenleyicideki blok çıktısının değişiklikleri hemen yansıtmaması nedeniyle zaman zaman biraz ağır gelebilir. Bunun temel nedeni, ACF Blocks'un ACF Pro'nun sunucu tarafı işleme yeteneklerine dayanmasıdır. Bunun blok eklentisinde ele alınması olası değildir. Bazı kullanıcılar, birden fazla seçeneği düzenlerken gecikmeli oluşturmayı sıkıcı bulabilir.

Son düşünceler

Kamal, birçok son kullanıcının kutudan çıkaramayacakları içerik bölümlerini oluşturmasına yardımcı olacak kullanışlı bir dizi blok oluşturdu. Ücretsiz ve profesyonel sürümler arasında toplam 33 blok vardır. İçerik oluşturucu, kullanıcı geri bildirimlerine dayanarak zaman içinde daha fazla blok eklemeye kararlıdır. Yakın gelecekte, hata düzeltmelerini hacklemeye ve kodu iyileştirmeye devam etmeyi planlıyor.

ACF Pro'nun nasıl çalıştığının, bu eklentinin sıfırdan inşa edildiğinde ne kadar iyi olabileceğine hala bir engel olduğunu hissediyorum. Bununla birlikte, çerçeve Kamal'ın eklentisini gerçeğe dönüştürmeye yardımcı oldu. ACF Blokları, WordPress ekosisteminde en yaygın olarak kullanılan çerçevelerden birinin üzerine inşa edilmiş çözümler arayan diğer geliştiricilere ilham vermesi gereken ACF Pro aracılığıyla neler yapılabileceğini gösteren bir vitrindir.

Kamal, bazı ACF Pro kullanıcılarının benzer bloklar oluşturmaya çalışabileceğini biliyor ancak ekibinin bilgisi ve destek sunmaya olan bağlılığının denklemin en önemli parçaları olduğunu düşünüyor. "ACF Blocks, en yaygın web tasarım öğeleri için blokları kendiniz oluşturmak için zamandan ve emekten tasarruf sağlar" dedi.

Not: Bu eklenti incelemesi ve geri bildirimi, eklenti yazarı tarafından istenmiştir. İncelemelerin nasıl ele alındığı hakkında daha fazla bilgi için gerçek deneyimlere dayalı dürüst geri bildirim hakkındaki gönderimizi okuyun.