Sorotan Plugin Divi – Saklar Divi

Divi Switch adalah plugin pihak ketiga untuk Divi yang menambahkan banyak fitur baru ke Divi yang dapat Anda aktifkan atau nonaktifkan dengan menjentikkan sakelar. Banyak komunitas Divi mengetahui Divi Switch karena sudah ada selama beberapa tahun, tetapi pembaruan 3.0 mereka membawa banyak fitur dan peningkatan baru yang layak untuk dilihat. Beberapa fitur baru tersebut meliputi: dasbor baru, plugin mini untuk mengimpor dan mengekspor, pra-pemuat, pengaturan penyesuai tema baru, kustomisasi logo, 404 kustom dan halaman pemeliharaan dengan tata letak bawaan, dukungan untuk gambar SVG, dan banyak lagi.

Pada artikel ini, kita akan melihat Divi Switch baru dan memperhatikan set fitur yang diperbarui.

Memasang Sakelar Divi

Unggah dan aktifkan Divi Switch seperti plugin apa pun. Tab baru kemudian ditambahkan ke menu Opsi Tema Divi di dasbor yang disebut Divi Switch. Masukkan kunci lisensi Anda dan aktifkan plugin. Tab kemudian akan menampilkan dasbor intuitif baru.

Dasbor Switch Divi

Divi Switch telah didesain ulang dan semua pengaturan telah dipindahkan dari tempatnya yang terpisah di menu admin ke Halaman Opsi Tema Divi. Sakelar itu sendiri didistribusikan di sub-tab di bawah tab "Divi Switch" baru di opsi Tema Divi.

Setiap sakelar memiliki judul, deskripsi singkat, dan sakelar berbayang yang disetel secara default ke "Dinonaktifkan". Jika Anda ingin mengaktifkan efeknya, cukup klik pada sakelar dan itu akan beralih ke "diaktifkan". Ini akan berubah menjadi biru untuk menunjukkan bahwa itu diaktifkan.

Untuk melihat deskripsi fitur, pilih tanda tanya yang muncul di sebelah kanan saat Anda mengarahkan kursor ke efek.

Mari kita lihat beberapa tab dan lihat apa yang bisa dilakukannya.

Tajuk

Tab Header menambahkan 8 sakelar dan penyesuaian. Anda dapat menghapus garis bawah tajuk, membuat nomor telepon dapat diklik, membuka tautan sosial di tab baru, memusatkan item tajuk atas, menggunakan logo berbeda pada gulir, mengubah teks menu hamburger, menggunakan logo khusus halaman, dan mengganti menu layar penuh dengan tata letak Divi.

Kustomisasi Logo

Tema Divi memiliki kemampuan untuk mengatur logo khusus yang dapat ditampilkan di setiap halaman atau posting. Tetapi bagaimana jika Anda perlu menggunakan logo yang berbeda di situs Anda? Divi Switch menambahkan beberapa opsi logo sehingga Anda memiliki lebih banyak logo untuk ditampilkan dan memberi Anda kendali atas bagaimana dan di mana mereka ditampilkan. Pengaturan memungkinkan Anda memilih logo yang berbeda pada gulir dan Anda dapat mengatur logo yang berbeda untuk halaman tertentu.

Logo Berbeda di Gulir

Untuk menampilkan logo baru di scroll cukup unggah logo di layar pengaturan. Logo alternatif sekarang akan ditampilkan saat pengunjung menggulir.

Logo Khusus Halaman

Dengan Logo Khusus Halaman, Anda tidak terbatas hanya pada satu logo di situs web Anda. Anda dapat memiliki logo sebanyak yang Anda inginkan dan itu memberi Anda kendali penuh atas logo mana yang ditampilkan di halaman mana.

Jika Anda telah mengaktifkan Logo Spesifik Halaman di pengaturan, fitur baru ditambahkan ke bagian bawah area konten halaman dan posting. Anda sekarang dapat mengatur logo yang berbeda di beranda, dan satu lagi untuk halaman dan posting lainnya. Di sini, Anda cukup mengunggah logo yang Anda inginkan untuk ditampilkan halaman atau posting tersebut.

Contoh ini menunjukkan halaman yang berbeda dengan setiap halaman menunjukkan variasi pada logo situs.

Menu Layar Penuh

Header juga memiliki beberapa penyesuaian menu. Untuk contoh ini, saya telah mengubah teks menu hamburger dan memilih tata letak untuk menu layar penuh.

Inilah menu hamburger dengan teks barunya.

Mengklik menu hamburger membuka menu layar penuh dan menunjukkan tata letak Divi yang saya pilih. Ini transparan sehingga Anda dapat melihat situs web di latar belakang. Ini juga termasuk tombol tutup.

catatan kaki

Tab Footer memungkinkan Anda menghapus poin-poin, menyembunyikan footer bawah, menghentikan footer agar tidak mengambang, dan mengganti footer dengan tata letak Divi.

Tata letak ini ditambahkan ke footer setiap halaman hanya dengan memilihnya di tab Footer.

Isi utama

Tab Konten Utama menambahkan 11 sakelar dan penyesuaian. Anda dapat menghapus garis bilah sisi pemisah, menambahkan prapemuat beranda dan mengatur jenis dan warna, mengubah rasio gambar portofolio, mencegah gambar terbuka di lightbox, menyesuaikan animasi penggeser, menghapus jenis posting Proyek, menambahkan halaman pemeliharaan khusus, dan tambahkan halaman 404 khusus.

Prapemuat

Mengaktifkan prapemuat akan menampilkan ikon animasi saat beranda sedang dimuat. Ini bagus untuk menunjukkan kepada pengunjung bahwa sesuatu sedang terjadi saat konten halaman yang sebenarnya masih dimuat di latar belakang. Ini memiliki 15 jenis transisi dan dua pilihan warna.

Berikut adalah contoh tampilan pra-pemuat di situs web saat halaman dimuat.

404 Kustom dan Halaman Pemeliharaan dengan Tata Letak

Fitur-fitur ini memungkinkan Anda untuk memilih halaman pemeliharaan dan halaman 404 dari daftar halaman Anda. Ini berarti Anda dapat membuat halaman menggunakan tata letak yang Anda buat atau impor ke perpustakaan Divi.

Untuk membantu Anda dalam hal ini, Divi Switch menyertakan paket tata letak halaman 404 premium dan halaman pemeliharaan dengan 10 tata letak pra-desain yang dapat dengan mudah disesuaikan dan diatur secara default. Mereka dalam format JSON. Gambar di atas adalah salah satu dari 404 halaman.

Tata letak dirancang secara profesional, sehingga halaman 404 dan halaman pemeliharaan Anda tidak hanya informatif tetapi juga menarik. Contoh ini adalah salah satu halaman pemeliharaan. Ini termasuk penghitung waktu mundur.

Seluler

Tab Seluler memungkinkan Anda mengatur titik henti sementara untuk setiap ukuran gambar. Masukkan sejumlah nilai yang Anda inginkan untuk mengubah breakpoint. Anda juga dapat menutup menu di ponsel dan menampilkan teks tertentu.

Postingan

Postingan memiliki fitur komentar yang keren. Ini memindahkan komentar ke sakelar sehingga disembunyikan secara default.

Ini adalah sakelar tertutup. Itu ditempatkan di bagian bawah posting tempat komentar biasanya muncul.

Klik untuk membuka dan melihat komentar. Ini adalah formulir komentar WordPress standar.

Jika Anda menambahkan modul komentar Divi ke tata letak Anda, Anda dapat menatanya dengan pengaturan modul. Itu masih ditempatkan di dalam sakelar dan ditutup secara default.

Arsip

Tab Arsip memberi Anda kontrol atas halaman arsip (halaman untuk tag, kategori, penulis, pencarian, dll.). Tambahkan judul kategori, hapus bilah sisi, tambahkan tautan baca lebih lanjut, dan tambahkan garis pemisah di bawah kiriman.

Berikut adalah contoh halaman Penulis dengan semua sakelar arsip diaktifkan.

Integrasi

Tab Integrasi memungkinkan Anda memasukkan tata letak Divi ke lokasi tertentu termasuk sebelum konten utama, setelah konten utama, dan sebelum konten posting. Pilih tata letak dari daftar dropdown.

Saya membuat spanduk lebar penuh hanya menggunakan modul teks dan memasukkannya sebelum konten. Tentu saja, Anda dapat membangun semua jenis tata letak yang Anda inginkan. Ini adalah cara yang bagus untuk membuat CTA dan menu khusus.

Canggih

Tab Advanced memungkinkan Anda mengunggah Scalable Vector Graphics (SVG) untuk logo, ikon, dan gambar lain yang lebih tajam. Karena WordPress memblokir SVG secara default, ini adalah cara yang bagus untuk menggunakan format gambar ini dengan Divi.

Ekspor Impor

Tab Impor/Ekspor memungkinkan Anda mengekspor kode yang dihasilkan oleh Divi Switch menjadi plugin bermerek yang ringan dan khusus untuk dipasang di situs klien Anda. Ini memudahkan penggunaan kode Divi Switch favorit Anda tanpa harus menginstal dan mengatur sendiri plugin Divi Switch. Masukkan nama untuk plugin, berikan deskripsi, tambahkan informasi penulis, berikan versi plugin, dan pilih Ekspor Plugin.

Anda sekarang dapat mengunggah plugin bermerek Anda ke situs klien Anda seperti plugin apa pun. Ini akan memiliki merek Anda.

Penyesuai Tema

Tab baru ditambahkan ke penyesuai tema yang disebut Pengaturan Ruang Divi. Di sini, Anda akan menemukan tab lain bernama Divi Switch. Penyesuai tema mencakup pengaturan tambahan untuk membuat ikon khusus untuk menu seluler, mengubah gambar latar belakang header, menyesuaikan tombol kembali ke atas, dan menyesuaikan halaman arsip – semuanya dengan pratinjau langsung.

Dalam contoh ini, saya telah menambahkan gambar latar belakang ke header. Anda dapat mengaturnya untuk mengulang, mengubah posisi gambar, dan mengubah ukuran gambar. Di atas pengaturan ini adalah area pilihan tempat Anda dapat memilih ikon untuk menu seluler.

Dalam contoh ini, saya menyesuaikan tombol kembali ke atas agar sesuai dengan tata letak. Anda dapat menyesuaikan ukuran ikon, radius, posisi, warna latar belakang, warna ikon, dan warna hover.

Dalam contoh ini, saya menyesuaikan warna, tinggi, dan lebar pemisah untuk halaman arsip. Anda juga akan melihat dalam contoh ini bahwa logo berubah ketika saya menggulir ke bawah. Saya masih mengaktifkan pengaturan pertukaran logo (yah, saya kira itu sebenarnya 'beralih'.)

Lisensi

Divi Switch memiliki tiga lisensi untuk dipilih:

• Situs tunggal – $24
• 3 situs – $50
• Situs tidak terbatas – $96

Divi Switch juga tersedia dalam paket Keanggotaan Divi Space.

Mengakhiri Pikiran

Saya terkesan dengan fitur-fitur baru di Divi Switch. Tidak harus menempelkan kelas CSS dan dasbor baru adalah fitur yang disambut baik. Opsi logo, pra-pemuat, plugin mini, dan halaman 404 khusus serta halaman pemeliharaan menambahkan banyak hal ke Divi sendiri. Saya suka kemampuan untuk menyisipkan tata letak Divi dan memilih footer khusus. Saya juga menyukai fitur kustomisasi tema untuk menambahkan gambar ke header dan menyesuaikannya serta mengubah warna, bentuk, dan posisi tombol kembali ke atas.

Divi Switch menambahkan banyak fitur ke Divi. Saya menemukan masing-masing dari mereka mudah digunakan. Jika Anda mencari banyak penyesuaian yang dapat Anda tambahkan dengan cara termudah mungkin, Divi Switch mungkin yang Anda cari.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Divi Switch? Beritahu kami tentang pengalaman Anda di komentar di bawah!

Gambar Unggulan melalui Oleh Donets / shutterstock.com