Atur Halaman Website Hanya Dengan Tarik Dan Lepas

Dasar-dasar

Divi adalah tema yang unik dalam koleksi kami. Berbeda dari setiap tema Elegant lainnya, Divi dibangun pada platform halaman pembangun yang kami dirancang dan dikembangkan dari bawah ke atas. Menggunakan Divi itu drag dan drop pembangun Anda dapat membuat layout yang indah dengan mudah dan kontrol atas setiap bagian dari situs Anda.

Pembangun menggunakan tiga blok utama bangunan: Bagian, Rows, dan Modules. Menggunakan hal-hal ini bersama-sama memungkinkan Anda untuk membuat jumlah tak terhitung layout halaman. Hirarki dasar elemen ini adalah sebagai berikut:

Bagian

Blok bangunan yang paling dasar dan terbesar digunakan dalam merancang layout dengan Divi adalah Bagian. Ini digunakan untuk membuat daerah tingkat atas di website.There Anda dua jenis bagian: Regular, dan Full Lebar. Bagian Regular terdiri dari baris dan kolom Bagian Kendali Lebar terdiri dari modul lebar penuh. Lihat lebih lanjut tentang baris dan modul di bawah ini.

Baris

Deretan duduk dalam Bagian dan Anda dapat menempatkan sejumlah baris dalam bagian. Ada banyak Jenis Row berbeda untuk memilih dari. Setelah Anda mendefinisikan Type Row, maka Anda dapat menempatkan modul ke dalam struktur kolom yang dipilih. Tidak ada batasan untuk jumlah modul Anda dapat menempatkan dalam kolom.

Modul

Modul adalah elemen visual yang membentuk website Anda. Setiap modul yang memiliki Divi dapat masuk ke setiap lebar kolom dan mereka semua penuh responsif.

Gettings Dimulai

Setelah membuat halaman baru, Anda akan melihat jendela standar WordPress Pages. Bila Anda menggunakan Divi, Anda akan melihat [Gunakan halaman Builder] tombol biru. Mengklik ini akan memungkinkan Divi Builder dan Anda akan Disajikan dengan dengan layar Builder Start.

CATATAN: Jika Anda telah ada konten halaman, itu semua akan ditempatkan dalam lebar penuh Text Modul secara default. Jika Anda ingin memisahkan konten ke dalam modul masing-masing, Anda akan perlu untuk menempatkannya ke dalam modul individu secara manual.

Builder Layouts Pilihan

Simpan Tata Letak

Setiap saat Anda dapat menyimpan layout. Pilihan ini sangat bagus untuk menggunakan layout untuk halaman lain, bagian halaman, atau bahkan website lain dibangun dengan Divi. Lihat Menyimpan dan Loading Kustom Layouts.

Beban Tata Letak

Anda juga dapat memuat tata letak setiap saat. Ketika loading layout Anda memiliki pilihan untuk memilih dari array premade Divi Layouts atau layout yang sudah Anda simpan / impor .. Lihat Menggunakan premade Layouts dan Menyimpan dan Memuat Kustom Layouts.

Jelas Tata Letak

Jika kapan saja Anda merasa perlu untuk memulai dari awal, cukup klik tombol Clear Layout. Kadang-kadang Anda hanya perlu sebuah awal baru.

Apa yang Anda lihat di bawah tiga tombol ini adalah Bagian Regular dengan Row di dalamnya meminta Anda untuk memasukkan kolom layout. Jika Anda ingin memulai dengan Lebar Bagian Penuh, pilih 'Add Fullwidth Section' pilihan dari bagian bawah layar.

Bagian Options

Setiap kali Anda menambahkan bagian Anda akan perlu untuk menentukan sifat-sifatnya. Dengan mengklik ikon bagian menu di bagian atas panel samping biru Anda akan dibawa ke Pengaturan Section.

Background Image - Jika didefinisikan, gambar ini akan digunakan sebagai latar belakang untuk bagian ini. Untuk menghapus gambar latar belakang, hanya menghapus URL dari bidang pengaturan.

Gambar bagian latar belakang rentang lebar browser sehingga kami merekomendasikan bahwa gambar latar belakang Anda setidaknya 1080px lebar.

Background Color - Jika Anda hanya akan ingin menggunakan latar belakang warna solid untuk bagian Anda, gunakan color picker untuk menentukan warna latar belakang.

Background Video MP4 - Semua video harus di-upload di kedua MP4 format WebM untuk memastikan kompatibilitas maksimum di semua browser... Upload versi MP4. Sini.

Background Video WebM - Semua video harus di-upload di kedua MP4 format WebM untuk memastikan kompatibilitas maksimum di semua browser... Upload. Versi WebM di sini. Untuk informasi lebih lanjut untuk on video WebM kunjungi:. Href = "http://www.webmproject.org/"> http://www.webmproject.org/

Latar belakang Video Lebar - Agar video untuk menjadi ukuran benar, Anda harus memasukkan lebar yang tepat (dalam piksel) video Anda di sini.

Background Video Tinggi - Agar video untuk menjadi ukuran benar, Anda harus memasukkan ketinggian yang tepat (dalam piksel) video Anda di sini.

Inner Shadow - Di sini Anda dapat memilih apakah atau tidak bagian Anda memiliki bayangan batin. Hal ini dapat terlihat bagus ketika Anda telah berwarna latar belakang atau gambar latar belakang.

Parallax Effect - Mengaktifkan opsi ini akan memberikan gambar latar belakang Anda posisi tetap saat Anda menggulir. Perlu diingat bahwa ketika pengaturan ini diaktifkan, gambar Anda akan skala dengan tinggi peramban.

CATATAN: jika Anda mengaktifkan efek parallax, kami merekomendasikan bahwa gambar Anda setidaknya ukuran ukuran layar standar karena gambar Anda akan mengambil lebar atau tinggi dari jendela browser (yaitu 1280px oleh 768px)

Menambah dan Mendefinisikan Row

Setelah menyimpan pengaturan bagian Anda, Anda akan perlu untuk menyisipkan baris dan menentukan jenis baris. Dengan mengklik 'Insert Columns' Anda akan dapat memilih dari pilihan jenis baris.

Menambahkan Modul

Setelah Anda memilih jenis baris, Anda akan diminta untuk memasukkan modul ke baris itu. Dalam contoh di bawah ini, kami menambahkan dua kolom baris.

Setiap Waktu Anda ingin memasukkan modul, Anda akan perlu klik 'Insert Module' dan pilih salah satu dari daftar modul Divi. Setelah Anda telah memilih modul Anda akan dibawa dengan opsi khusus modul modal. Lihat 'The Modules, Section' pada Readme Halaman kami.

Memperluas Layout

Pada contoh di bawah ini, kami telah mengisi dua kolom dengan modul gambar dan modul teks.

Anda sekarang telah berhasil didefinisikan Bagian, dengan Row, dengan Modul dalam tipe dua kolom baris. Anda dapat mengakses salah satu opsi unsur 'dengan mengklik ikon menu atau menghapusnya dengan mengklik ikon X. Untuk memperluas tata letak Anda, Anda dapat memilih untuk menambahkan bagian ke halaman, baris ke bagian yang sudah ada, atau modul untuk kolom yang ada.

Menambahkan Bagian Lebar Penuh

Di bawah setiap bagian Anda memiliki pilihan untuk 'Tambah Bagian / Tambah Fullwidth Section'. Bagian lebar penuh yang unik dalam bahwa mereka tidak memiliki baris. Karena itu, hanya penuh modul lebar akan bekerja dalam jenis bagian. Bagian lebar penuh didefinisikan secara visual dengan panel samping ungu dan dapat ditempatkan di manapun dalam tata letak Anda. Dalam Contoh di bawah ini, kami telah menambahkan penuh dengan bagian, dengan lebar Slider penuh untuk desain kami.

Memodifikasi dan Mengatur ulang Layout

Mengedit tata letak Anda sangat mudah menggunakan drag and pembangun penurunan fitur. Jika Anda ingin memindahkan bagian atas atau di bawah yang lain, sederhana drag dan drop di lokasi yang diinginkan. Sama berlaku untuk baris dan modul. Anda bahkan dapat memindahkan baris untuk bagian yang berbeda dan modul untuk kolom yang berbeda. Satu-satunya batasan untuk ini adalah bahwa Anda tidak dapat menarik penuh Lebar Modul menjadi bagian biasa dan Anda tidak dapat menarik modul reguler ke Bagian Lebar penuh.

CATATAN: Anda tidak dapat mengubah struktur kolom baris yang sudah ada, tetapi Anda dapat membuat baris lain dengan kolom yang diinginkan dan tarik modul yang ada ke baris baru Anda.

Dalam contoh di bawah ini, Anda dapat melihat bahwa pindah bagian lebar penuh kami ke puncak tata letak dan menambahkan bagian biasa dengan tiga kolom baris di antara bagian yang ada. Kami bahkan menambahkan modul pembagi atas teks kita untuk penyelarasan vertikal.

Simpan dan Publikasikan!

Setelah Anda selesai membangun tata letak Anda, akan digunakan untuk klik Update / tombol Publish di Dashboard WordPress. Anda akan menyukai hasilnya.

Switching Kembali ke Default Editor

Jika Anda Beralih kembali menggunakan editor halaman default Anda akan akan diperingatkan bahwa semua konten yang Anda dibangun dengan pembangun akan hilang dan isi sebelumnya Anda dibuat dengan editor default akan dikembalikan. Sebagai sebuah failsafe, versi WordPress semua pembaruan Anda diterbitkan sebelumnya dan Anda juga dapat menyimpan tata letak Anda sebelum dikembalikan jika Anda pernah ingin mengembalikan sebuah layout. Lihat Menyimpan dan Loading Layouts