Divi 3.0 Mempunyai Pembina Bahagian Depan yang Hebat untuk Anda WooCommerce KEDAI

Divi adalah tema pilihan WordPress kita ketika datang WooCommerce, dan yang baru Divi 3.0 memperkenalkan "visual builder" baru (juga disebut sebagai "front-end editor") yang telah dibangun kembali dari bawah ke atas menggunakan React, perpustakaan JavaScript moden untuk antara muka pengguna. Pembina baru ini membolehkan pengguna mengedit halaman WordPress mereka di bahagian depan laman web mereka menggunakan kawalan visual yang ringkas dan cantik. Apabila anda mengaktifkan pembangun, anda akan melihat halaman anda sama seperti yang terdapat di bahagian depan laman web anda.

Namun, dengan pembangun aktif, halaman menjadi dapat diedit menggunakan DiviPelbagai elemen kandungan dan tetapan reka bentuk. Anda dapat mengklik paragraf dan mulai mengetik, menyorot teks dan menyesuaikan fon, ukuran dan gaya, atau membuka tetapan untuk elemen apa pun dan mengubah kandungan, penampilan dan kedudukannya. Menyeret, menjatuhkan, mengubah ukuran, menyalin, menampal, menghapus dan mendua elemen juga mudah.

Halaman menjadi hidup dan setiap elemen terasa nyata kerana anda dapat memanipulasi semuanya dengan cara semula jadi dan intuitif. Apabila anda membuat perubahan reka bentuk atau menambahkan kandungan baru ke halaman, perubahan ini akan muncul serta-merta. Ini kerana pembangun visual baru tidak bergantung pada pemuatan tradisional, jadi ada keperluan untuk penyegaran halaman atau bar pemuatan Ajax selama sebagian besar pengalaman pembangun. Ini adalah masa depan WYSIWYG.

Tambah Kandungan Baru Dari Divi40+ Modul

Menambah kandungan baru di Divi 3.0 adalah sederhana. Arahkan kursor ke lokasi yang anda mahukan di halaman dan klik butang “+” untuk menambahkan elemen baru. Anda disambut dengan senarai Divi40+ modul kandungan yang boleh digunakan untuk membina hampir semua jenis laman web. Tidak perlu menyeret dan melepaskan kandungan dari dok pusat kerana DiviPetua alat kandungan sentiasa ada semasa anda memerlukannya.

Sebaris-Penyunting-1

Peribadikan Segalanya dengan Mudah

Keindahan Divi 3.0 menjadi jelas apabila anda mula menyesuaikan reka bentuk kandungan anda. Semuanya boleh disesuaikan dan anda dapat melihat perubahan tersebut muncul dalam masa nyata:

  • Pilih daripada puluhan fon tersuai.
  • Laraskan warna teks, ukuran, ketinggian garis dan jarak huruf.
  • Tambahkan padding dan margin tersuai.
  • Tukar struktur lajur dan ketinggian baris.
  • Tambahkan warna dan gambar latar.
  • Dayakan latar belakang paralaks dan latar belakang video.
  • Seret, lepas, salin dan tampal elemen kandungan.
  • Terapkan tetapan reka bentuk yang berbeza untuk setiap titik putus responsif.
  • Seret untuk menyesuaikan ketinggian dan lebar baris.
  • Nikmati Pengalaman Penyuntingan Sebaris yang Cantik

Apabila pembangun visual baru aktif, semua teks di halaman menjadi dapat diedit. Tidak perlu membuka tetapan elemen untuk menyesuaikan kandungan teksnya. Cukup klik ke mana-mana perenggan dan mulailah mengetik untuk menambahkan teks, atau sorot teks apa pun untuk menyesuaikan fon, ukuran, gaya dan jaraknya. Mereka telah membuat UI penyunting sebaris mereka sendiri yang sangat halus dan hebat untuk digunakan. Sekiranya anda pernah kecewa dengan antara muka TinyMCE yang sibuk, anda akan terkejut apabila menggunakan Divi 3.0.

Alami Kepantasan yang Luar Biasa

Divi Pembina visual 3.0 mungkin pengalaman membina laman web dalam talian terpantas yang pernah anda gunakan. Terdapat sedikit atau tanpa penyegaran halaman atau bar pemuatan Ajax. Sebenarnya, tidak ada pemuatan tradisional apa pun dalam kebanyakan proses pembinaan. Ini kerana JavaScript memberi kuasa kepada pembangun dan pengalaman membina berlaku sepenuhnya di penyemak imbas anda.

Daripada bergantung pada komunikasi antara penyemak imbas dan pelayan anda agar perubahan berlaku, the Divi Pembangun 3.0 hanya perlu menunggu masa dalam mengambil aplikasi untuk mengira setiap perubahan. Apabila digunakan dengan komputer yang baik dan penyemak imbas moden, anda akan mengalami kemas kini hampir seketika semasa anda menambah dan menyesuaikan kandungan. Beban pelayan anda, kelajuan pelayan dan kelajuan Internet tidak lagi menjadi faktor.

Antaramuka Pembina "Tidak Terlihat" & Disesuaikan

Antara muka-2 yang boleh disesuaikan

Mereka menamakan kod reka bentuk pembangun visual baru sebagai "Antara Muka Tidak Terlihat." Ini mewakili salah satu falsafah reka bentuk teras mereka, iaitu "reka bentuk yang baik sering kali tidak disedari." UI terbaik adalah yang tidak menghalangi anda, dan UI yang meramalkan niat anda dan menawarkan penyelesaian kepada anda. Inilah yang dimaksudkan untuk antara muka yang benar-benar "intuitif." Divi 3.0 tidak menghujani anda dengan grid, garis dan butang yang tidak perlu. Tidak ada header atau bar sisi yang boleh digunakan untuk mencuri harta tanah skrin atau overlay untuk mengaburkan penglihatan anda. Semasa memuatkan pembangun pertama kali, anda mungkin tidak tahu di dalamnya, tetapi apabila anda mula menjelajahi halaman dengan tetikus, kawalannya menjadi jelas.

Divi Pembangun visual 3.0 adalah pembina halaman WordPress pertama yang menawarkan antara muka yang boleh disesuaikan. Ini bermaksud anda tidak berpuas hati dengan konvensi UI tertentu ketika melihat bagaimana kawalan pembangun ditampilkan. Anda dapat memilih agar tetapan ini muncul dalam mod timbul, atau Anda dapat menarik munculan itu ke sisi halaman dan masuk ke mod "bar sisi". Anda boleh menyesuaikan diri
saiz dan kedudukan pop timbul dan bar sisi supaya anda dapat mengoptimumkan ruang anda berdasarkan ukuran skrin atau kandungan di halaman anda.

Catalin Zorzini

Saya seorang blogger reka bentuk web dan memulakan projek ini setelah menghabiskan beberapa minggu berjuang untuk mengetahui yang mana platform e-dagang terbaik untuk diri saya sendiri. Lihat semasa saya 10 pembangun laman web e-dagang teratas.