Sorotan Produk Divi: Divi Pixel

Divi Pixel adalah plugin pihak ketiga untuk Divi yang menambahkan lebih dari 45 modul khusus dan lebih dari 200 pengaturan untuk memperluas kemampuan Divi. Pengaturan ini memudahkan pembuatan situs web yang menonjol dari yang lain. Dalam posting ini, kita akan melihat Divi Pixel dan melihat apa yang dapat dilakukannya untuk membantu Anda memutuskan apakah itu plugin yang tepat untuk kebutuhan Anda.

Apa yang Diharapkan dari Divi Pixel

Mari kita mulai dengan melihat apa yang dapat Anda harapkan dari plugin Divi Pixel, jika Anda memutuskan untuk membelinya.

45+ Modul yang Dapat Disesuaikan

Divi Pixel menambahkan banyak modul baru yang dapat disesuaikan ke Divi. Ada banyak variasi dalam modul. Mulai dari penggeser sebelum/sesudah, hingga peringkat bintang, gambar mengambang, komidi putar, dan banyak lagi.

200+ Opsi Kustom

Divi pixel juga memberi Anda banyak opsi khusus, lebih dari 200 opsi tambahan untuk membawa situs web Anda ke level selanjutnya! Opsi khusus ini membantu Anda menyesuaikan situs web Divi lebih jauh. Mulai dari mengunggah file SVG, hingga membuat halaman login khusus, menyesuaikan tajuk & navigasi Anda, dan banyak lagi.

& Lagi

Opsi dan modul yang disebutkan di atas bukan satu-satunya yang disertakan dengan Divi Pixel. Anda dapat mengharapkan fitur unik yang didedikasikan untuk area Blog dan pengalaman seluler. Ada juga injektor tata letak yang disertakan yang memungkinkan Anda memasukkan tata letak di mana pun Anda mau!

Memasang Divi Pixel

Unggah dan aktifkan Divi Pixel sama seperti plugin apa pun. Buka dasbor WordPress dan pilih:

1. Plugin
2. Tambah baru
3. Unggah Pengaya
4. Pilih File
5. Instal sekarang

Selanjutnya, aktifkan plugin. Divi Pixel sekarang siap digunakan.

Layar Pengaturan Divi Pixel

Pengaturan ditemukan di dasbor di bawah Divi > Divi Pixel . Mereka menyertakan 7 tab dengan opsi terperinci.

Pengaturan menambahkan fitur melalui ID kelas CSS, opsi untuk mengaktifkan, dan modul ditambahkan ke Divi Builder. Fitur terbaru diberi label. Beberapa ditandai sebagai segera hadir.

Kami akan melihat fitur-fitur terbaru dan beberapa fitur menarik di setiap tab. Kita akan melihat banyak pengaturan di bagian belakang dan depan.

Tab Umum Divi Pixel

Tab Umum mencakup 25 pengaturan yang menyertakan opsi umum, opsi header dan navigasi, serta opsi footer.

Latar Belakang Partikel

Latar Belakang Partikel menampilkan ID kelas CSS untuk ditambahkan ke modul atau bagian yang ingin Anda tampilkan latar belakangnya. Ini mencakup dua ID kelas untuk dipilih dan Anda dapat menyesuaikannya di pengaturan penyesuai.

Saya telah menambahkan ID CSS ke bagian tersebut.

Inilah latar belakang dengan partikel animasi diaktifkan.

Modus Pemeliharaan

Mode Pemeliharaan mengatur situs web Anda untuk menunjukkan bahwa itu segera hadir atau melakukan pembaruan. Pilih halaman mana saja untuk ditampilkan sebagai halaman mode pemeliharaan. URL khusus menyediakan akses ke situs.

Inilah halaman yang saya pilih untuk halaman segera saya yang akan datang. Sekarang menunjukkan halaman ini di tempat halaman rumah saya.

Izinkan Pengunggahan TTF, OTF, dan WOFF

Mengaktifkan ini memungkinkan Anda mengunggah lebih banyak jenis file. Jenis file ini sekarang dapat diunggah sama seperti file biasa di perpustakaan media Anda.

Header Kustom dan Gaya Navigasi

Header Kustom dan Gaya Navigasi mencakup animasi hover, dropdown menu kustom, tombol CTA, memilih menu, teks tombol dan URL, CSS, beberapa pengaturan seluler, dan banyak lagi.

Ini tajuk di ujung depan. Itu telah menambahkan tombol CTA dengan animasi hover.

Kustomisasi Footer

Penyesuaian footer menambahkan fitur baru ke penyesuai tema.

Penyesuai menambahkan menu footer, bilah bawah, dan ikon sosial. Saya telah menyesuaikan menu dan bilah bawah dalam contoh ini. Anda juga dapat melihat bilah gulir khusus di gambar ini, yang ditambahkan secara terpisah.

Tab Blog Divi Pixel

Tab Blog menambahkan 9 pengaturan dan banyak opsi penyesuai tema.

Gaya Halaman Arsip Kustom

Gaya khusus mencakup 6 tata letak. Pilih dari satu kolom dengan gambar di atas, satu kolom dengan gambar di kiri, satu kolom bergantian, dua kolom dengan gambar di atas, tiga kolom dengan gambar di atas, dan bergantian menggunakan gambar yang lebih kecil. Anda juga dapat menerapkan tata letak ini ke Modul Blog Divi dengan Kelas CSS.

Berikut pengaturan default. Itu menambahkan gaya ke semua elemen termasuk tombol bergaya. Gambarnya lebar. Ini juga menunjukkan pengaturan lain yang diaktifkan secara default disebut Tambahkan ikon ke teks meta dan tombol Read More. Itu juga menambahkan kotak penulis, navigasi posting, dan posting terkait, yang akan Anda lihat di posting itu sendiri.

Mengubah tata letak semudah mengklik yang Anda inginkan dan menyimpan perubahannya. Berikut tata letak 3 kolom. Gambarnya tinggi. Saya mengarahkan kursor ke gambar tengah pada contoh di bawah untuk menampilkan overlay.

Anda dapat menyesuaikan semua gaya dengan penyesuai tema. Ini termasuk opsi untuk kategori, arsip, tombol, sidebar, navigasi posting, kotak penulis, artikel terkait, dan komentar. Saya telah menyesuaikan font judul dan font kutipan pada contoh di bawah ini. Contoh ini juga menampilkan ikon sosial yang ditambahkan ke header.

Saya telah menyesuaikan font untuk navigasi, kotak penulis, dan postingan terkait. Anda dapat menyesuaikan semua elemen secara mandiri. Untuk kotak penulis, saya telah menyesuaikan font judul, font tubuh, dan gambar.

Media Sosial Divi Pixel

Tab Media Sosial Divi Pixel memungkinkan Anda menambahkan ikon media sosial ke header. Pilih bagian tajuk mana yang akan ditambahkan ikon, dan jejaring sosial yang akan ditambahkan.

Aktifkan Ikon Sosial Divi Pixel

Anda dapat mengaktifkan ikon media sosial untuk ditampilkan di header. Ini juga mencakup opsi untuk mengontrol cara kerjanya pada klik, untuk perangkat seluler, dll.

Ikon ditempatkan di menu sekunder secara default.

Anda juga dapat menyesuaikannya di penyesuai tema. Sesuaikan ikon, latar belakang, hover, animasi, bentuk, ukuran, dll. Saya telah menambahkan ikon sosial ke menu utama, menyesuaikan ukuran ikon, dan pengaturan hover untuk ikon dan warna latar belakang.

Jaringan

Pilih dari 19 jaringan populer. Tampilkan mereka dengan menambahkan URL Anda.

Tab Seluler Divi Pixel

Tab seluler menyertakan breakpoint, memperbaiki tajuk seluler, menyembunyikan ikon pencarian, mengubah logo di seluler, dll. Ini memberi Anda banyak kendali atas pengaturan seluler. Anda dapat mengunggah logo apa pun yang Anda inginkan.

Menu Seluler

Menu seluler menambahkan 9 pengaturan yang menyertakan opsi untuk gaya animasi menu. Pilih dari penggeser, remas, putar, elastis, runtuh, berdiri, pegas, minus, dan pusaran. Cukup klik salah satu yang Anda inginkan. Ini menunjukkan animasi pada layar pengaturan untuk memberi Anda gambaran tentang cara kerjanya di ujung depan.

Anda dapat menyesuaikan semua gaya untuk ikon hamburger di penyesuai tema. Sesuaikan warna, warna terbuka, warna latar belakang, warna latar terbuka, radius batas, padding, dll. Dalam contoh ini, menggunakan logo, warna latar belakang, dan menu tarik-turun yang berbeda dari versi desktop.

Ciutkan Item Submenu di Seluler

Memilih Ciutkan Item Submenu di Seluler membuka opsi baru lainnya - Hapus Tautan Menu Induk. Ini mencegah tautan menu induk terbuka.

Tab Modul Divi Pixel

Tab Modul menambahkan lebih dari 40 modul baru ke Divi Builder. Beberapa di antaranya berfungsi dengan jenis posting baru yang ditambahkan oleh Divi Pixel dan diakses di dasbor WordPress. Anda dapat menampilkan atau menyembunyikan semuanya atau mengaktifkan modul tertentu yang Anda inginkan. Kami akan melihat beberapa Modul Divi.

Testimonial

Testimonial menambahkan jenis posting baru tempat Anda dapat membuat testimonial untuk ditampilkan modul. Anda dapat membuatnya di editor atau mendapatkannya dari Facebook, Google, dan WooCommerce. Editor menyertakan bidang untuk judul, konten, gambar, nama, perusahaan, situs web, dan peringkat.

Modul ini menampilkan testimonial dan menyediakan banyak pilihan, termasuk nomor yang akan ditampilkan, testimonial yang akan disertakan atau dikecualikan, elemen mana yang akan ditampilkan atau disembunyikan, pengaturan popup, pengaturan korsel, jenis ulasan, dan lainnya. Semua opsi desain standar Divi juga ada di sini.

Pembuat Popup

Pembuat popup menggunakan Divi Builder untuk membuat tata letak. Editor juga menyertakan pengaturan pemicu, opsi lokasi sembulan, dan penyesuaian. Yang ini bukan modul, tetapi Anda dapat menampilkan atau menyembunyikannya di pengaturan modul. Itu ditambahkan ke elemen apa pun dengan ID kelas CSS.

Pengaturan pemicu memungkinkan Anda memilih peristiwa pemicu, menutup opsi, dll.

Opsi lokasi mencakup peran pengguna, area situs, dan postingan yang dapat menampilkan popup. Pilih jenis posting, posting tertentu, dan pengecualian.

Opsi penyesuaian memungkinkan Anda memilih warna latar overlay, animasi popup, posisi, blur, dan lainnya.

FAQ dengan Skema Markup

Modul FAQ Divi Pixel dibuat berdasarkan prinsip Data Terstruktur Google. Pembuat FAQ menggunakan editor klasik. Anda dapat membuatnya seperti konten apa pun di editor klasik dan menambahkan kategori FAQ.

Setelah Anda membuat FAQ, Anda dapat menampilkannya dengan Modul FAQ. Tampilkan semua FAQ atau kecualikan FAQ tertentu, tampilkan berdasarkan kategori, hasilkan data terstruktur dan HTML, dll. Beri gaya pada tab desain.

Balon

Modul Balon membuat balon yang dipilih sebagai item menu. Tambahkan konten apa pun di dalam balon dan beri gaya pada tab desain.

Beralih Konten

Modul Toggle Konten menarik. Ini memungkinkan Anda menentukan dua tata letak dan menyediakan toggle sehingga pengguna dapat beralih di antara keduanya. Saya telah menentukan dua tata letak. Gambar di bawah menunjukkan tata letak pertama.

Mengklik toggle akan mengubah tata letak kedua, seperti yang terlihat di bawah ini.

Lingkaran Info

Modul Lingkaran Info adalah cara yang menarik untuk menampilkan informasi dan konten. Ini memungkinkan Anda menambahkan ikon atau gambar di sekitar lingkaran. Buat kumpulan info sebanyak yang Anda inginkan, pilih ikon dan gambar untuk masing-masing, dan beri gaya bersama atau terpisah.

Tab Injektor Tata Letak Piksel Divi

Injektor tata letak memungkinkan Anda memilih tata letak Divi dan menempatkannya di lokasi tertentu di situs web. Tempatkan tata letak sebelum dan sesudah navigasi, footer, dan setelah header blog dan arsip. Itu juga dapat membangun halaman 404.

File Tambahan Divi Pixel

Divi Pixel juga menyertakan banyak demo yang dapat Anda impor untuk memulai tata letak Anda lebih awal.

Tempat Membeli Divi Pixel

Divi Pixel tersedia di Divi Marketplace seharga $169. Ini mencakup penggunaan situs web tanpa batas, jaminan uang kembali 30 hari, dan dukungan dan pembaruan selama 1 tahun.

Mengakhiri Pikiran

Itulah tampilan kami di Divi Pixel. Ada banyak fitur dan modul di plugin ini. Saya hanya menggores permukaan di posting ini. Jika Anda ingin memperluas apa yang dapat Anda lakukan dengan Divi, Divi Pixel adalah tempat yang tepat untuk memulai.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Divi Pixel? Beri tahu kami pendapat Anda tentang hal itu di komentar.