Loncat ke Konten Utama

Cara menyesuaikan tipografi dan tata letak di Divi

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 701.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Untuk mulai menyesuaikan tata letak dan tipografi situs web Anda, Anda harus mengakses Penyesuai Tema terlebih dahulu 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 web Anda. Di sini Anda dapat menambah atau mengurangi jarak antara kolom, baris dan bagian dan menyesuaikan ukuran sidebar 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.

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]

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 situs web Anda. Anda dapat menyesuaikan ukuran font dan header, yang akan terlihat di semua area situs secara proporsional. Anda dapat menyesuaikan warna serta tinggi garis, spasi huruf, dan gaya font. Terakhir, Anda juga dapat memilih dari lusinan font untuk diterapkan pada masing-masing font.

tipografi pada divi.png

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]

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.

Buat Toko Online Anda dengan mudah

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

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 memungkinkan Anda untuk menyesuaikan font dan tata letak tema Divi dengan lebih baik.

Tutorial Divi lainnya

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
6 saham
saham3
menciak1
Register2