Loncat ke Konten Utama

Cara menyesuaikan tipografi dan tata letak di Divi

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]

Untuk mulai menyesuaikan tata letak dan tipografi situs web Anda, Anda harus terlebih dahulu mengakses Penyesuai Tema dengan mengklik tautan Divi > Penyesuai Tema di dashboard WordPress Anda. Ini akan meluncurkan penyesuai. Kemudian cari panel "Pengaturan Umum". Klik pada panel untuk membuka pengaturan yang sesuai dan mulai menyesuaikan. Pada 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, garis dan bagian dan sesuaikan ukuran sidebar Anda. Anda juga dapat mengaktifkan mode "Boxed Layout" dari panel ini.

parameter tata letak.png

Aktifkan tata letak penumpukan

Di sini Anda dapat mengedit situs Anda ke dalam format kotak yang membingkai konten situs Anda dan memaparkan latar belakang yang dapat disesuaikan.

Lebar konten situs web

Di sinilah Anda dapat mengatur lebar maksimum bagian konten Anda. Karena konten Anda pada tata letak responsif, itu akan menyesuaikan dengan ukuran yang lebih kecil tetapi tidak akan memperpanjang lebih dari lebar maksimum yang ditetapkan di sini.
Nilai defaultnya adalah 1080px. Ini adalah lebar yang baik untuk kebanyakan laptop dan desktop standar.

Jarak kolom di situs web

Lebar selokan adalah jumlah ruang horizontal (margin) antara kolom dari setiap baris.

Nilai opsional untuk lebar selokan adalah antara 1 dan 4.

1 mewakili margin nol di antara kolom.
2 mewakili margin 3% antar kolom.
3 mewakili margin 5,5% antar kolom.
4 mewakili margin 8% antar kolom.

Divi: Tema WordPress terbaik sepanjang masa!

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

konfigurasi divi.png

Gunakan lebar bilah sisi khusus

Ini mengatur lebar sidebar default untuk tema Anda. Ini berlaku untuk semua halaman dalam tema Anda yang memiliki bilah sisi dan yang tidak dibuat dengan Divi Builder.

Ketinggian bagian & garis

Opsi ini menyesuaikan jumlah jarak vertikal (isi atas dan bawah) untuk setiap bagian dan garis.

Warna aksen tema

Sebelum Anda mulai mengubah warna elemen lain Anda, Anda harus terlebih dahulu mengubah itu. Setelah Anda mengubahnya, simpan dan publikasikan pengaturan Anda dan segarkan halaman Anda. Sekarang tema Accent Color yang diperbarui seharusnya secara otomatis mengisi elemen lain.

tipografi

Panel Tipografi adalah tempat Anda dapat menyesuaikan tampilan teks default di seluruh situs web Anda. Anda dapat menyesuaikan ukuran font dan header Anda, yang akan tercermin dalam semua bidang situs yang sesuai. Anda dapat menyesuaikan warna, tinggi garis, jarak huruf, dan gaya font. Akhirnya, Anda juga dapat memilih dari puluhan font untuk diterapkan ke masing-masing.

tipografi pada divi.png

Ukuran teks tubuh

Ini mengubah badan teks default untuk tema Anda. Ukuran default adalah 14px.

Buat Toko Online Anda dengan mudah

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

Ketinggian garis tubuh

Ketinggian baris setiap baris teks.

Ukuran teks header

Divi memungkinkan Anda untuk mengatur ukuran teks default dari header Anda di sini. Ini mempengaruhi elemen Divi sebagai judul dari Fullwidth modul header.

Ruang surat header

Spasi dari huruf-huruf itu mengatur ruang horisontal di antara huruf-huruf. Nilai jarak huruf sundulan mempengaruhi semua tingkat header (h1, h2, h3, h4, h5, h6), tanda kutip dan judul slide.

Ketinggian garis tajuk

Seperti dengan nilai jarak huruf, garis nilai tinggi header mempengaruhi semua tingkat header (h1, h2, h3, h4, h5, h6), tanda kutip dan headline slide.

Gaya polisi

Gunakan opsi ini untuk mengubah gaya font header Anda.

Font body dan header

Font default di Divi adalah Open Sans, tetapi Divi memiliki hampir seratus font untuk dipilih! Manfaatkan font bawaan ini dan uji yang terbaik untuk tema Anda.

Warna tautan tubuh

Warna tautan tubuh diwariskan oleh warna aksen tema Anda. Tetapi Anda selalu dapat mengubahnya di sini.

Warna teks badan

Di sini Anda dapat mengubah warna teks tubuh Anda.

Buat blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

Warna teks tajuk

Di sini Anda dapat mengubah warna tajuk Anda.

Latar belakang

Panel latar belakang memungkinkan Anda untuk mengatur warna latar belakang dari tema Anda dan meng-upload gambar latar belakang kustom dan menyesuaikan posisinya pada halaman. Gambar latar belakang dan warna berfungsi paling baik ketika dikaitkan dengan pengaturan Tata Letak Kotak di panel Tata Letak yang disebutkan sebelumnya.

lakukan divi.png

Itu saja untuk ini TutorielSaya harap ini akan memungkinkan Anda untuk lebih menyesuaikan font dan tata letak tema Divi.

Tutorial Divi lainnya

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
9 saham
saham6
menciak1
Register2
Ada apa