Perluas Editor Blok WordPress

👉 Dalam postingan ini, kami akan memberikan review Otter Blocks yang komprehensif fitur utama, kemudahan penggunaandan harga. Mari kita mulai!

Pengantar Otter Blocks

Editor Blok WordPress dirancang untuk pemula untuk membuat konten online. Anda dapat menambahkan teks, media, elemen tema, dan fitur desain menggunakan sistem berbasis blok. Namun, Anda mungkin tidak menemukan semua fitur yang Anda butuhkan.

Di sinilah Otter Block masuk. Dengan menginstal plugin ini, Anda akan memperluas Editor Blok default dengan blok baru, CSS khusus, animasi, kondisi visibilitas blok, dan banyak lagi:

Meskipun Anda dapat menggunakan pembuat halaman seperti Beaver Builder untuk mendesain halaman WordPress Anda, Anda harus mempelajari antarmuka yang benar-benar baru. Selain itu, plugin pembuat halaman menambah bobot halaman, yang dapat memperlambat situs WordPress Anda.

Dengan Otter Blocks, Anda dapat terus menggunakan Editor Blok yang sudah dikenal dan cukup menambahkan fitur dan fungsionalitas baru.

Ulasan Otter Blocks: Melihat lima fitur utama

Untuk membantu Anda memutuskan apakah plugin ini akan membantu Anda, mari selami ulasan Otter Blocks kami!

Untuk memulai, 🏁 kita akan melihat lima alat baru paling berguna yang Anda dapatkan saat menggunakan Otter Blocks:

1. Blok yang tersedia

Salah satu alasan utama untuk menginstal Otter Blocks adalah menambahkan blok baru ke Gutenberg. Meskipun ada banyak blok default untuk dipilih, Anda mungkin memerlukan fitur dan fungsionalitas tambahan.

Setelah mengaktifkan Blok Otter, itu akan menginstal lebih dari 30 blok baru. Berikut adalah beberapa fitur yang akan ditambahkan ke Editor Blok Anda:

• Tajuk lanjutan
• Tambahkan ke tombol keranjang
• Posting
• Grup tombol
• Tab
• Berbagi ikon
• Kesaksian
• Peta

Untuk menemukan opsi ini, buka daftar blok Anda dan gulir ke Berang-berang bagian. Di sini, Anda akan menemukan banyak cara baru untuk menyesuaikan halaman dan postingan Anda:

Misalnya, Anda dapat menambahkan penghitung waktu mundur ke acara mendatang. Tanpa Otter Blocks, Anda harus memasang plugin pihak ketiga. Namun, sebagai gantinya, Anda cukup memasukkan blok Countdown:

Kemudian, Anda dapat menyesuaikan setelan pemblokiran dengan tanggal dan waktu akhir. Anda juga dapat mengubah warna, dimensi, tipografi, dan batas:

Pada akhirnya, Otter Blocks menyediakan perangkat tambahan untuk mengontrol tampilan dan fungsionalitas situs web Anda. Ini memungkinkan Anda untuk menambah dan menyesuaikan jendela pop-up, bilah geser, formulir, ulasan produk, dan banyak lagi.

2. Pustaka pola blok

Anda dapat merampingkan proses desain menggunakan pola blok. Ini adalah kumpulan blok yang telah dirancang sebelumnya untuk menyusun halaman dengan cepat. WordPress sudah dilengkapi dengan serangkaian ini, tetapi mungkin tidak mencakup gaya spesifik yang Anda pikirkan.

Namun, Otter Blocks menyediakan pustaka pola baru dengan tata letak yang indah untuk semua bagian situs web Anda. Hanya dengan satu klik, Anda dapat langsung menerapkan header, footer, kotak penulis, formulir kontak, dan lainnya secara instan:

Setelah menemukan pola yang disukai, Anda dapat memperbarui tata letak, struktur, dan gaya. Untuk memastikannya responsif, Otter Blocks juga menyediakan cara untuk menyesuaikan pengaturan seluler:

Selanjutnya, klik pada elemen tertentu untuk mengeditnya. Anda akan menggunakan fungsionalitas standar Editor Blok untuk memperbarui teks, media, tombol, dan elemen lainnya:

Anda dapat mengulangi proses pengeditan ini dengan pola Otter Blocks apa pun. Ini dapat membantu Anda dengan cepat menyiapkan gambar pahlawan, testimonial, galeri, kotak harga, dan ajakan bertindak.

3. Animasi

Jika Anda ingin situs Anda lebih menarik, pertimbangkan untuk menambahkan animasi. Seringkali, konten bergerak bisa lebih interaktif daripada media atau teks statis. Untungnya, Otter Blocks berisi beragam animasi.

Pertama, pilih blok untuk membuka pengaturannya. Kemudian, gulir ke bawah ke Animasi bagian. Di sini, Anda akan melihat opsi untuk memuat, menghitung, dan mengetik animasi:

Opsi pertama akan memberi Anda berbagai cara untuk memuat konten Anda. Otter Blocks mendukung pantulan, fading, flipping, rotating, sliding, zooming, rolling, dan banyak lagi. Setelah Anda memilih animasi, animasi akan diputar secara otomatis:

Anda juga dapat menyesuaikan kecepatan animasi default dan mengatur penundaan jika diperlukan. Untuk melihat hasil ini, tekan Putar Ulang Animasi.

Jika Anda ingin menyorot nomor di situs web Anda, Anda dapat menambahkan animasi penghitungan. Saat pengguna mengunjungi situs web Anda, mereka akan melihat peningkatan jumlah pelanggan, anggota, atau statistik mengesankan lainnya:

Di Blok Otter, pilih nomor yang ingin Anda tekankan. Selanjutnya, temukan Hitung Animasi pilihan di bilah alat:

Atau, Anda dapat menambahkan teks animasi. Anda hanya perlu menemukan Mengetik Animasi pengaturan:

Setelah Anda menyimpan perubahan, pengunjung akan melihat pengetikan animasi untuk teks yang dipilih. Itu dapat menarik perhatian mereka ke bagian tertentu dari situs Anda:

Jika digunakan dengan benar, animasi ini dapat membuat situs web Anda unik, menarik, dan mudah digunakan!

4. Pengaturan lanjutan (CSS, kondisi visibilitas, dan konten dinamis)

Selanjutnya dalam ulasan Otter Blocks kami, mari kita lihat beberapa fitur lanjutan yang ditawarkan Otter Blocks untuk CSS khusus, kondisi visibilitas blok, dan menyisipkan konten dinamis.

CSS khusus

Menggunakan CSS (Cascading Style Sheets) memungkinkan Anda memperbarui tampilan situs web WordPress Anda. Meskipun ini terkadang memerlukan pengeditan file, Otter Blocks memungkinkan Anda untuk menambahkan CSS khusus secara langsung di Editor Blok.

Tambahkan blok dan gulir ke CSS khusus pengaturan di sidebar untuk melakukan ini.

Dengan memasukkan kode ke dalam kotak, Anda dapat memodifikasi properti blok:

Kondisi Visibilitas

Selain itu, jika Anda menjalankan situs keanggotaan, konten tertentu harus dibatasi untuk pengguna terdaftar. Otter Blocks juga memiliki kondisi visibilitas untuk membuat grup aturan ini:

Anda juga dapat membatasi visibilitas blok ke rentang tanggal atau waktu tertentu. Jika Anda menjalankan toko e-niaga, Anda dapat menetapkan aturan berdasarkan kondisi keranjang atau riwayat pembelian.

Konten dinamis

Apalagi dengan plugin Otter Blocks, mengetik “%” ke dalam Editor Blok akan memungkinkan Anda untuk memasukkan nilai dinamis. Mereka dapat mengimpor informasi seperti judul posting, tanggal, waktu, konten, dan lainnya:

Setelah memilih salah satu dari nilai ini, klik konten dinamis baru. Lalu, edit jenis dan format datanya:

Setelah Anda memilih blok lain, Anda akan melihat pratinjau langsung dari nilai dinamis.

5. Integrasi

Sebagai pemilik toko, penting untuk memastikan alat pihak ketiga Anda bekerja dengan lancar dengan WooCommerce. Otter Blocks Pro memiliki WooCommerce Builder bawaan, yang dapat Anda gunakan untuk membuat halaman produk khusus.

Untuk mulai mengintegrasikan alat ini, pilih salah satu produk Anda dan klik Aktifkan Pembuat WooCommerce:

Selanjutnya, Anda akan melihat layar pengeditan yang mirip dengan Editor Blok. Di bagian atas, Anda dapat mulai menambahkan blok untuk menyesuaikan halaman penjualan Anda. Anda akan memiliki pilihan blok baru khusus untuk produk WooCommerce:

Anda juga dapat memperbarui data produk seperti inventaris, pengiriman, dan penjualan naik. Dengan cara ini, semua blok menampilkan informasi yang benar saat Anda menerbitkan halaman:

Selain itu, Otter Blocks terintegrasi dengan baik dengan alat pemasaran email. Setelah memasukkan formulir kontak atau berlangganan, Anda dapat memilih penyedia pilihan Anda (misalnya, Mailchimp, Sendinblue) dan mulai mengumpulkan email.

Yang terpenting, plugin Otter Blocks dibuat untuk memperluas Editor Blok dengan mudah. Ini berarti bahwa itu tidak akan memengaruhi fungsi default Gutenberg.

Otter Block mudah digunakan

Otter Blocks seharusnya terasa sangat mudah digunakan 🤩 jika Anda terbiasa dengan cara kerja Editor Blok. Ini didasarkan pada sistem berbasis blok yang sama dan hanya menambahkan elemen ekstra ke Gutenberg.

Setelah Anda membuka posting atau halaman baru, Anda dapat memulai proses desain dengan menambahkan pola blok yang relevan. Ada banyak opsi bawaan di WordPress, tetapi Otter Blocks menyediakan tata letak unik untuk berbagai konten.

Untuk menggunakan pola pra-desain, klik di atasnya. Kemudian, itu akan muncul di Editor Blok:

Otter Blocks juga memudahkan penambahan fitur seperti formulir kontak, tabel harga, dan peta. Itu memperluas opsi default di WordPress untuk menghindari penggunaan plugin pihak ketiga lain atau pengkodean khusus:

Selain itu, Otter Blocks memiliki banyak animasi, integrasi, dan pengaturan lanjutan yang menjadikannya pilihan praktis bagi pengguna WordPress berpengalaman. Apa pun tingkat pengalaman Anda, Anda dapat menggunakan plugin ini untuk memenuhi kebutuhan desain Anda.

Harga Otter Block

Selanjutnya di ulasan Otter Blocks kami adalah apa yang mungkin banyak dari Anda bertanya-tanya – berapa harganya?

Beruntung bagi Anda, karena Otter Blocks menyediakan versi gratis pluginnya di direktori plugin WordPress.org. Ini mencakup lebih dari 30 blok. Anda juga akan memiliki kendali atas warna, animasi, dan tipografi.

Namun, jika Anda merasa membutuhkan blok tambahan, versi premium dari Otter Blocks membuka lebih banyak opsi. Ini termasuk tombol tambahkan ke keranjang, informasi jam kerja, dan ulasan produk.

Salah satu fitur terpenting dari Otter Blocks Pro adalah pustaka pola bloknya. Ini berisi tata letak yang telah dirancang sebelumnya untuk header, footer, dan banyak area lain di situs Anda:

💸 Jika Anda ingin membeli Blok Otter, paket premium mulai dari $39 per tahun.

Hanya dengan paket pribadi, Anda akan dapat menggunakan pembuat produk WooCommerce, konten dinamis, dan pembuat blok pop-up yang disempurnakan.

Ulasan Otter Blocks: Pro dan kontra

Jika Anda senang menggunakan Editor Blok WordPress default tetapi membutuhkan fitur dan fungsionalitas tambahan, plugin Otter Blocks dapat menjadi alat yang efektif. Dengan 30+ blok tambahan dan pola pra-desain, Otter Blocks memudahkan untuk mendesain berbagai jenis konten.

Pengguna WordPress yang lebih mahir juga dapat memanfaatkan CSS khusus, memblokir Kondisi Visibilitas, dan kemampuan untuk memasukkan konten dinamis.

Namun, perlu diingat bahwa Otter Blocks masih didasarkan pada Editor Blok WordPress asli, sehingga tidak dapat menawarkan Anda 100% visual penuh, fleksibilitas desain drag-and-drop seperti yang mungkin Anda dapatkan dengan plugin pembuat halaman. Di sisi lain, ingatlah bahwa plugin pembuat halaman juga memiliki kekurangan, terutama dalam hal kinerja.

🧐 Pikiran terakhir tentang ulasan Otter Blocks kami

Meskipun Editor Blok WordPress asli menyediakan banyak blok desain, Anda mungkin memerlukan fitur dan fungsionalitas tambahan untuk situs web Anda. Meskipun Anda dapat menginstal plugin pembuat halaman, Anda mungkin tidak ingin mempelajari cara menggunakan antarmuka seret dan lepas yang baru.

👉 Dalam ulasan Otter Block kami, kami menyimpulkan bahwa itu terintegrasi dengan baik dengan Editor Blok dengan menambahkan blok, pola, animasi baru, dan banyak lagi. Ini bisa menjadi opsi yang efektif untuk pemula yang ingin memperluas fungsionalitas WordPress default.

Apakah Anda memiliki pertanyaan tentang ulasan Otter Blocks kami atau apakah Otter Blocks adalah alat yang tepat untuk situs web Anda? Tanyakan kepada kami di bagian komentar di bawah!