Belum lama ini saya mempublikasikan di sini sebuah fungsi untuk membuat tombol untuk membuka jendela modal tanpa plugin di WordPress dan bulan lalu satu lagi untuk menambahkan keterangan alat. Nah, kemarin, GenerateBlocks dalam pembaruan 2.3.0 dari versi Pro-nya, menambahkan opsi ini jauh lebih fleksibel dan dengan lebih banyak kemungkinan yang dapat menghemat beberapa plugin.
Ini adalah panel hamparan (saya tidak tahu apakah ini terjemahan terbaik untuk "panel hamparan") dengan ketentuan.
Panel overlay GenerateBlocks Pro 2.3 memungkinkan konten apa pun ditambahkan ke elemen interaktif seperti popup, jendela geser, jendela modal dan non-modal, keterangan alat, panel di luar kanvas, dan bahkan menu besar.
Meskipun GenerateBlocks dan GeneratePress dikenal karena memberikan kode yang bersih, ringan, dan dioptimalkan, saya belum menganalisis dampaknya pada DOM panel-panel ini untuk membandingkan jumlah elemen dan kedalaman yang mereka tambahkan untuk mengetahui pada kasus apa lebih baik menggunakan alat baru ini atau hanya HTML dan CSS yang mengorbankan opsi aturan bersyaratnya yang menarik.
GenerateBlocks tidak menambahkan blok baru ke dalam koleksi 12. Yang akan kita lihat adalah dua opsi baru di admin: Overlay Panels dan Conditions.
Untuk mulai membuat modal pertama, popup atau tooltip, kita klik Overlay Panels dan di sebelah kanan kita akan menemukan opsi konfigurasinya.
Anda sekarang dapat menguji fungsinya dengan membuat konten apa pun di dalam kontainer GenerateBlocks (atau elemen lain) tanpa harus menjelajahi opsi konfigurasi dari Conditions.
Pemicu (tindakan atau keadaan yang akan mengeksekusi sesuatu dengan konten yang akan ditampilkan) tersedia:
- Klik. Konten yang akan ditampilkan ketika mengklik tombol, gambar atau tautan, dll. diaktifkan.
- Pada hover, akan diaktifkan apabila pengguna mengarahkan kursor ke suatu elemen.
- Klik atau arahkan kursor. Kombinasikan klik dan arahkan kursor.
- Maksud keluar: Ditampilkan ketika pengguna mencoba meninggalkan halaman dan memindahkan penunjuk ke bagian atas browser.
- Persentase gulir: Tampilan setelah pengguna menggulir ke bawah hingga persentase tertentu dari halaman.
- Penundaan waktu: Muncul setelah waktu yang Anda tetapkan.
- Peristiwa khusus dipicu oleh tindakan tertentu, seperti saat item ditambahkan ke keranjang WooCommerce (`wc-blok_ditambahkan_ke_kartu`).
Kemudian, Anda bisa melihat pada Kondisi dan mencoba berbagai kemungkinan. Meskipun saya belum sempat menggunakan semua kombinasinya, namun sedikit yang bisa saya coba, tampaknya sangat berguna.
Jika pemicunya menawarkan palet pilihan yang bagus, maka kondisinya akan meningkatkan kemungkinannya.
Kondisi dapat didasarkan pada berbagai macam parameter, sehingga Anda dapat mengontrol secara terperinci:
- Penulis: Menampilkan hamparan pada konten penulis tertentu.
- Cookie: Menampilkan atau menyembunyikan hamparan tergantung pada keberadaan atau nilai cookie.
- Tanggal dan waktu Penjadwalan hamparan untuk tanggal, waktu, atau acara tertentu yang berulang.
- Perangkat - menampilkan atau menyembunyikan hamparan berdasarkan desktop, tablet, atau perangkat seluler.
- Bahasa: Segmentasikan pengguna menurut bahasa halaman Anda.
- Lokasi: Menampilkan hamparan pada halaman, postingan, atau file tertentu. Lokasi juga dapat dikonfigurasikan untuk seluruh situs atau pada tingkat detail setinggi 404 halaman atau subhalaman.
- Bidangpostingan khusus dapat digunakan untuk memicu overlay (misalnya menampilkan overlay pada postingan dengan nilai meta tertentu).
- Parameter kueri - URL target dengan string kueri tertentu (misalnya `?utm_source=newsletter`). Ini sangat berguna jika Anda menjalankan iklan dan hanya ingin menampilkan penawaran berdasarkan parameter kueri spesifik untuk kampanye tertentu.
- Perujuk: Menargetkan pengunjung yang berasal dari domain atau URL tertentu.
- Opsi situs - Menyesuaikan pengaturan situs WordPress untuk kondisi yang ada.
- Metadata pengguna, personalisasi menurut data profil pengguna.
- Peran pengguna: Menampilkan konten kepada pengguna terdaftar, administrator, pelanggan, atau tamu.
Anda bisa menemukan daftar opsi lainnya secara detail dalam tulisan ini atau dalam panduan ini untuk panel dan panduan ini untuk kondisi yang dilengkapi dengan dokumentasi, contoh, saran dan tangkapan layar.
Dan jika Anda lebih suka meminta seseorang menjelaskan secara grafis bagaimana cara memulainya, Kyle dari The Admin Bar telah melakukannya dalam video ini.
Saya masih berpikir bahwa, meskipun dalam forum dukungan mereka menawarkan layanan pelanggan yang sangat baik dengan jawaban yang sangat membantu untuk setiap pertanyaan, kurva pembelajaran untuk penggunaan banyak kemungkinan GenerateBlocks masih agak curam. Terlebih lagi untuk pendatang baru atau mereka yang terbiasa dengan pembangun seperti Elementor. Meskipun begitu, saya tidak akan mengganti GB untuk pembangun atau koleksi blok apa pun karena evolusinya, meskipun lambat, menurut saya berhasil.
