Loncat ke Konten Utama

Gutenberg dan pengalaman baru dengan Divi Builder

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 901.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 di depan kita. Kedatangan baru-baru ini dari 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 juga meningkatkan seluruh pengalaman desain situs web dengan Divi.

Perubahan baru ini pasti akan menimbulkan kekhawatiran dan kebingungan tentang bagaimana Divi dan Gutenberg bekerja sama dan cara terbaik menggunakan Divi dengan semua perubahan ini. Panduan ini bertujuan untuk mengurangi efek merugikan dari perubahan dengan menjelaskan opsi yang tersedia dan langkah-langkah yang diperlukan agar pengalaman Divi Builder baru berhasil beroperasi di WordPress 5.0.

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

Inilah yang akan kita bahas dalam tutorial ini:

  • Pentingnya menginstal versi terbaru Divi 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 versi terbaru Divi saat meningkatkan ke WordPress 5.0

Versi terbaru Divi kompatibel dengan WordPress 5.0. Oleh karena itu, jika Anda meningkatkan ke WordPress 5.0, pastikan untuk memperbarui Divi ke versi 3.18+ juga. Versi baru ini memperbaiki banyak masalah kompatibilitas dengan editor blok Gutenberg yang baru. Jika Anda menggunakan Divi versi lama, Anda akan kesulitan mengakses Divi Builder dan pengaturan halaman lain sebelum melakukan peningkatan.

Versi terbaru dari plugin Extra, Bloom, Monarch dan Divi Builder juga kompatibel dengan WordPress 5.0. Jadi lebih baik memperbaruinya juga saat meningkatkan.

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 membangun situs web Anda. Jika Anda menambahkan halaman baru, jendela pop-up yang memungkinkan Anda menggunakan Divi Builder atau editor WordPress default (sekarang Gutenberg) ditawarkan kepada Anda. Cukup klik "Gunakan 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 Classic Divi Builder tidak 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). Oleh karena itu, semua aplikasi yang terhubung termasuk Classic Divi Builder telah dihapus. Singkatnya, tidak ada Divi Builder Klasik tanpa editor WordPress klasik.

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, buka Divi> Opsi tema. Sesampai di sana, klik tab pencipta. Di bawah opsi generator, klik pada tab Advanced. Di sana Anda akan menemukan opsi untuk mengaktifkan pengalaman Divi Builder terbaru dan untuk mengaktifkan editor klasik (WordPress). Anda harus mengaktifkan kedua opsi untuk menikmati Divi Builder baru di backend . Kemudian klik Simpan perubahan.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

antarmuka divi.jpg

Catatan: opsi untuk mengaktifkan editor klasik dalam opsi tema Divi menggantikan penggunaan plugin pengeditan klasik disediakan oleh kontributor WordPress untuk orang-orang yang tidak siap untuk menggunakan Gutenberg.

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

Mengedit halaman baru dengan antarmuka pengguna Divi Backend Builder baru

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

editor divi builder.jpg

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

mode pemilihan divi builder.png

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

Berikut adalah beberapa fitur penting dari UI Editor Halaman yang akan membantu Anda memahami pengalaman baru sedikit lebih baik.

divi builder interface dashboard wordpress.jpg

Tombol "Bangun di depan"

<

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]

p style = "text-align: justify">konstruksi divi builder.png
Tombol "Bangun di Latar Depan" telah menggantikan tombol "Gunakan Visual Builder" tradisional, tetapi fungsinya sama. Ini akan menyebarkan Divi Builder di fasad untuk pengalaman visual lengkap bangunan seperti sebelumnya. Alasan utama penggunaan kata-kata pada tombol ini adalah karena tidak ada lagi pembuat visual yang terpisah. Hanya ada satu Divi Builder yang sekarang dapat kami akses di bagian belakang dan bagian depan.

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 fiturnya di backend. Sekarang Anda tidak perlu lagi bepergian untuk mengedit halaman Anda. Untuk mengaktifkan pengalaman generator visual di backend, Anda dapat beralih di antara mode tampilan berbeda yang terletak di bagian atas generator. Secara default, mode tampilan wireframe aktif, yang masuk akal karena sangat cocok dengan tampilan pembuat backend klasik yang biasa kita lihat. Namun, Anda dapat beralih di antara mode tampilan yang berbeda (desktop, tablet, dan smartphone) untuk melihat halaman Anda secara visual (seperti dengan Visual Builder) di bagian belakang 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 mode tampilan yang berbeda di backend, UI Divi Builder bekerja dengan mulus di backend saat mengedit halaman Anda.

Misalnya, saat mengubah pengaturan item di backend, pengaturan modal dapat dipindahkan ke lokasi mana pun di jendela browser, memberi Anda ruang yang Anda butuhkan untuk mengubah backend saat masih memvisualisasikan modifikasi Anda secara real time.

pengeditan waktu-nyata divi builder.gif

Kembali ke Pembuat Divi Klasik

kembali ke editor visual divi builder.png

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

Catatan: Anda juga dapat beralih ke Classic Divi Builder di bawah opsi Tema. Klik tab Generator, lalu klik tab Advanced Options. Di sana 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 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 menyertakan semua fitur baru yang canggih yang sebelumnya hanya tersedia di Visual Builder. Dan jika itu belum cukup, Anda juga mendapatkan peningkatan performa dan kegunaan baru dengan Divi Builder baru ini. Peningkatan ini meliputi:

Buat Toko Online Anda dengan mudah

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

  • Pengalaman membangun yang lebih cepat dari sebelumnya dengan penggunaan memori cache
  • Representasi akurat 100% dari halaman Anda di semua 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 disebutkan di atas, Anda dapat menggunakan Divi Builder Klasik menggunakan tautan yang disediakan di editor halaman Divi Backend Builder baru atau dengan menonaktifkan versi terbaru Divi Builder dalam opsi tema.

Setelah Anda membuat perubahan, editor halaman latar belakang akan terlihat hampir sama persis seperti sebelumnya, dengan beberapa perubahan kecil. Anda akan melihat bahwa tombol lama "Gunakan Visual Builder" sekarang bertuliskan "Bangun di Server", tetapi fungsinya masih sama seperti sebelumnya. Anda juga akan memiliki opsi untuk beralih ke Divi Builder baru dengan mengklik tautan yang terletak 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.

final pikiran

Peluncuran Gutenberg sendiri sebagian besar agak berlebihan. Editor halaman WordPress yang kita semua tahu sangat berbeda! Tapi, untungnya, rilis Divi Builder baru terintegrasi mulus dengan Gutenberg, sehingga Anda dapat mempertahankan antarmuka pengguna yang Anda sukai sekarang. Dan dengan semua fitur canggih yang kini tersedia di backend, Divi Builder lebih cepat dan lebih andal dari sebelumnya.

Artikel ini berisi komentar 0

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.

Kembali ke atas