Blok ACF Menyediakan Berbagai Macam Blok yang Dibangun dari Bidang Kustom Tingkat Lanjut Pro

Selama akhir pekan, Munir Kamal merilis versi 2.0 dari plugin ACF Blocks-nya, sebuah proyek yang membuat serangkaian blok untuk editor. Plugin ini menawarkan 18 blok khusus dalam versi gratisnya dan 15 lainnya dalam peningkatan pro. Itu dibangun di atas Advanced Custom Fields Pro (ACF Pro).

Pembaruan terbaru dari plugin menambahkan dukungan untuk tipografi, termasuk opsi untuk menggunakan berbagai Google Font untuk teks dalam blok. Kamal juga menyertakan opsi gaya dasar untuk fitur desain seperti margin dan padding untuk setiap blok di plugin.

Dengan ACF Pro sebagai ketergantungan keras, ini membatasi audiens Blok ACF. Sebagian besar, plugin ini akan berguna untuk agensi dan pekerja lepas yang perlu dengan cepat membangun fitur untuk klien sesuai anggaran mereka. Untuk tujuan itu, plugin melakukan pekerjaan yang solid.

Kopling ketat dengan ACF Pro merugikan pengalaman pengguna untuk plugin. Namun, ide di balik Blok ACF dan opsi kustomnya menutupi kekurangan mengandalkan plugin induknya yang bergantung. Memisahkan keduanya tidak mungkin, tetapi itu akan membuat pengalaman yang lebih lancar dan membuka plugin untuk audiens yang lebih luas.

Kamal mengambil inspirasi untuk plugin dari ACF dan versi pro-nya. Dia menggambarkan proses membangun blok dengan kerangka kerja "sangat mudah", bahkan untuk pengembang tingkat menengah. “Ini merupakan kerangka kerja WordPress yang luar biasa selama bertahun-tahun untuk membuat bidang khusus,” katanya. “Dan ketika [Elliot Condon] mengumumkan fitur pembuatan blok di ACF, itu dengan cepat memicu saya untuk membangun koleksi Blok ACF yang siap pakai ini.”

Keterbatasan teknis terbesar adalah bahwa Kamal tidak dapat membangun blok bersarang, yang merupakan batasan ACF saat ini. “Saya sudah mendiskusikannya dengan [Condon], dan dia sudah bekerja untuk menghadirkan fungsionalitas itu semoga segera,” katanya. “Begitu datang ke ACF, kami dapat membuat Blok Gutenberg yang lebih menakjubkan dan kuat.”

Tonton panduan singkat tentang cara kerja plugin:

Berbagai Macam Blok yang Berguna

Saat menguji versi gratis Blok ACF, saya menemukan bahwa ia memiliki beberapa blok berguna yang dapat segera memenuhi kebutuhan umum pengguna akhir. Dengan 18 blok gratis yang tersedia, pengguna memiliki banyak hal untuk dikerjakan sebelum memutuskan apakah mereka ingin melanjutkan jalur peningkatan ke versi pro.

Salah satu blok terbaik dalam koleksi adalah blok Kolase Foto. Ini adalah jawaban Blok ACF untuk blok Galeri inti. Opsi kisi untuk blok ini saja membuat plugin ini layak untuk dicoba. Blok menawarkan antara 2 dan 15 tata letak kisi, tergantung pada opsi kisi yang dipilih pengguna.

Favorit kedua saya dari bermacam-macam adalah blok Testimonial. Ditambah dengan opsi tipografi, yang tersedia untuk semua blok, Anda bisa bersenang-senang merancang bagian testimonial.

Ini adalah contoh kecil dari apa yang dapat dilakukan plugin. Blok Daftar Harga dapat membantu situs restoran mengatur menu mereka. Blok Kotak Harga, terutama saat bersarang ke blok Kolom inti, memudahkan untuk menyiapkan bagian harga dengan beberapa opsi produk. Dan, blok Tim mempermudah pembuatan bagian profil di halaman tim/tentang perusahaan.

Blok berikut tersedia dalam versi gratis (dengan beberapa lagi di versi pro):

1. Blok Gambar yang Dapat Digulir
2. Blok Tab
3. Beralih Blok
4. Blok Akordeon
5. Blok Penggeser Gambar
6. Blok Berbagi Sosial
7. Blok Kolase Foto
8. Blok Posting
9. Blok Kesaksian
10. Blok Tim
11. Blok Multi Tombol
12. Blok Kotak Harga
13. Blok Daftar Harga
14. Mulai Blok Peringkat
15. Blok Bilah Kemajuan
16. Blok Nomor Penghitung
17. Klik untuk tweet Blok
18. Blok Jam Kerja

Blok favorit Kamal dari keseluruhan suite adalah Image Hotspot, yang memungkinkan pengguna untuk mengatur latar belakang gambar dengan "pointer" untuk memunculkan konten; Before After Image, yang memungkinkan pengguna membandingkan dua gambar menggunakan bilah geser; dan Kolase Foto, blok galeri berbasis kisi plugin. Dua yang pertama hanya tersedia dalam versi pro dari plugin. Pembuat plugin mengatakan dia pikir semua blok berguna tetapi ini adalah yang paling menyenangkan untuk dibangun.

Ruang untuk Peningkatan

Blok ACF adalah konsep yang bagus. Itu mendapatkan banyak hal dengan benar. Namun, ada masalah kecil yang mengurangi pengalaman bekerja dengan bloknya. Masalah ini tidak dapat diatasi, dan saya berharap Kamal akan mengatasinya di versi mendatang berdasarkan keakraban dengan pekerjaan masa lalunya dan dorongan untuk membangun produk hebat bagi pengguna.

Masalah yang paling cepat dan mungkin yang paling sederhana untuk diperbaiki adalah gaya plugin untuk margin kiri dan kanan di setiap blok. Plugin mengatur ulang margin ini ke 0 secara default. Bergantung pada tema aktif di situs, ini bisa menggeser blok ke tepi layar alih-alih area konten di ujung depan. Beberapa tema menggunakan margin kiri/kanan untuk menyelaraskan konten. Ini bukan masalah hanya dengan Blok ACF. Ini lazim di antara plugin dengan output front-end.

Salah satu solusi cepat untuk masalah margin adalah membungkus blok plugin mana pun di dalam blok inti Grup. Ini akan mengembalikan margin di bawah kendali tema.

Mengedit konten blok terjadi di panel opsi blok, bukan langsung di blok. Saya tidak yakin apakah ini batasan penggunaan kerangka kerja ACF Pro atau keputusan desain dari pihak Kamal. Rasanya aneh untuk melompat antara mengedit konten di area konten ke mengedit konten di sidebar.

Salah satu contoh kebingungan saya dengan konten blok adalah dengan blok Kolase Foto. Saya mengklik blok, berharap perpustakaan media muncul untuk diunggah. Tidak ada yang terjadi. Saya mengklik lagi karena, yah, mungkin saya tidak mendapatkan klik yang bagus untuk pertama kalinya. Tidak ada yang terjadi. Saya akhirnya menemukan tombol unggah gambar di bawah panel opsi blok di sebelah kanan.

Menyetel opsi blok terkadang terasa sedikit lamban karena keluaran blok di editor tidak langsung menunjukkan perubahan. Ini terutama karena ACF Blocks bergantung pada kemampuan rendering sisi server dari ACF Pro. Sepertinya ini tidak dapat diatasi di plugin blok. Beberapa pengguna mungkin menganggap rendering yang tertunda membosankan saat mengedit beberapa opsi.

Pikiran Akhir

Kamal telah mengumpulkan satu set blok berguna yang akan membantu banyak pengguna akhir membangun bagian konten yang tidak dapat mereka buat di luar kotak. Antara versi gratis dan pro, ada total 33 blok. Pembuatnya berkomitmen untuk menambahkan lebih banyak blok dari waktu ke waktu berdasarkan umpan balik pengguna. Dalam waktu dekat, ia berencana untuk terus meretas perbaikan bug dan meningkatkan kode.

Saya masih merasa cara kerja ACF Pro adalah penghalang seberapa bagus plugin ini jika dibangun dari awal. Dengan demikian, kerangka kerja membantu membuat plugin Kamal menjadi kenyataan. Blok ACF adalah karya tentang apa yang mungkin melalui ACF Pro, yang seharusnya menginspirasi pengembang lain yang mencari solusi yang dibangun di atas salah satu kerangka kerja yang paling banyak digunakan di ekosistem WordPress.

Kamal memahami bahwa beberapa pengguna ACF Pro mungkin mencoba membuat blok serupa tetapi merasa seperti pengetahuan dan dedikasi timnya untuk menawarkan dukungan adalah bagian terpenting dari persamaan. “ACF Blocks menghemat waktu dan tenaga untuk membuat blok sendiri untuk elemen desain web yang paling umum,” katanya.

Catatan: ulasan dan umpan balik plugin ini diminta oleh pembuat plugin. Baca posting kami tentang umpan balik jujur ​​berdasarkan pengalaman asli untuk informasi lebih lanjut tentang bagaimana ulasan ditangani.