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 600.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 terlebih dahulu mengakses Theme Customizer 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. 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 untuk menyesuaikan berbagai opsi ukuran dan jarak untuk situs web Anda. Di sini Anda dapat menambah atau mengurangi jarak antara kolom, garis, dan bagian dan 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 yang responsif, konten akan menyesuaikan dengan ukuran yang lebih kecil tetapi tidak akan melebihi lebih dari lebar maksimum yang ditentukan di sini.
Nilai standarnya adalah 1080px. Ini lebar yang bagus untuk kebanyakan laptop dan desktop standar.

Jarak kolom di situs web

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

Nilai opsional untuk lebar selokan adalah antara 1 dan 4.

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]

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 menetapkan lebar bilah samping default untuk tema Anda. Ini berlaku untuk semua halaman di 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 Anda yang lain, Anda harus terlebih dahulu mengubahnya. Setelah Anda mengubahnya, simpan dan publikasikan pengaturan Anda dan segarkan halaman Anda. Sekarang tema Warna Aksen 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 di semua area situs secara proporsional. Anda dapat menyesuaikan warna serta ketinggian garis, spasi huruf, dan gaya font. Terakhir, Anda juga dapat memilih dari puluhan font untuk diterapkan.

tipografi pada divi.png

Ukuran teks tubuh

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

Ketinggian garis tubuh

Ketinggian baris setiap baris teks.

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]

Ukuran teks dari header

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

Ruang huruf pada tajuk

Spasi huruf menyesuaikan ruang horizontal antara huruf. Nilai spasi dari huruf header mempengaruhi semua level header (h1, h2, h3, h4, h5, h6), tanda kutip, dan judul slide.

Tinggi baris tajuk

Mirip dengan nilai spasi huruf, nilai tinggi baris header mempengaruhi semua level header (h1, h2, h3, h4, h5, h6, hXNUMX), tanda kutip, dan judul. slide.

Gaya polisi

Gunakan opsi ini untuk mengubah gaya font tajuk Anda.

Fon badan dan tajuk

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 Toko Online Anda dengan mudah

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

Warna teks dari header

Di sini Anda dapat mengubah warna tajuk.

Latar belakang

Panel latar memungkinkan Anda untuk menyesuaikan warna latar belakang tema Anda, serta mengunggah gambar latar khusus dan menyesuaikan penempatannya di halaman. Gambar dan warna latar belakang bekerja paling baik ketika dikaitkan dengan pengaturan Tata Letak Kotak pada panel Tata Letak yang disebutkan sebelumnya.

lakukan divi.png

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

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