Sorotan Plugin Divi – Logika Tampilan Divi

Bagaimana jika Anda ingin elemen desain Divi tertentu ditampilkan berdasarkan kondisi yang Anda pilih? Ini akan membuka beberapa kemungkinan desain seperti menampilkan versi halaman berdasarkan status login pengguna, waktu, atau geolokasi mereka. Sebuah plugin bernama Divi Display Logic memberi Divi fitur ini.

Divi Display Logic adalah plugin pihak ketiga dari Tortoise IT yang bekerja dengan Divi dan Extra untuk menambahkan logika tampilan. Dalam sorotan plugin ini kita akan melihat plugin dan melihat beberapa contoh apa yang dapat dilakukannya.

Gambar untuk contoh ini diambil dari Unsplash.com dan dari tata letak Divi gratis yang tersedia di sini di blog Tema Elegan.

Memasang Logika Tampilan Divi

Unggah dan aktifkan plugin seperti biasa. Item menu baru ditambahkan ke dasbor di bawah plugin yang disebut Divi Display Logic. Di sini Anda akan menambahkan kunci lisensi Anda. Ini akan memastikan Anda mendapatkan pembaruan plugin.

Logika Tampilan sekarang ditambahkan ke semua bagian, baris, dan modul di tab Konten dalam Divi Builder backend. Fitur-fiturnya mencakup pemilihan tanggal dan waktu, kotak tarik-turun tempat Anda dapat memilih logika yang telah ditentukan sebelumnya, dan kotak yang menampilkan kode pendek yang dibuat plugin untuk logika Anda.

Logika yang telah ditentukan sebelumnya

Kotak tarik-turun Logika yang Telah Ditentukan memiliki 18 pilihan logika yang telah dibuat sebelumnya untuk dipilih. Ada beberapa lagi yang dapat Anda salin dan tempel ke area kode pendek. Anda dapat menambahkan pilihan logika Anda sendiri jika Anda ingin membuat kode dan Anda dapat memanipulasi kode pendek untuk membuat variasi.

Pilihannya adalah menampilkan atau menyembunyikan berdasarkan waktu tertentu, antara waktu tertentu, pada hari tertentu, menunjukkan jika memiliki kategori BERITA, jika pengguna masuk, ke peran pengguna tertentu, ke lokasi tertentu, dan berdasarkan kode PHP. Semua ini dapat dimodifikasi.

Kode Pendek Logika

Setelah Anda memilih logika yang telah ditentukan, maka secara otomatis akan membuat kode pendek. Anda tidak perlu menggunakan kode pendek ini, tetapi Anda dapat mengeditnya di sini jika mau.

Anda juga dapat menggunakan kode pendek enkapsulasi (kode pendek dengan tag awal dan akhir [shortcode][/shortcode]) untuk membuat argumen Anda sendiri. Ini dijelaskan dalam deskripsi di bawah bidang kode pendek, tetapi saya ingin melihat contoh yang diberikan dalam deskripsi juga.

Untuk mengedit, cukup sorot bagian dalam kode pendek dan buat perubahan Anda.

Berikut adalah contoh yang akan menyembunyikan konten pada hari kerja. Jika Anda ingin menampilkan konten alih-alih menyembunyikan, Anda akan mengubah "sembunyikan" menjadi "tampilkan" dalam kode pendek. Pilihan lain adalah mengganti angka 1-5 dengan “6,7” yang akan menyembunyikan konten pada akhir pekan.

Saya menemukan bahwa memanipulasi kode pendek menjadi intuitif karena sebagian besar kata kunci dalam string sangat mudah.

Contoh Kode Pendek Bawaan

Tautan pertama (berlabel Klik di sini) di area Logika Tampilan memberikan contoh mendetail dari kode pendek. Ini sangat membantu untuk contoh PHP. Anda dapat menyalin ini dan menempelkannya ke bidang kode pendek.

Pemilihan Tanggal dan Waktu

Untuk menggunakan Pilihan Tanggal/Waktu, klik teks “Jika menggunakan tanggal klik di sini”. Ini akan membuka dua bidang tempat Anda dapat memilih acara dan menyembunyikan tanggal. Ini adalah kondisi waktu yang akan menentukan kapan bagian, baris, atau modul akan ditampilkan. Logika untuk tampilan akan dipilih dari daftar Logika Standar.

Pilih tanggal dan waktu dengan mengklik di dalam bidang untuk Tampilkan Tanggal dan Sembunyikan Tanggal. Ini menampilkan kalender dengan penggeser jam dan menit. Di atas bidang adalah pesan yang menunjukkan waktu server Anda saat ini.

Penting untuk menggunakan waktu server Anda daripada waktu sebenarnya. Di sinilah WordPress mendapatkan waktu saat ini dan waktu yang akan digunakan Divi Display Logic.

Modul sekarang akan menampilkan konten antara tanggal dan waktu yang saya pilih.

Ini membuka banyak kemungkinan. Sebagai contoh:

• Anda dapat membuat situs penjualan dengan penawaran kilat menggunakan penghitung waktu mundur untuk menunjukkan kapan kesepakatan berakhir dan yang berikutnya dimulai.
• Anda bisa memiliki penjualan untuk memulai pada waktu tertentu.
• Memiliki kesepakatan untuk berakhir pada waktu tertentu.
• Tampilkan konten dalam artikel pada waktu tertentu bahkan setelah artikel diterbitkan.
• Tampilkan konten yang berbeda berdasarkan am atau pm

Contoh Logika Tampilan Divi – Ajakan Bertindak Sekolah

Untuk contoh pertama saya, saya membuat halaman arahan untuk sekolah. Halaman tersebut akan memiliki ajakan bertindak pendaftaran untuk siswa di AS, tetapi siapa pun di luar AS tidak akan dapat mendaftar. Contoh ini menggunakan Tata Letak Beranda untuk Universitas & Kolese.

Tata letak mencakup baris dengan modul teks dan tombol. Saya ingin teks dan tombol diganti dengan modul yang berbeda untuk siapa pun di luar AS.

Dalam pengaturan baris saya memilih "Sembunyikan konten jika pengguna berada di AS".

Selanjutnya saya mengubah "sembunyikan" di kode pendek menjadi "tampilkan", secara efektif membuat kode pendek baru.

Saya mengkloning baris dan memilih untuk menyembunyikan konten untuk pengguna di AS untuk baris baru.

Sekarang hanya satu baris yang akan ditampilkan berdasarkan lokasi pengunjung.

Pengunjung AS melihat tagline asli dan tombol untuk mendaftar.

Semua pengunjung di luar AS melihat tagline dan tombol yang berbeda dengan keterangan yang berbeda.

Contoh Logika Tampilan Divi – Flash Sale

Ini adalah halaman penjualan sederhana yang hanya menampilkan satu produk sebagai flash sale. Ketika penghitung waktu mundur mencapai nol, produk baru dengan penghitung waktu mundur baru menggantikannya.

Sementara hanya satu bagian yang ditampilkan, halaman sebenarnya itu sendiri telah keluar dari beberapa bagian lagi. Dalam setiap bagian saya telah mengatur logika untuk menampilkan konten pada waktu tertentu. Bagian tidak dimuat saat halaman dimuat ke browser, sehingga Anda dapat menambahkan sebanyak yang Anda inginkan dengan semua CSS yang Anda inginkan dan mereka tidak akan memperlambat waktu pemuatan.

Penghitung waktu mundur dan logika tampilan bekerja secara independen satu sama lain. Saya telah mengatur waktu untuk penghitung agar sesuai dengan waktu di mana Logika Tampilan akan ditampilkan.

Contoh Logika Tampilan Divi – Situs Penulis dengan Area Keanggotaan

Contoh ini menggunakan tata letak Penulis Elegan gratis. Saya ingin menampilkan konten yang berbeda berdasarkan apakah pengunjung login atau tidak. Pengunjung yang tidak login akan melihat layar pada gambar di atas yang berisi ajakan bertindak.

Pengunjung yang masuk tidak akan melihat CTA. Sebagai gantinya, mereka akan melihat tautan ke area khusus situs web yang hanya dapat diakses oleh mereka yang masuk. Akses khusus dapat dikontrol dengan plugin keanggotaan terpisah atau dengan menetapkan kemampuan pengguna untuk melihat konten dan memilih kemampuan itu sebagai logika.

Daripada mengkloning seluruh bagian, saya hanya mengkloning tombol. Segala sesuatu yang lain akan tetap sama. Dengan cara ini jika saya memutuskan untuk mengubah gambar latar belakang, saya hanya perlu mengubahnya di satu bagian.

Saya mengatur logika untuk tombol atas untuk menampilkan konten hanya untuk pengguna yang keluar.

Tombol kedua hanya akan ditampilkan kepada pengguna yang masuk.

Alternatifnya saya bisa menggunakan 'TAMPILKAN konten ini jika pengguna memiliki kemampuan "view_content".'

Pengguna yang masuk sekarang melihat tombol baru yang memberi mereka tautan ke halaman atau pos tertentu.

Contoh Logika Tampilan Divi – Situs Penulis dengan Halaman Arahan Baru

Tentu saja kemungkinan lain adalah menampilkan halaman yang sama sekali berbeda. Contoh ini menggunakan tata letak yang sama seperti contoh sebelumnya, tetapi saya telah menambahkan dua bagian baru yang menyertakan header lebar penuh dan modul blog.

Saya telah mengatur logika untuk setiap bagian. Semua bagian yang membentuk halaman arahan akan ditampilkan kepada pengguna yang tidak masuk. Dua bagian bawah, yang membuat halaman blog dengan header lebar penuh, akan ditampilkan untuk pengguna yang masuk.

Sekarang pengguna yang masuk tidak akan melihat halaman penjualan. Jika saya mengubah item penjualan menjadi sesuatu yang saya ingin semua pengguna lihat, saya cukup mengubah logika tampilan.

Menggunakan Logika Tampilan Divi dengan Ekstra

Divi Display Logic juga bekerja dengan Extra. Contoh ini menunjukkan Modul Carousel Postingan di Pembuat Kategori.

Lisensi

Logika Tampilan Divi dapat digunakan di situs web tanpa batas untuk Anda dan klien Anda. Ini termasuk 6 bulan dukungan dan 12 bulan pembaruan. Setelah 12 bulan berakhir, Anda harus membeli kembali plugin untuk menerima pembaruan. Harga pembelian kembali adalah 50% dari harga pembelian awal.

Pikiran Akhir

Divi Display Logic menyediakan banyak opsi untuk menentukan kapan suatu bagian, baris, atau modul akan ditampilkan. Dengan opsi tampilan termasuk waktu, tanggal, geolokasi, apakah pengguna login atau tidak, dan level pengguna, kemungkinan desain praktis tidak terbatas.

Saya menemukan plugin yang intuitif untuk digunakan. Kode pendek mudah dimanipulasi. Beberapa contoh lagi akan sangat membantu – terutama untuk PHP. Jika Anda ingin menampilkan bagian, baris, atau modul berdasarkan suatu kondisi, Divi Display Logic adalah pilihan yang tepat.

Lihat Divi Display Logic di Tortoise IT untuk informasi pembelian.

Kami ingin mendengar dari Anda. Sudahkah Anda menggunakan Divi Display Logic? Beri tahu kami pendapat Anda tentang hal itu di komentar.

Gambar Unggulan melalui phipatbig / shutterstock.com