Cara Membuat Variasi Item di Divi Cloud Anda

Diterbitkan: 2022-07-04

Salah satu keunggulan Divi Cloud adalah kemampuan untuk memiliki beberapa variasi tata letak yang sama di ujung jari Anda. Buat beberapa versi tata letak dengan mudah dengan berbagai warna, foto, tipografi, dan banyak lagi. Membuat variasi item itu mudah dengan Divi Cloud. Dalam posting ini, kita akan melihat cara membuat variasi item di cloud Divi Anda. Kami juga akan menjelajahi beberapa cara untuk membuat variasi header dan mendiskusikan praktik terbaik untuk membuat variasi item.

Praktik Terbaik untuk Variasi Item

Saat membuat variasi item, penting untuk mengetahui dengan mudah bahwa item tersebut adalah variasi, apa variasinya, dan apa yang berbeda dari aslinya. Ini dapat dilakukan dengan nama, kategori, dan tag. Divi akan secara otomatis membuat snapshot untuk Anda, sehingga Anda dapat melihat tata letak secara visual sebagai gambar mini dan gambar yang lebih besar dalam tampilan Detail Tata Letak.

Gunakan nama, kategori, dan tag yang memperjelas bahwa itu adalah variasi dari tata letak lain. Mereka harus deskriptif, jadi Anda akan tahu apa variasi tata letak dan apa variasinya. Ini termasuk menambahkan warna, atau deskripsi desain serupa, ke namanya. fokus pada perbedaan utama.

Misalnya, "Header Minimal (Biru)" dan "Header Minimal (Putih)" bersifat deskriptif dan menunjukkan bahwa keduanya merupakan variasi tata letak yang disebut "Header Minimal". Mereka juga menjelaskan apa yang berbeda dari aslinya. Mereka pendek, sederhana, dan mudah dimengerti sekilas.

Variasi yang saya gunakan dalam posting ini adalah perubahan kecil. Saya tidak akan mengubah kategori tetapi saya akan mengubah tag dan menggunakan nama dengan deskripsi.

Buat Tata Letak Header

Kami akan mulai dengan cara menambahkan tata letak header ke Divi Cloud. Anda dapat menggunakan tata letak yang dibuat sebelumnya atau membuat header dari awal. Saya menggunakan Header & Footer GRATIS untuk Paket Tata Letak Layanan Listrik Divi untuk contoh saya. Saya akan menyebut header ini Header Layanan Listrik. Saya akan memilih Header untuk kategori dan memilih salah satu dari dua tag.

Buat Header di Pembuat Tema

Pertama, buat header di Divi Theme Builder. Untuk informasi lebih lanjut tentang menggunakan Divi Theme Builder, cari “theme builder” di blog Elegant Themes. Anda akan menemukan banyak pos yang memandu Anda melalui berbagai aspek pembuat tema. Prosesnya sederhana, tetapi saya telah membaginya menjadi langkah-langkah yang lebih kecil agar tetap dapat dikelola.

  1. Pertama, aktifkan Visual Builder dengan menavigasi ke "Divi"> "Theme Builder" di dasbor WordPress.
  2. Bangun tajuk dengan salah satu dari tiga cara. Pilih “Tambahkan Header Global”, tambahkan “Template Baru”, atau pilih opsi “Portabilitas” dan buat atau impor tata letak header Anda.
  3. Klik ikon Edit untuk header yang ingin Anda tambahkan ke Divi Cloud.

Simpan Header ke Divi Cloud

Selanjutnya, edit tajuk Anda dan simpan tata letak ke Divi Cloud Anda.

  1. Klik ikon ungu "Simpan ke Perpustakaan" di bagian bawah halaman.
  2. Masukkan nama tata letak, pilih Simpan ke Cloud, dan pilih kategori dan tag Anda.
  3. Klik "Simpan ke Perpustakaan".
  4. Tutup editor Pembuat Tema.
  5. Pilih "Simpan Perubahan" di sudut kiri atas Pembuat Tema.

Buat Variasi Item

Selanjutnya, kita akan membuat dua variasi dari header asli kita. Ada beberapa cara untuk membuat variasi item untuk Divi Cloud. Kami akan melihat beberapa opsi berbeda.

Variasi Tata Letak Header Satu

Untuk variasi pertama kami, kami akan terus bekerja di Divi Theme Builder. Ini mengikuti proses pembuatan tata letak header asli. Kami akan menduplikasi halaman yang berbeda seperti kategori, produk, layanan, dll.

Gandakan Template Header

Pertama, duplikat tajuk dan tetapkan ke lokasi.

  1. Aktifkan Visual Builder dengan menavigasi ke “Divi” > “Theme Builder” di dasbor WordPress.
  2. Pilih ikon Duplikat di atas template global.
  3. Pilih lokasi yang ingin Anda tetapkan template ini di popup dan klik "Simpan" di bagian bawah.

Simpan Variasi ke Divi Cloud

Selanjutnya, edit header dan simpan ke Divi Cloud.

  1. Klik ikon Edit untuk header yang ingin Anda tambahkan ke Divi Cloud.
  2. Klik ikon ungu "Simpan ke Perpustakaan" di bagian bawah halaman.
  3. Masukkan nama tata letak, pilih Simpan ke Cloud, dan pilih kategori dan tag Anda. Pilih nama, kategori, dan tag yang memperjelas bahwa itu adalah variasi dari tata letak lain.
  4. Klik "Simpan ke Perpustakaan".
  5. Tutup editor Pembuat Tema.
  6. Pilih "Simpan Perubahan" di sudut kiri atas Pembuat Tema.

Variasi Tata Letak Header Dua

Untuk variasi kedua kami, kami akan menduplikasi header dan mengeditnya di dalam Divi Cloud. Untuk ini, kita akan keluar dari Divi Theme Builder dan menggunakan Visual Builder di halaman atau postingan Divi mana pun.

Gandakan Tata Letak Header

Pertama, Anda harus memuat tata letak ke editor Divi Cloud.

  1. Pertama, aktifkan Visual Builder dengan menavigasi ke halaman mana pun di ujung depan situs web Divi Anda dan mengklik "Aktifkan Visual Builder" di bilah alat Anda di bagian atas layar.
  2. Klik ikon plus ungu pada bilah alat Divi di bagian bawah halaman untuk membuka Perpustakaan Divi.
  3. Klik tab di bagian atas berlabel "Tata Letak Tersimpan Anda".
  4. Selanjutnya, lihat item Divi Cloud Anda. Klik kotak centang berlabel "My Divi Cloud" di bawah Lokasi di bilah sisi kiri.
  5. Temukan tata letak yang ingin Anda duplikat dengan mencari, mengurutkan, atau memfilter item Divi Cloud. Cari berdasarkan kata kunci atau favorit, pilih kategori dan/atau tag untuk memfilternya, atau urutkan berdasarkan waktu, nama, atau favorit.
  6. Klik kanan pada tata letak yang ingin Anda duplikat.
  7. Pilih "Duplikat" di menu popup.
  8. Atau, Anda dapat mengeklik kanan pratinjau di layar Detail Tata Letak untuk membuka item menu dan mengeklik “Duplikat” di menu munculan.
  9. Modal akan terbuka di mana Anda dapat memilih detail. Tambahkan nama baru di bidang "Nama Tata Letak". Pilih kategori yang Anda inginkan untuk tata letak ini atau tambahkan kategori baru. Pilih atau tambahkan tag baru. Masukkan nama tata letak, pilih "Simpan ke Cloud", dan pilih kategori dan tag Anda. Pilih nama, kategori, dan tag yang memperjelas bahwa itu adalah variasi dari tata letak lain.
  10. Klik tombol tanda centang hijau setelah selesai. Tata letak secara otomatis disimpan di Divi Cloud Anda, jadi Anda tidak perlu menyimpan halaman.

Edit Tata Letak Di Dalam Awan

Selanjutnya, buat perubahan Anda pada tata letak Divi menggunakan Divi Visual Builder. Ini berfungsi sama seperti Visual Builder di halaman mana pun kecuali untuk menyimpan ke pustaka, pengaturan halaman, dan portabilitas. Editor sudah diaktifkan, jadi Anda bisa mulai membuat perubahan.

  1. Temukan tata letak yang ingin Anda edit dengan mencari, mengurutkan, atau memfilter item Divi Cloud. Cari berdasarkan kata kunci atau favorit, pilih kategori dan/atau tag untuk memfilternya, atau urutkan berdasarkan waktu, nama, atau favorit.
  2. Klik kanan pada tata letak yang ingin Anda edit.
  3. Pilih "Edit Dengan Divi" di menu popup. Tata letak akan terbuka di tab baru, bukan halaman di situs web Anda, dengan Visual Builder diaktifkan.
  4. Atau, Anda dapat mengklik kanan pratinjau di layar Layout Details untuk membuka item menu dan klik “Edit With Divi” di menu popup.
  5. Cukup edit tata letak dengan Divi Builder seperti biasa. Tambahkan atau sesuaikan bagian, baris, kolom, modul, kode, dll.

Simpan Perubahan Variasi Header Di Dalam Cloud

Terakhir, simpan perubahan Anda. Pengeditan secara otomatis disimpan di Divi Cloud.

  1. Klik "Simpan Item Cloud" di sudut kanan bawah tata letak untuk menyimpan perubahan.
  2. Tunggu hingga perubahan disimpan. Perubahan disimpan di cloud itu sendiri.
  3. Tutup tab setelah Anda selesai mengedit. Ini bukan halaman di situs web Anda, jadi Anda tidak perlu keluar dari Visual Builder.

Mengakhiri Pikiran

Itulah tampilan kami tentang cara membuat variasi item di Divi Cloud Anda. Divi memudahkan untuk membuat variasi dan menyimpannya di cloud. Ada beberapa cara untuk membuat variasi. Terlepas dari metode yang Anda gunakan, pastikan untuk membuat nama deskriptif dan menggunakan kategori dan tag yang akan membantu Anda memahami variasi secara sekilas. Divi Cloud adalah cara yang bagus untuk menyimpan banyak variasi untuk digunakan di situs web Divi mana pun.

Kami ingin mendengar dari Anda. Sudahkah Anda membuat variasi item dalam Divi Cloud? Beri tahu kami tentang pengalaman Anda di komentar.