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.

parameter umum divi.png

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.

parameter tata letak.png

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.

konfigurasi divi.png

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.

tipografi pada divi.png

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.

lakukan divi.png

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