Panduan Pemula Divi 5: Cara Menguasai Dasar -Dasar

Jika Anda telah mendengar tentang Divi 5 dan bertanya -tanya tentang keadaan saat ini, Panduan Pemula Divi 5 ini adalah untuk Anda.

Divi 5 adalah masa depan pembangun visual Divi, dipercaya dan dicintai oleh pengguna WordPress. Dibangun kembali dari bawah ke atas, Divi 5 menawarkan kinerja yang lebih cepat dan pengalaman yang lebih intuitif. Ini menggabungkan semua yang dikenal divi pada fondasi modern yang dapat diskalakan yang membuat desain web lebih mudah bagi semua orang.

Dalam posting ini, kami akan memandu Anda melalui semua yang Anda butuhkan untuk memulai dan merasa percaya diri menggunakan Divi 5, apakah Anda baru mengenal Divi atau transisi dari Divi 4.

Divi 5 berada dalam tahap alpha, tetapi siap digunakan di situs web baru hari ini.

Apa itu Divi 5?

Divi 5 adalah versi terbaru dari tema Divi WordPress, tetapi lebih dari sekadar pembaruan. Ini adalah pembangunan kembali lengkap kerangka kerja pembangunan situs web Divi, yang dirancang untuk memberi Anda kontrol kreatif penuh tanpa menulis kode khusus.

Di jantung Divi 5 adalah pembangun visual yang lebih cepat dan modern. Ini lebih ringan, lebih responsif, dan menghilangkan masalah umum yang dihadapi pengguna di Divi 4, seperti waktu beban yang lambat, output yang membengkak, dan lag pembangun. Semuanya terasa lebih lebat, lebih halus, dan lebih intuitif.

Ini dibangun untuk membantu Anda beralih dari ide ke peluncuran tanpa beralih alat, menulis kode, atau membuang -buang waktu untuk pengaturan. Begini caranya:

• Pembangun visual real-time yang merespons lebih cepat, terasa lebih ringan, dan memungkinkan Anda menyeret, menjatuhkan, dan menyesuaikan dengan lebih sedikit lag dan lebih presisi. Ujinya sendiri di sini.
• Tata letak divi yang dirancang sebelumnya yang membantu Anda menerapkan desain halaman indah yang disesuaikan dengan berbagai industri dan tujuan.
• Lusinan modul divi yang menangani semuanya, mulai dari teks dan gambar hingga slider, galeri, bentuk, tabel harga, dan banyak lagi.
• Alat pemasaran seperti divi memimpin untuk pengujian terpisah, mekar untuk opt-in email, dan monarch untuk berbagi sosial.
• Opsi kustomisasi canggih seperti preset, variabel desain, dan gaya global memungkinkan Anda untuk menjaga desain Anda konsisten dan sesuai merek.

Apa yang membuat Divi 5 menonjol adalah seberapa disengaja rasanya. Seluruh pengalaman, dari tata letak hingga antarmuka hingga kinerja, dirancang untuk membantu Anda bergerak lebih cepat, tetap terorganisir, dan menikmati alur kerja yang bebas frustrasi, tanpa kode.

Apakah mudah untuk beralih dari Divi 4 ke Divi 5?

Divi 5 adalah penerus Divi 4, yang berarti lebih baik. Jadi, jika Anda terbiasa divi 4, gagasan beralih mungkin terasa luar biasa. Tapi mari kita mulai dengan mengatakan bahwa Divi 5 dibangun dengan kompatibilitas terbelakang . Ini berarti bahwa situs web Divi 4 mana pun akan bekerja dengan Divi 5.

Divi 5 juga menyimpan semua yang Anda sukai tentang Divi 4, tetapi membuatnya lebih baik. Pengalaman intuitif secara keseluruhan tetap akrab, jadi Anda akan dapat terbiasa dengan Divi 5 dengan cepat. Mari kita bahas beberapa alasan mengapa Anda harus beralih dari Divi 4 ke Divi 5.

Pembangun Divi 5 menawarkan kinerja yang lebih cepat dan lebih dioptimalkan

Divi 5 dibangun menggunakan arsitektur modern. Salah satu perbaikan terbesar adalah penghapusan kode pendek, yang menyebabkan output yang membengkak dan kinerja yang lebih lambat di Divi 4. Pembangun sekarang memuat dengan cepat dan terasa jauh lebih ringan secara keseluruhan.

Peningkatan besar lainnya adalah yang lebih cerdas. Dalam Divi 4, bahkan perubahan kecil dapat memicu pembaruan yang tidak perlu di seluruh tata letak. Divi 5 hanya menata ulang apa yang sebenarnya berubah, mengurangi lag dan menjaga pengalamannya lancar, bahkan pada halaman yang kompleks.

Perhatikan Divi 4 Milliseconds (di sebelah kiri) untuk memuat pembangun visual. Divi 5 memuatnya segera.

Untuk mendukung kecepatan ini, kami menghapus animasi transisi dari panel pengaturan, meminimalkan redraw yang tidak perlu, dan menyempurnakan bagaimana pembaruan diterapkan secara real time. Perubahan kecil ini membuat pembangun terasa lebih responsif dengan setiap klik.

Divi 5 memberikan pengalaman pengeditan yang lebih mudah & lebih sederhana

Detail kecil sering kali memiliki dampak terbesar pada cara Anda membangun. Divi 5 memperkenalkan berbagai perbaikan halus namun kuat yang membuat antarmuka pembangun lebih intuitif.

Sebagai permulaan, mengedit konten sekarang lebih cepat dari sebelumnya. Dengan pengeditan satu klik, Anda dapat mengklik langsung ke teks atau modul apa pun dan mulai mengetik, tanpa langkah tambahan dan tanpa beralih di antara menu. Itu membuat seluruh pengalaman terasa langsung dan mudah. (Dalam Divi 4, diperlukan beberapa klik untuk membuka panel pengaturan modul.)

Peningkatan lain adalah docking panel , yang memungkinkan Anda menjepit panel pengaturan ke kedua sisi layar. Ini menjaga tata letak Anda dalam tampilan penuh saat Anda membuat perubahan dan mencegah pengaturan untuk menutupi area kerja Anda. (Kemampuan ini tidak ada dalam Divi 4.)

Breadcrumbs baru di bagian atas panel pengaturan menunjukkan lokasi yang tepat dalam struktur tata letak sehingga Anda selalu tahu di mana Anda berada, terutama ketika bekerja dengan elemen yang sangat bersarang.

Anda juga dapat beralih antara mode terang dan gelap di pembangun, yang tidak ada dalam Divi 4. Pembaruan ini memberi Anda ruang pengeditan yang lebih bersih dan lebih fokus, mengurangi kekacauan visual dan klik yang tidak perlu, sehingga Anda memiliki kontrol yang lebih baik atas ruang kerja Anda.

Divi 5 Menyederhanakan Pengaturan Manajemen dan Organisasi Desain

Divi 5 membawa sistem yang lebih terorganisir dan intuitif untuk mengelola gaya, pengaturan tata letak, dan penyesuaian responsif.

Anda dapat beralih di antara status responsif dan melayang secara langsung dalam setiap pengaturan desain untuk menyempurnakan jarak, tipografi, atau efek untuk setiap interaksi dan ukuran layar tanpa beralih tampilan.

Demikian pula, preset modul, variabel desain, dan preset grup opsi lebih mudah diterapkan dan dikelola di seluruh situs Anda. (Kami akan membahasnya secara rinci di bagian di bawah ini.)

Dengan Divi 5, kami meningkatkan fondasi dan menambahkan fitur baru yang lebih canggih untuk membantu Anda mengoptimalkan alur kerja desain web Anda tanpa pengkodean khusus. Dengan pembaruan yang dirilis setiap dua minggu, itu hanya menjadi lebih baik dari sini.

Fitur Divi 5 Baru yang Harus Anda Ketahui

Mari kita lihat fitur -fitur baru yang baru -baru ini kami tambahkan ke Divi 5 dan bagaimana mereka membantu Anda membangun situs web lebih cepat:

1. Breakpoint yang dapat disesuaikan menawarkan fleksibilitas yang lebih responsif

Salah satu tambahan paling menarik di Divi 5 adalah breakpoint yang dapat disesuaikan. Di Divi 4, Anda terbatas pada ukuran tiga perangkat standar: telepon, tablet, dan desktop. Anda harus menggunakan kode khusus untuk menyempurnakan tata letak untuk lebar layar yang lebih spesifik.

Dengan Divi 5, batasan itu hilang. Anda sekarang dapat mengakses tujuh breakpoint yang telah ditentukan, termasuk telepon lebar, lebar tablet, layar lebar, dan ultra lebar, di samping yang akrab.

Anda dapat mengaktifkan atau menonaktifkan breakpoint ekstra ini berdasarkan kebutuhan desain Anda dan mengubah nilai lebarnya untuk kontrol penuh. Ini memberi Anda lebih banyak fleksibilitas saat membangun situs web yang responsif.

Untuk mengelola breakpoint Anda, klik pada tiga titik untuk membuka panel breakpoint responsif Sitewide . Toggle pada setiap breakpoint baru yang ingin Anda tambahkan, dan memodifikasi nilai baru untuk kontrol lebar jika Anda mau.

Jangan khawatir kehilangan gaya Anda saat Anda menonaktifkan breakpoint. Divi menyimpannya di latar belakang, jadi jika Anda dapat mengaktifkan kembali breakpoint itu nanti, kustomisasi Anda akan segera kembali. Ini sempurna untuk menguji desain responsif yang berbeda tanpa kehilangan pekerjaan Anda.

2. Variabel desain membantu Anda mendefinisikan sistem branding yang konsisten

Variabel desain mungkin terasa kecil di permukaan, tetapi mereka benar -benar mengubah alur kerja Anda setelah Anda mulai menggunakannya. Alih -alih secara manual menyesuaikan font, warna, atau nilai jarak yang sama di berbagai modul, Anda mendefinisikannya sekali dan menggunakannya kembali di situs Anda. Saat Anda memperbarui variabel, setiap instance memperbarui secara otomatis, menghemat waktu dan menjaga desain Anda konsisten.

Ini sangat membantu untuk situs multi-halaman atau proyek klien di mana konsistensi merek penting. Anda dapat mengatur variabel seperti ukuran teks tubuh, warna heading, bantalan tombol, atau gaya tautan. Jika Anda perlu menyesuaikan semua H4S, Anda tidak perlu memburu setiap blok; Ubah saja nilai variabel sekali.

Bukan hanya atribut desain, Anda juga dapat menyimpan nilai konten yang umum diulang seperti alamat perusahaan Anda, tautan produk, dan bahkan motif latar belakang untuk akses cepat. Ini menyelamatkan Anda dari pekerjaan manual dan membantu mengatur konten berulang dengan lebih baik.

Di dalam pembangun visual Anda, klik ikon manajer variabel dan pilih dari enam jenis variabel: angka, teks, gambar, tautan, warna, & font.

Sebagai contoh kami, mari kita buat variabel teks . Beri nama variabel Anda dan tambahkan nilainya, lalu simpan .

Untuk menerapkan variabel teks, klik pada elemen yang ingin Anda ubah. Dalam kasus kami, alamatnya. Karena ini adalah variabel teks, buka konten di panel pengaturan dan arahkan ke atas tubuh untuk menemukan ikon konten dinamis . Sekarang, klik variabel yang Anda simpan untuk diterapkan:

3. Opsi Grup Preset Menyederhanakan Sistem Desain Berbasis Prasetis

Menyimpan dan menggunakan kembali gaya, seperti pengaturan latar belakang, jarak, bayangan kotak, perbatasan, dan banyak lagi, melalui preset grup opsi dapat menghemat banyak waktu. Anda mungkin sudah terbiasa dengan preset elemen tradisional di Divi 4, yang berlaku untuk seluruh elemen (bagian, baris, kolom, modul).

Preset grup opsi di Divi 5 mengambil satu langkah lebih dalam. Mereka memungkinkan Anda membuat dan menerapkan preset ke grup opsi desain tertentu dalam modul. Misalnya, Anda dapat menyimpan pengaturan perbatasan sebagai preset grup opsi tanpa mempengaruhi apa pun.

Untuk melakukannya, pertama -tama Anda akan menyesuaikan pengaturan pilihan Anda dan kemudian menyimpannya sebagai preset. Di bawah, saya menyimpan tombol bayangan sebagai Box Shadow 2 dan menerapkannya ke tombol lain.

Jika Anda ingin menggunakan kembali gaya tombol dengan efek hover, perbatasan, dan warna tertentu tetapi tinggalkan jarak dan gaya teks saja, preset grup opsi memungkinkan Anda melakukan hal itu. Anda hanya dapat menerapkan pengaturan yang Anda butuhkan tanpa mempengaruhi sisa modul.

Sementara variabel desain membantu Anda mengontrol nilai -nilai inti seperti font, warna, dan jarak, preset grup opsi naik satu tingkat lebih dalam. Mereka membiarkan Anda mengelompokkan dan menggunakan kembali seluruh bagian gaya sebagai preset global. Bersama-sama, mereka membentuk sistem desain berbasis prasetel yang membantu Anda dengan cepat membangun tata letak yang konsisten tanpa menulis kode khusus.

4. Baris bersarang untuk desain tata letak yang kompleks

Baris bersarang dibangun untuk desainer yang menginginkan kebebasan tata letak tanpa kompleksitas. Dengan baris bersarang, Anda dapat membangun tata letak yang lebih canggih tanpa terus -menerus menyulap beberapa bagian atau solusi kode.

Mereka membuat tata letak yang kompleks lebih mudah untuk dikelola dan lebih intuitif untuk diedit, terutama ketika mengerjakan halaman arahan, pertunjukan produk, tata letak blog multi-kolom, atau menampilkan karya terbaik Anda dalam portofolio asimetris.

Tambahkan baris bersarang sebagai modul konten. Klik tombol Black Plus, beralih ke baris baru, dan pilih jenis baris pilihan Anda.

Setelah dimasukkan, itu berperilaku persis seperti baris tingkat atas. Juga, setiap baris bersarang mempertahankan pengaturan responsif penuh, yang berarti Anda dapat mengontrol bagaimana perilaku di seluruh breakpoint. Anda tidak lagi terbatas untuk berpikir di baris dan kolom dasar. Dengan baris bersarang, Anda berpikir berlapis -lapis, sambil menjaga alur kerja desain Anda tetap bersih dan visual.

5. Grup Modul untuk Mengatur Modul Anda

Grup modul adalah elemen wadah baru dalam Divi 5. Mereka membiarkan Anda menggabungkan beberapa modul terkait menjadi satu grup yang dapat dilipat di dalam pembangun visual. Ini membuat pengeditan bagian besar dari halaman Anda secara dramatis lebih mudah dikelola, terutama ketika berhadapan dengan tata letak kompleks yang penuh dengan elemen berulang atau desain bersarang.

Bayangkan blok showcase produk dengan judul, gambar, deskripsi, tombol, dan pembagi garis. Alih -alih memilih secara individual atau memindahkan setiap modul kapan pun Anda ingin mereplikasi atau mengubah desain, Anda dapat mengelompokkannya sekali dan memperlakukannya sebagai satu unit.

Grup modul hadir sebagai modul Divi 5 lainnya. Pilih modul grup untuk menambahkannya. Anda dapat menambahkan lebih banyak modul di dalamnya, dan mereka semua akan dikelompokkan bersama sebagai satu grup modul.

6. Unit Lanjutan membantu Anda mengoptimalkan untuk desain responsif yang lebih cerdas

Di Divi 4, sebagian besar input gaya terbatas pada unit dasar seperti piksel dan persentase. Dengan unit canggih, Anda sekarang dapat menggunakan rentang unit CSS yang jauh lebih luas, termasuk REM, EM, VW, VH, %, dan bahkan fungsi CSS yang kuat seperti Clamp () sebagai pengaturan visual di Divi 5. Fitur ini bermanfaat bagi desainer yang peduli dengan desain responsif dan tipografi yang dapat diskalakan.

Misalnya, Anda juga dapat menggunakan klem () untuk mengatur nilai minimum, ideal, dan maksimum untuk bantalan atau ukuran font sehingga desain Anda terlihat dipoles di seluruh perangkat tanpa membuat lusinan breakpoint khusus. Penjepit heading (36px, 4VW, 48px) akan mengatur ukuran font untuk memulai pada 36px, skala berdasarkan 4% dari lebar viewport, dan berhenti tumbuh pada 48px.

Nilai -nilai ini tertanam di semua pengaturan. Anda juga dapat membuat variabel desain angka dengan mendefinisikan nilai unit canggih.

Fitur -fitur ini membuatnya lebih mudah untuk membangun situs web yang fleksibel, responsif, dan konsisten. Anda akan memiliki lebih banyak kendali atas desain Anda secara langsung di dalam pembangun, tanpa perlu menulis CSS khusus atau mengandalkan solusi.

Tapi ini baru permulaan. Apa yang Anda lihat sejauh ini hanya mewakili bagian dari apa yang ditawarkan Divi 5. Kami secara aktif mengerjakan lebih banyak fitur, semua dirancang untuk membantu Anda membangun lebih pintar dan lebih cepat. Pada intinya, Divi 5 adalah tentang membuat desain web lebih pintar. Setiap pembaruan difokuskan untuk menyederhanakan alur kerja Anda dan memberi Anda alat untuk membangun situs web yang indah dengan sedikit usaha. Mulai sekarang akan memberi Anda keuntungan dari Menguasai Divi 5 sebelum siap untuk peluncuran akhir.

Look Inside Divi 5

Mari kita lihat bagaimana membangun situs web dengan tampilan Divi 5. Untuk melakukannya, pertama -tama Anda memerlukan pengaturan WordPress yang berfungsi. Ini berarti memilih host web, mendaftarkan nama domain, dan menginstal WordPress di situs Anda. Kami akan menganggap Anda menjalankan ini sebelum kami fokus pada bagian selanjutnya dari posting ini:

1. Unduh, Instal, & Aktifkan Divi 5

Berikut tutorial video untuk membeli, menginstal, dan mengaktifkan Divi:

Setelah pembelian Anda berhasil, Anda dapat masuk ke area keanggotaan tema elegan Anda. Sekarang unduh folder zip Divi 5.

Kembali ke dasbor WordPress Anda. Ikuti kueri ini: Penampilan> Tema> Tambahkan Tema> Tema Unggah. Kemudian unggah file zip Divi 5 dari komputer Anda dan klik instal sekarang.

Setelah diinstal, aktifkan tema.

Akhirnya, aktifkan lisensi Divi Anda. Dengan melakukannya, Anda akan dapat mengakses layanan yang Anda pilih secara efektif. Prosesnya otomatis, cukup masuk dengan kredensial login keanggotaan ET Anda sekali lagi.

Setelah selesai ini, Anda dapat mengakses dasbor Divi 5 Anda. Dasbor Anda memberi Anda informasi seperti status lisensi Divi Anda, pembaruan, halaman, templat, dan banyak lagi. Anda juga akan melihat Situs Cepat Divi, yang akan kami gunakan untuk membangun basis situs web.

Mulailah dengan Divi

2. Buat situs web Anda menggunakan Divi 5

Cara tercepat untuk membangun seluruh situs web dengan Divi 5 adalah dengan menggunakan situs cepat divi.

Anda memilih antara dua opsi:

• Gunakan situs starter yang sudah dibuat sebelumnya , dan Divi 5 akan membangun situs web dasar menggunakan branding dan konten situs yang dipilih.
• Atau menghasilkan situs Anda dengan AI untuk menginstruksikan Divi AI untuk membuat situs web yang unik.

Begini cara prosesnya menggunakan Situs Starter: Anda memilih situs pemula dan mengisi beberapa detail, seperti logo dan halaman situs web Anda yang ingin Anda buat.

Dan inilah cara kerjanya dengan AI. Anda memberi tahu Divi AI tentang situs web Anda dan menunggu untuk memasak:

Situs cepat divi sempurna jika Anda ingin mempercepat proses pembangunan situs web Anda. Ini memberi Anda struktur siap pakai yang dapat Anda sesuaikan dengan branding, konten, dan gaya Anda sendiri. Anda tidak perlu memulai dari halaman kosong atau merancang setiap tata letak dari awal.

Jika Anda ingin membuat halaman baru dari awal atau mengakses pembangun visual Divi, buka halaman> Tambah halaman.

Sekarang, beri nama halaman Anda dan klik Gunakan Divi Builder.

Anda akan memasukkan pembangun visual Divi.

3. Pelajari tentang Dasar -dasar Pembangun Visual Divi 5

Jika Anda mengakses pembangun visual Divi 5 untuk pertama kalinya, Anda akan melihat banyak ikon, jadi inilah walkthrough cepat:

• (1.) Panel sidebar kiri: Panel ini termasuk alat pembangun. Anda dapat menambahkan tata letak yang sudah dibuat sebelumnya, mengakses pustaka tata letak Anda, melihat struktur menggunakan lapisan, beralih ke tampilan wireframe, menyimpan variabel desain, menyesuaikan pengaturan pembangun, dan mendapatkan bantuan.
• (2.) Top Bar: Anda dapat beralih di antara mode responsif. Kontrol lebar dan zoom membantu Anda menyempurnakan jarak tata letak di seluruh breakpoint. Anda juga akan menemukan Undo/Redo, Clear Layout, History, dan Simpan Opsi di sini. Ditambah tombol keluar, pratinjau, simpan draft, dan publikasikan untuk mengelola kemajuan Anda.
• (3.) Sidebar kanan: Saat Anda mengklik ke modul apa pun, pengaturannya terbuka di sebelah kanan. Anda dapat menambahkan konten, menata, dan menambahkan CSS khusus di sini. Breadcrumbs di bagian atas (halaman> bagian> baris> kolom) menunjukkan dengan tepat di mana modul tinggal di dalam tata letak Anda.

Selanjutnya, Anda memiliki dua elemen kontainer: bagian (diwakili dengan warna biru) dan baris (selalu hijau). Di dalam baris, Anda memiliki kolom di mana Anda dapat menambahkan modul (hitam) .

Untuk menambahkan bagian, Anda akan mengklik tombol Blue Plus. Untuk satu baris, ini adalah tombol Green Plus, dan hitam untuk modul. Anda mendapatkan berbagai jenis opsi baris untuk dipilih. Di dalam baris ada kolom.

Dan di dalam baris dan kolom, Anda akan menambahkan modul konten seperti judul, gambar, dll. Divi 5 menawarkan lebih dari 200 modul konten untuk semua tujuan, apakah Anda ingin menambahkan formulir kontak, testimonial, dll.

Modul grup modul terbaru memungkinkan Anda mengelompokkan elemen yang berbeda sehingga Anda dapat membuat dan menyimpan modul Anda sendiri. ( Warna abu -abu mewakili grup modul.)

4. Buat halaman situs Anda dengan Divi 5

Bahkan jika Anda tidak menggunakan Situs Cepat Divi, Anda masih dapat mengimpor tata letak yang sudah dibuat sebelumnya atau menggunakan Divi AI untuk menghasilkan seluruh tata letak. Klik tombol Blue Plus .

(1.) Memungkinkan Anda memilih dari 2500+ tata letak pra-buatan dan (2.) memungkinkan Anda menginstruksikan divi ai untuk menghasilkan halaman Anda. Begini cara mengimpor tata letak premade bekerja:

Jika Anda memilih untuk membangun dengan Divi AI, Anda hanya perlu menceritakannya tentang halaman yang ingin Anda bangun.

Menyesuaikan Desain Halaman Anda

Jika Anda telah membuat halaman Anda menggunakan Situs Cepat Divi, tata letak yang sudah dibuat sebelumnya, atau Divi AI, Anda harus menyesuaikannya untuk menjadikannya milik Anda. Untuk menambahkan branding Anda secara konsisten di seluruh situs web Anda, cara termudah adalah dengan menentukan variabel desain Anda.

Nilai -nilai global ini (seperti warna dan font utama Anda) akan berlaku secara otomatis di mana pun Anda menggunakannya. Untuk memodifikasinya, cukup ubah nilai variabel dalam manajer variabel.

Untuk mengedit modul apa pun, klik di atasnya, dan pengaturan muncul di panel sisi kanan.

Setiap panel Pengaturan Modul mencakup tiga tab:

• Konten: Di sinilah Anda menambahkan atau mengedit konten aktual modul. Anda juga dapat menambahkan tautan, memilih latar belakang, atau mengubah label admin untuk membantu mengidentifikasi modul dengan lebih mudah.
• Desain: Beralih ke tab Desain memungkinkan Anda untuk menata penampilan visual modul. Anda dapat mengubah ukuran font, berat, warna, tinggi garis, jarak, penyelarasan, dan banyak lagi. Ingatlah bahwa modul yang berbeda memiliki opsi pengaturan yang berbeda.
• Advanced : Tab Lanjutan memberi Anda kontrol penuh atas lebih banyak opsi teknis. Tambahkan CSS khusus, atur visibilitas responsif, dan banyak lagi. Ini sangat berguna jika Anda ingin menyesuaikan di luar apa yang ditawarkan tab desain.
• Ikon laptop memungkinkan Anda beralih antara mode responsif dan hover. Dengan beralih ke satu mode, Anda dapat menyesuaikan semua pengaturan dan menyimpan.
• Tombol preset default adalah fitur preset Divi. Berikut perbedaan antara preset elemen dan preset grup opsi.

Jika Anda berurusan dengan blok penulis, gunakan Divi AI untuk menambahkan konten (teks, gambar, dan kode). Hampir setiap modul memungkinkan Anda menggunakan AI. Yang perlu Anda lakukan adalah mencari ikon AI kecil.

Setelah Anda menyesuaikan halaman Anda, ingatlah untuk menyimpan draft Anda. Kemudian, pratinjau untuk melihat semua hal berfungsi dengan baik dan menerbitkan halaman Anda.

Mulailah dengan Divi

5 Tips Untuk memanfaatkan Divi 5 sebaik -baiknya

Divi 5 berada pada tahap yang menarik - panggung alpha publik. Ini melalui peningkatan ground-up dan peningkatan kinerja besar. Sekarang yang tersisa hanyalah rilis fitur baru dan perbaikan kecil.

Ini juga menjadikannya waktu yang tepat untuk mulai membangunnya. Semakin cepat Anda mulai, semakin nyaman Anda saat divi 5 beta diluncurkan sepenuhnya. Berikut adalah beberapa cara untuk memanfaatkan keanggotaan Divi Anda sebaik -baiknya:

1. Tetap diperbarui dengan rilis baru

Pembaruan fitur baru bukan hanya perbaikan atau penyesuaian kinerja, mereka juga alat yang kuat yang mengubah cara Anda membangun situs web. Dari breakpoint yang dapat disesuaikan hingga variabel desain, baris bersarang, dan unit canggih, masing -masing penambahan dibangun di atas fondasi baru Divi 5 untuk memberi Anda lebih banyak kontrol dan kecepatan.

Untuk tetap berada di loop, berlangganan saluran YouTube Tema Elegan, di mana Nick secara teratur berbagi walkthrough dan merilis pengumuman.

Berlangganan saluran YouTube kami

2. Eksperimen dengan pembangun Divi 5 yang baru

Pembuat visual Divi 5 cepat, responsif, dan dibangun untuk efisiensi. Setiap penambahan fitur baru berkontribusi untuk mengoptimalkan alur kerja Anda, dan kami mendorong Anda untuk terus bereksperimen untuk mengembangkan strategi baru. Untuk membantu Anda, kami juga menerbitkan tutorial fitur baru untuk berbagi pendekatan kami. Misalnya, posting kami pada struktur baris yang berbeda menunjukkan cara Anda menggunakan baris bersarang untuk membuat tata letak yang cerdas.

Jadikan kebiasaan untuk mengunjungi blog tema elegan secara teratur untuk menemukan cara kreatif untuk menggunakan Divi 5.

3. Bagikan & Cari Tip & Trik Divi 5 di Komunitas Divi

Setelah Anda mulai bereksperimen dengan Divi 5, melihat bagaimana orang lain menggunakannya sama pentingnya. Desainer dan pengembang di seluruh dunia juga mengeksplorasi fitur -fitur baru yang sama, mencoba tata letak kreatif, dan berbagi hasil mereka.

Dari penggunaan breakpoint yang cerdas hingga pengaturan variabel desain hemat waktu, ada banyak hal yang dapat Anda pelajari dengan menonton bagaimana orang lain mendekati bangunan mereka. Bergabunglah dengan grup Facebook Divi resmi atau forum yang berfokus pada Divi untuk menemukan tutorial, ajukan pertanyaan, dan dapatkan ide-ide segar dari orang-orang yang bekerja dengan Divi 5. Ini adalah salah satu cara tercepat untuk menumbuhkan keterampilan Anda dan tetap up to date.

4. Bangun situs web baru dengan Divi 5

Cara terbaik untuk menggunakan Divi 5 (saat ini) adalah dengan membangun situs web baru dari awal. Tidak ada alasan untuk menunggu jika Anda memulai proyek baru. Anda mendapatkan kinerja yang lebih cepat, kode yang lebih bersih, dan pengalaman pengeditan yang lebih baik langsung dari kotak.

Tetapi jika Anda bekerja dengan situs Divi 4 yang ada, lebih baik menunggu sedikit lebih lama sebelum bermigrasi ke Divi 5.

Karena Divi 5 masih dalam pengembangan aktif, beberapa modul Divi 4 dan ekstensi pihak ketiga mungkin belum sepenuhnya didukung. Yang mengatakan, karena setiap situs web berbeda, ini tidak akan terjadi setiap saat. Jika Anda tidak yakin, hal terbaik yang harus dilakukan adalah memeriksa kompatibilitas situs Anda. Untuk membantu, kami juga telah membuat alat Migrator Divi 5.

Ini memindai situs Divi 4 yang ada dan memberi tahu Anda modul mana yang kompatibel, mana yang tidak, dan apa yang perlu diperhatikan. Ini membantu Anda membuat keputusan tanpa informasi tanpa mempertaruhkan situs langsung Anda.

Namun, kami sangat dekat dengan rilis beta, jadi saran kami adalah membuat situs web baru hanya menggunakan Divi 5 dan menunggu sedikit lebih banyak sebelum beralih situs Divi 4 Anda.

5. Bangun Sistem Desain Divi

Divi 5 memperkenalkan banyak fitur, sehingga mungkin membingungkan untuk memutuskan mana yang akan digunakan dan mana yang tidak. Misalnya, jika Anda mendefinisikan variabel desain, haruskah Anda menggunakan preset grup opsi juga? Cara terbaik untuk mengetahui hal ini adalah dengan bereksperimen dan mencari tahu apa yang cocok untuk Anda. Dan ketika fitur baru dirilis, Anda dapat terus memperbaiki proses Anda.

Anda dapat memulai bangunan situs web apa pun dengan variabel desain untuk konsistensi, kemudian menggunakannya di dalam grup opsi dan preset elemen. Pendekatan terstruktur ini menghemat waktu, membuat branding Anda selaras, dan memungkinkan Anda memperbarui gaya global hanya dalam beberapa klik.

6. Laporkan bug saat Anda bertemu mereka

Divi 5 masih dalam pengembangan aktif, jadi Anda mungkin akan menemukan beberapa bug di sepanjang jalan. Saat Anda melakukannya, kami ingin Anda melaporkannya. Ini membantu tim kami memperbaiki masalah lebih cepat dan membawa kami selangkah lebih dekat ke rilis beta. Anda juga dipersilakan untuk mengandalkan kami atas keraguan Divi 5 - tim dukungan kami dengan cepat merespons dan di sini untuk membantu, dan pengguna pro juga mendapatkan dukungan VIP 24/7 untuk apa pun yang mendesak.

Pilih Divi 5 untuk memulai perjalanan desain web Anda

Divi 5 memberi Anda kerangka kerja pembangunan situs web yang lengkap, dimodernisasi dan dibangun kembali dari bawah ke atas. Setiap bagiannya dirancang untuk menyederhanakan alur kerja Anda, mempercepat kinerja, dan mengatur Anda untuk masa depan desain web.

• Lebih baik dari kompetisi: Sementara sebagian besar pembangun fokus pada fitur mencolok, Divi 5 berfokus pada kontrol, kecepatan, dan kegunaan dunia nyata. Itu dibangun untuk bekerja dengan Anda, bukan melawan Anda.
• Peningkatan besar dari Divi 4: Divi 4 sudah dicintai oleh pengguna WordPress. Divi 5 membuat semua orang menyukai dan memperbaiki semua yang tidak mereka lakukan. Lebih cepat, lebih ringan, dan lebih diskalakan.
• Semua alat di satu tempat: Dari pengeditan visual ke konten AI, penyimpanan cloud, pembuatan situs cepat, dan alat pemasaran, Divi 5 memberi Anda semua yang Anda butuhkan untuk memulai dengan kuat dan tumbuh dengan cepat.

Jika Anda memulai perjalanan desain web Anda hari ini, mulailah dengan Divi 5. Ini dibangun untuk ke mana web pergi, bukan ke mana saja.

Divi 5 siap digunakan di situs web baru hari ini.