Loncat ke Konten Utama

Gutenberg dan pengalaman baru dengan Divi Builder

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Musim perubahan ada pada kita. Kedatangan terbaru WordPress 5.0 memperkenalkan editor blok baru (alias Gutenberg). Dan rilis pengalaman Divi Builder baru kami tidak hanya menawarkan integrasi yang mulus dengan Gutenberg, tetapi ia juga telah meningkatkan seluruh pengalaman mendesain situs web dengan Divi.

Perubahan baru ini tidak diragukan lagi akan menimbulkan kekhawatiran dan kebingungan tentang bagaimana Divi dan Gutenberg bekerja sama dan cara terbaik untuk menggunakan Divi dengan semua perubahan ini. Tujuan dari panduan ini adalah untuk mengurangi dampak buruk perubahan dengan menjelaskan opsi yang tersedia dan langkah-langkah yang diperlukan untuk pengalaman Divi Builder baru agar berhasil di WordPress 5.0.

Bagi Anda yang tidak siap untuk Gutenberg atau pengalaman Divi Builder baru, jangan khawatir. kami akan berbicara tentang opsi yang tersedia untuk memungkinkan Anda terus bekerja seperti biasa. Dan bagi mereka yang siap menjelajah ke tempat yang tidak diketahui, panduan ini akan membantu Anda menemukan jalan Anda.

Inilah yang akan kita bahas dalam tutorial ini:

  • Pentingnya menginstal Divi versi terbaru saat meningkatkan ke WordPress 5.0
  • Bagaimana cara kerja konstruktor Divi baru dengan Gutenberg default
  • Cara mengaktifkan Divi Builder baru di backend dengan WordPress 5.0 (metode yang disukai)
  • Mengedit halaman baru dengan antarmuka pengguna Divi Backend Builder baru
  • Menggunakan Classic Divi Builder dengan New Divi

Pentingnya menginstal Divi versi terbaru saat meningkatkan ke WordPress 5.0

Versi terbaru Divi kompatibel dengan WordPress 5.0. Karena itu, jika Anda meningkatkan ke WordPress 5.0, pastikan untuk memperbarui Divi ke versi 3.18 + juga. Versi baru ini menyelesaikan banyak masalah kompatibilitas dengan editor blok Gutenberg yang baru. Jika Anda menyimpan Divi versi sebelumnya, Anda akan kesulitan mengakses Divi Builder dan pengaturan halaman lainnya sebelum memutakhirkan.

Versi terbaru dari plug-in Extra, Bloom, Monarch dan Divi Builder juga kompatibel dengan WordPress 5.0. Karena itu yang terbaik untuk memperbaruinya juga selama upgrade.

Bagaimana cara kerja konstruktor Divi baru dengan Gutenberg default

Setelah Anda memperbarui WordPress 5.0 dan menginstal Divi 3.18 (versi terbaru), Anda siap untuk mulai membuat situs web Anda. Jika Anda menambahkan halaman baru, jendela pop-up yang memungkinkan Anda menggunakan Divi Builder atau editor WordPress default (sekarang Gutenberg) tersedia. Cukup klik "Use Divi Builder".

gunakan divi builder.jpg

Anda akan melihat bahwa Anda akan langsung diluncurkan di Visual Builder.

pembangun divi memilih option.png

Jika Anda keluar dari Visual Builder dan mengedit halaman di backend, Anda akan melihat bahwa tidak ada Classic Divi Builder yang tersedia. Anda hanya akan dapat meluncurkan Divi Builder dalam mode front-end.

tidak ada editor klasik, hanya editor depan.jpg

Memang, WordPress 5.0 telah menghapus editor klasik dan menggantinya dengan editor blok (Gutenberg). Akibatnya, semua aplikasi yang terhubung, termasuk Classic Divi Builder, telah dihapus. Singkatnya, tidak ada Builder Divi Klasik tanpa editor WordPress klasik.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Cara mengaktifkan Divi Builder baru di backend dengan WordPress 5.0 (metode yang disukai)

Beberapa klik sudah cukup untuk mengakses Divi Builder baru di server. Dari dasbor WordPress Anda, pergi ke Divi> Opsi Tema. Sesampai di sana, klik pada tab pencipta. Di bawah opsi pembuat, klik tab Lanjut. Di sini Anda akan menemukan opsi untuk mengaktifkan pengalaman Divi Builder terbaru dan mengaktifkan editor WordPress klasik. Anda harus mengaktifkan kedua opsi untuk menikmati Divi Builder baru di backend . Kemudian klik Simpan Perubahan.

antarmuka divi.jpg

Catatan: Opsi untuk mengaktifkan editor klasik di opsi tema Divi mengesampingkan penggunaan plugin edit klasik disediakan oleh kontributor WordPress untuk orang-orang yang tidak siap untuk menggunakan Gutenberg.

Setelah Anda mengaktifkan versi terbaru Divi Builder dan editor klasik dari opsi tema, Anda siap untuk mulai membuat halaman Anda dengan pengalaman New Divi Builder.

Mengedit halaman baru dengan antarmuka pengguna Divi Backend Builder baru

Dengan Divi Builder baru diaktifkan di WordPress Classic Editor, Anda akan melihat tombol "Use Divi Builder" yang terkenal. Klik tombol ini seperti biasa untuk menggunakan Divi Builder.

editor divi builder.jpg

Selanjutnya, pilih bagaimana Anda ingin mulai mendesain halaman Anda dari tiga opsi yang muncul.

mode pemilihan divi builder.png

Anda sekarang siap untuk sepenuhnya memanfaatkan pengalaman Divi Builder baru. Anda akan melihat bahwa Divi Backend Builder baru mirip dengan Divi Builder klasik dengan beberapa fitur baru yang kuat di ujung jari Anda.

Berikut adalah beberapa fitur penting dari antarmuka pengguna editor halaman yang akan membantu Anda memahami sedikit lebih baik pengalaman baru.

divi builder interface dashboard wordpress.jpg

Tombol "Bangun di depan"

<

p style = "text-align: justify">konstruksi divi builder.png
Tombol "Build in Foreground" telah menggantikan tombol "Use Visual Builder" tradisional, tetapi fitur-fiturnya sama. Ini akan menyebarkan Divi Builder di depan untuk pengalaman visual bangunan yang lengkap seperti sebelumnya. Alasan utama untuk merumuskan tombol ini adalah bahwa tidak ada lagi konstruktor visual yang terpisah. Hanya ada satu Divi Builder yang sekarang tersedia di backend dan ujung depan.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

Mode tampilan sekarang tersedia di backend

<

p style = "text-align: justify">mode yang tersedia di backend divi builder.png
Editor Divi Builder baru memperkenalkan Visual Builder dan semua fitur-fiturnya di backend. Sekarang Anda tidak perlu pindah untuk mengedit halaman Anda. Untuk mengaktifkan pengalaman generator visual di backend, Anda dapat beralih di antara berbagai mode tampilan di bagian atas generator. Secara default, mode tampilan kabel aktif, yang logis karena sangat cocok dengan penampilan pembuat backend klasik yang biasa kita lihat. Namun, Anda dapat beralih di antara berbagai mode tampilan (desktop, tablet, dan smartphone) untuk melihat halaman Anda secara visual (seperti dengan Visual Builder) di back-end tanpa harus meninggalkan halaman.

editor visual builder dashboard.gif

Antarmuka pengguna Divi Builder baru

<

p style = "text-align: justify">antarmuka baru divi builder.png
Selain kemampuan untuk beralih di antara berbagai mode tampilan di backend, antarmuka pengguna Divi Builder bekerja secara transparan di backend saat mengedit halaman Anda.

Misalnya, ketika mengubah pengaturan item di backend, pengaturan modal dapat dipindahkan ke lokasi mana pun di jendela browser, memberi Anda ruang yang diperlukan untuk memodifikasi backend saat melihat perubahan Anda secara real time.

modifikasi real-time divi builder.gif

Kembali ke Pembuat Divi Klasik

kembali ke editor visual divi builder.png

Jika Anda belum siap untuk pengalaman Divi Builder baru, Anda masih dapat menggunakan Classic Divi Builder seperti sebelumnya. Versi terbaru Divi telah memasukkan cara yang sangat sederhana untuk menggunakan Classic Divi Builder yang ada di bagian paling bawah antarmuka pengguna Divi Builder di dasbor saat mengedit halaman Anda. Anda akan melihat tautan yang memungkinkan Anda kembali ke Pembuat Klasik Divi dengan satu klik sederhana.

Catatan: Anda juga dapat beralih ke Pembuat Divi Klasik di bawah Opsi Tema. Klik tab Builder, dan kemudian klik tab Advanced Options. Anda dapat menemukan opsi untuk mengaktifkan atau menonaktifkan pengalaman Divi Builder terbaru. Cukup nonaktifkan opsi ini untuk mempertahankan Classic Divi Builder seperti sebelumnya. Tapi ingat, untuk melihat Classic Divi Builder di backend, Anda perlu memastikan bahwa opsi Editor Klasik juga diaktifkan.

nonaktifkan editor baru divi.jpg

Fitur-fitur baru Divi Builder

<

p style = "text-align: justify">fitur baru divi builder.jpg
Divi Backend Builder baru juga mencakup semua fitur baru yang kuat yang sebelumnya hanya tersedia di Visual Builder. Dan jika itu tidak cukup, Anda juga akan mendapat manfaat dari peningkatan kinerja dan kegunaan baru dengan Divi Builder baru ini. Peningkatan ini termasuk:

  • Bangun pengalaman lebih cepat dari sebelumnya dengan penggunaan memori cache
  • Representasi 100% akurat dari halaman Anda di semua mode tampilan menggunakan React Portal
  • Kemampuan untuk menyalin dan menempel di antara halaman di Visual Builder persis seperti yang Anda bisa di Classic Builder.

Menggunakan Classic Divi Builder dengan New Divi

Seperti yang disebutkan di atas, Anda dapat menggunakan Classic Divi Builder menggunakan tautan yang disediakan di editor halaman Divi Backend Builder baru atau menonaktifkan versi terbaru Divi Builder dalam opsi tema.

Buat blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

Setelah Anda melakukan perubahan, editor halaman latar belakang akan terlihat hampir sama persis seperti sebelumnya, dengan beberapa perubahan kecil. Anda akan melihat bahwa tombol "Gunakan Visual Builder" yang lama sekarang mengatakan Build on Server, tetapi fungsinya masih sama seperti sebelumnya. Anda juga dapat beralih ke Divi Builder baru dengan mengeklik tautan di bagian bawah Divi Builder di backend.

editor klasik divi builder.jpg

Perlu diingat bahwa Classic Divi Builder akan selalu kehilangan semua fitur baru yang sekarang tersedia di backend di New Divi Builder.

Pikiran terakhir

Peluncuran Gutenberg sendiri agak luar biasa untuk sebagian besar. Editor halaman WordPress yang kita semua tahu benar-benar berbeda! Tapi, untungnya, rilis Divi Builder baru terintegrasi sempurna dengan Gutenberg, memungkinkan Anda untuk menjaga antarmuka pengguna yang sudah Anda kenal sekarang. Dan dengan semua fitur canggih yang sekarang tersedia di backend, Divi Builder lebih cepat dan lebih dapat diandalkan daripada sebelumnya.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Tema WordPress Keren yang saya temukan
Dan ada lebih banyak tema dan model 50 000 untuk dipilih!

Kembali ke atas
6 saham
saham6
menciak
Register
Ada apa