Untuk mulai menyesuaikan tata letak dan tipografi Anda situs jaringan, Anda harus terlebih dahulu mengakses Penyesuai Tema dengan mengklik tautan Divi> Penyesuai Tema di dasbor WordPress Anda. Ini akan meluncurkan penyesuai. Kemudian cari panel "Pengaturan Umum". Klik pada panel untuk membuka pengaturan yang sesuai dan mulai menyesuaikan. Di panel "Pengaturan Umum", Anda akan melihat tiga bagian: Pengaturan Tata Letak, Tipografi, dan Latar Belakang.
Pengaturan tata letak
Panel tata letak memungkinkan Anda menyesuaikan berbagai opsi ukuran dan jarak untuk situs jaringan. Di sini Anda dapat menambah atau mengurangi jarak antara kolom, baris, dan bagian serta menyesuaikan ukuran bilah sisi Anda. Anda juga dapat mengaktifkan mode Tata Letak Kotak dari panel ini.
Aktifkan tata letak bersarang
Di sini Anda dapat mengedit situs Anda ke dalam format kotak yang membingkai konten situs Anda dan memperlihatkan latar belakang yang dapat disesuaikan.
Lebar konten situs web
Di sinilah Anda dapat mengatur lebar maksimum bagian konten Anda. Karena konten Anda berada pada tata letak responsif, itu akan menyesuaikan ke ukuran yang lebih kecil tetapi tidak akan meluas lebih dari lebar maksimum yang ditetapkan di sini.
Standarnya adalah 1080px. Lebar yang bagus untuk kebanyakan laptop dan desktop standar.
Jarak kolom di situs web
Lebar talang adalah besarnya jarak horizontal (margin) antar kolom pada setiap baris.
Nilai opsional untuk lebar selokan adalah antara 1 dan 4.
1 mewakili margin nol di antara kolom.
2 mewakili margin 3% antara kolom.
3 mewakili margin 5,5% antara kolom.
4 mewakili margin 8% antara kolom.
Gunakan lebar bilah samping khusus
Ini mengatur lebar sidebar default untuk tema Anda. Ini berlaku untuk semua halaman dalam tema Anda yang memiliki sidebar dan yang tidak dibuat dengan Divi Builder.
Ketinggian bagian & garis
Opsi ini menyesuaikan jumlah spasi vertikal (bantalan atas dan bawah) untuk setiap bagian dan baris.
Warna aksen tema
Sebelum Anda mulai mengubah warna elemen Anda yang lain, Anda perlu mengubahnya terlebih dahulu. Setelah Anda mengubahnya, simpan dan publikasikan pengaturan Anda dan segarkan halaman Anda. Sekarang tema Accent Color yang diperbarui seharusnya telah mengisi elemen lain secara otomatis.
tipografi
Panel tipografi adalah tempat Anda dapat menyesuaikan tampilan default teks di seluruh teks Anda situs jaringan. Anda dapat menyesuaikan ukuran font dan header Anda, yang akan tercermin di seluruh area situs secara proporsional. Anda dapat menyesuaikan warnanya serta tinggi garis, spasi huruf, dan gaya font. Terakhir, Anda juga dapat memilih dari puluhan font untuk diterapkan pada masing-masing font.
Ukuran teks tubuh
Ini mengubah teks isi default untuk tema Anda. Ukuran defaultnya adalah 14px.
Ketinggian garis tubuh
Ketinggian baris setiap baris teks.
Ukuran Teks Tajuk
Divi memungkinkan Anda untuk mengatur ukuran teks default untuk header Anda di sini. Ini memengaruhi elemen Divi seperti judul modul header lebar-penuh.
Spasi surat header
Penspasian huruf menyesuaikan spasi horizontal antar huruf. Nilai jarak huruf header mempengaruhi semua level header (h1, h2, h3, h4, h5, h6), tanda kutip, dan judul slide.
Tinggi Baris Tajuk
Sama seperti nilai jarak huruf, nilai tinggi baris header mempengaruhi semua level header (h1, h2, h3, h4, h5, h6), tanda kutip, dan judul slide.
Gaya polisi
Gunakan opsi ini untuk mengubah gaya font tajuk Anda.
Font badan dan tajuk
Font default di Divi adalah Open Sans, tetapi Divi memiliki hampir seratus font untuk dipilih! Manfaatkan font bawaan ini dan uji mana yang paling cocok untuk tema Anda.
Warna tautan tubuh
Warna tautan tubuh diwarisi dari warna aksen tema Anda. Tapi Anda selalu bisa mengubahnya di sini.
Warna teks badan
Di sini Anda dapat mengubah warna teks tubuh Anda.
Warna Teks Tajuk
Di sini Anda dapat mengubah warna tajuk.
Latar belakang
Panel latar belakang memungkinkan Anda untuk menyesuaikan warna latar belakang tema Anda, serta mengunggah gambar latar belakang khusus dan menyesuaikan posisinya di halaman. Gambar dan warna latar belakang bekerja dengan baik saat dipasangkan dengan pengaturan Format Kotak di panel Tata Letak yang disebutkan sebelumnya.
Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk menyesuaikan font dan tata letak dengan lebih baik Tema Divi.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]UNDUH TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorial” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]UNDUH TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Tutorial Divi lainnya
- 5 website untuk restoran penggunaan Divi tema
- Bagaimana cara menambahkan teks pada produk Divi WooCommerce
- Cara mengubah warna menu antara halaman Divi
- Cara mempersonalisasi kisi-kisi blog dengan Divi
- Cara menggunakan peran Divi editor pada WordPress
- Cara membuat slider Divi layar penuh
- Cara mengubah warna menu antara halaman Divi
- Fitur yang Anda mungkin tidak tahu tentang Divi
- Cara menggunakan Divi Builder di WordPress
- Cara menggunakan modul gulir video Divi
- Cara menggunakan modul Flip Divi Builder
- Bagaimana cara menambahkan modul testimonial pada Divi Builder
- Cara menggunakan modul teks Divi
- Cara membuat slider di Divi
- Cara mengedit peran pengguna Divi
- Cara menggunakan modul Divi Social Media
- Cara menggunakan modul shop pada tema WordPress Divi
- Cara menggunakan modul sidebar Divi
- Cara menggunakan Modul Tabel Divi Price
- Cara menggunakan modul judul publikasi Divi
- Bagaimana cara menambahkan modul video Divi
- Cara menggunakan modul navigasi artikel
- Cara menggunakan modul pencarian Divi
- Cara menggunakan modul dompet Divi
- Cara menggunakan modul orang di Divi Builder
- Cara menggunakan modul dompet dengan filter Divi
- Cara menggunakan modul slider lebar penuh
- Cara menggunakan Modul Gambar Divi Builder
- Cara menggunakan modul navigasi penuh lebar dari Divi Builder
- Cara menggunakan modul galeri gambar
- Cara menggunakan Modul Full-Width Divi Builder Card
- Cara menggunakan Modul Portofolio Full Full Divi
- Cara menggunakan modul header penuh lebar Divi
- Cara menggunakan Modul Divi Counter
- Cara menggunakan slider artikel di Divi Builder
- Cara menggunakan modul Divi Email Optin