EditorPlus Memperkenalkan Blok Pertamanya dan Menambahkan Pembuat Blok Khusus

Dalam apa yang tampaknya menjadi serangan gencar fitur baru yang tidak pernah berakhir, Munir Kamal telah merilis beberapa fitur baru utama untuk plugin EditorPlus-nya dalam dua pembaruan terakhir. Versi 2.0, yang mendarat lebih awal hari ini, mencakup satu set tujuh blok baru. Rilis sebelumnya memamerkan fitur buat blok yang menempatkan lebih banyak opsi penyesuaian di tangan pengguna akhir.

Editor blok telah memicu kreativitasnya, dan dia tidak kehabisan ide untuk situs berbagi bloknya GutenbergHub atau plugin EditorPlus. Rilis mendatang akan melihat perbaikan UI untuk plugin dan kemungkinan API untuk pengembang pihak ketiga.

Dia mengatakan dia akan memastikan bahwa EditorPlus bekerja bersama editor situs WordPress ketika diluncurkan di masa mendatang. Plus, dukungan akhirnya untuk blok WooCommerce ada di atas meja. Untuk saat ini, fokusnya adalah pada fitur plugin yang dia luncurkan dalam beberapa minggu terakhir.

Membuat Blok Kustom

Dengan kumpulan blok inti WordPress yang sudah ada di tangan pengguna, hampir semua hal sudah mungkin. Blok ini pada dasarnya mencakup semua elemen dasar desain web, seperti judul, paragraf, daftar, kutipan, dan banyak lagi. Terkadang trik untuk membangun sesuatu yang unik adalah mencampur dan mencocokkan elemen-elemen ini untuk menciptakan sesuatu yang baru. Pada dasarnya itulah fitur buat blok baru untuk EditorPlus.

Menyimpan blok khusus itu sederhana. Pengguna harus terlebih dahulu membungkus blok mereka ke dalam blok Grup inti. Kemudian, dari menu "opsi lainnya" di bilah alat blokir, pilih opsi "Tambahkan ke Blok Kustom". Plugin akan meminta judul blok sebelum menyimpan.

Jangan bingung dengan blok yang dapat digunakan kembali, yang merupakan sumber daya yang tetap sama dari pos ke pos, blok yang dibuat sama seperti blok lainnya. Mereka dapat diakses melalui penyisipan blok di bawah kategori "Blok Kustom Saya".

Beberapa detail kecil hilang yang akan menjadi tambahan yang bagus untuk jangka panjang. Yang pertama adalah kemampuan untuk memilih ikon khusus untuk blok. Saat ini, semua blok khusus berbagi ikon. Yang kedua adalah kemampuan untuk menambahkan pratinjau di penyisip blok.

Kamal membangun fitur ini sehingga pengguna akhir dapat membuat blok sederhana untuk diri mereka sendiri. Ini juga merupakan alat bagi pengembang untuk dengan cepat membuat blok untuk situs web klien.

“Misalnya, hampir semua situs web bisnis membutuhkan blok Testimonial, tetapi tidak ada satu pun di inti untuk tujuan yang tepat itu,” katanya. “Tentu saja, Anda dapat membuatnya menggunakan kombinasi blok inti, dan begitulah cara melakukannya. Saya telah melihat banyak plugin blok yang membawa blok seperti Testimonial, Team, Pricing, dll., tetapi itu dapat dengan mudah dibuat dengan blok inti.”

Dia telah menunjukkan kepada komunitas seberapa jauh Anda dapat meregangkan blok inti untuk membuat tata letak unik dengan pustaka blok dan templatnya. Jadi, tidak menutup kemungkinan bahwa pengguna dapat membuat beberapa hal ini langsung dari editor.

Pembuat blok sepertinya akan lebih baik ditangani sebagai pembuat pola blok. Intinya, pengguna membuat pola khusus, yang merupakan pengelompokan blok. Kamal mengatakan bahwa pencipta pola juga ada dalam daftar tugas.

“Karena Gutenberg memiliki kedua bagian ini untuk digunakan dalam membuat konten/tata letak, saya akan menambahkan kedua fitur tersebut,” katanya. “Simpan sebagai blok telah ditambahkan, 'simpan sebagai pola' akan ditambahkan juga. Terserah pengguna untuk menggunakan cara apa pun yang mereka inginkan sesuai dengan alur kerja mereka. ”

Saya condong ke arah bertahan dengan paradigma pola yang ada, fitur tunggal yang menangani kelompok blok. Namun, akan menarik untuk melihat apa yang disukai pengguna. Dalam jangka panjang, yang terpenting adalah mereka memiliki akses mudah ke alat yang mereka butuhkan untuk membuat halaman mereka.

Blok "Hilang"

Sebelumnya hari ini, Kamal merilis apa yang dia sebut blok "hilang" untuk WordPress. Ini adalah satu set tujuh blok yang dibuat khusus yang menangani jenis konten yang tidak mungkin dilakukan dengan blok inti yang ada. Di masa lalu, dia ragu untuk membuat blok apa pun, lebih memilih untuk memperluas alat yang disediakan WordPress di luar kotak.

“Ide asli saya dan masih adalah untuk memperluas Gutenberg untuk apa yang hilang dan membuatnya lebih kuat untuk membuat desain yang indah secara visual tanpa kode,” katanya. “Dan, setelah membuat ratusan templat/desain, saya menyadari kebutuhan akan beberapa blok penting yang hilang yang paling umum digunakan di sekitar pembuat situs web tetapi tidak ada di Gutenberg. Jadi saya hanya menambahkan blok-blok di EditorPlus yang hilang, harus diperlukan untuk membuat desain modern, dan tidak dapat dibuat menggunakan kombinasi blok inti dengan mudah. Misalnya, blok tab, blok akordeon, atau semua blok lain yang ditambahkan adalah yang sesuai dengan kriteria ini.”

Plugin mencakup blok baru berikut:

• tab
• Beralih/Akordeon
• ikon
• Peringkat
• Bilah Kemajuan
• Statistik/Penghitung
• Penghitung Waktu Mundur

Beberapa di antaranya memerlukan JavaScript tambahan, itulah sebabnya mereka tidak menjadi kandidat yang baik untuk WordPress inti. Namun, mereka adalah opsi yang bagus untuk pengembang plugin, dan ini bukan blok yang tidak biasa dari plugin tipe perpustakaan lainnya.

Hal yang membedakan mereka adalah integrasi dengan sistem gaya plugin, yang mungkin dibuka Kamal untuk pengembang plugin lain di rilis mendatang. Rencana saat ini adalah membuat Styles API independen untuk memungkinkan pengguna menyesuaikan blok apa pun. Dia telah mendapatkan beberapa umpan balik dari grup Facebook WP Tingkat Lanjut tentang gagasan tersebut. Sebagian besar umpan balik berharap bahwa sistem seperti itu akan mendarat di WordPress itu sendiri.

Salah satu fitur menarik dari blok baru plugin adalah ketika mengklik sub-elemen blok, opsi desainnya secara otomatis dipicu di panel opsi blok. Misalnya, blok peringkat bintang memiliki elemen "judul" dan "peringkat". Saat mengklik judul, opsi desainnya terbuka di bilah sisi, dan hal yang sama terjadi untuk peringkat. Ini adalah penyimpangan dari organisasi khas opsi desain EditorPlus pada blok inti, yang dikelompokkan berdasarkan properti CSS. Fokus diletakkan pada elemen individu, dan itu membuatnya lebih mudah untuk menemukan opsi tertentu.

Eksperimen ini sedikit pendahuluan untuk apa yang sedang dikerjakan Kamal untuk pembaruan di masa mendatang. Salah satu tujuan besarnya adalah melakukan pembersihan UI — ada banyak opsi di plugin — dan memungkinkan pengguna menyesuaikan blok mereka dengan lebih cepat.