Cara Mengubah Spasi Baris Teks di WordPress
Menyesuaikan spasi baris (juga dikenal sebagai tinggi baris) teks di WordPress dapat meningkatkan keterbacaan dan estetika desain di situs Anda. Anda dapat mengubah spasi baris melalui berbagai metode, tergantung pada apakah Anda menggunakan Editor Blok (Gutenberg), opsi kustomisasi bawaan tema, atau dengan menambahkan CSS kustom.
Berikut ini adalah cara mengubah spasi baris teks di WordPress:
Metode 1: Menggunakan Editor Blok (Gutenberg)
Dalam editor blok Gutenberg, beberapa blok, seperti blok Paragraf atau Heading, memungkinkan penyesuaian dasar pada pengaturan teks, termasuk spasi baris.
Langkah 1: Buka Editor Blok
- Masuk ke dasbor WordPress Anda.
- Navigasikan ke Postingan > Tambah Baru atau Halaman > Tambah Baru (atau edit postingan/halaman yang sudah ada).
Langkah 2: Pilih Blok Teks
- Klik pada blok Paragraf atau Judul yang berisi teks yang ingin Anda sesuaikan spasi barisnya.
Langkah 3: Gunakan Pengaturan Blok
- Pada panel pengaturan sebelah kanan, klik pada tab Block.
- Cari opsi yang disebut Line Height (Catatan: Opsi ini mungkin hanya tersedia di tema atau blok tertentu).
- Sesuaikan tinggi baris dengan menambah atau mengurangi nilainya (biasanya angka antara 1 dan 2 adalah angka yang umum untuk sebagian besar teks).
Langkah 4: Menyimpan perubahan
- Setelah menyesuaikan tinggi baris, pratinjau postingan atau halaman untuk memastikan teks terlihat seperti yang Anda inginkan.
- Klik Publikasikan atau Perbarui untuk menyimpan perubahan Anda.
Metode 2: Menggunakan Pengubah WordPress (Untuk Tema dengan Opsi Tipografi)
Beberapa tema WordPress menawarkan opsi kustomisasi tipografi yang memungkinkan Anda untuk menyesuaikan spasi baris di seluruh situs tanpa memerlukan CSS kustom.
Langkah 1: Buka Customizer WordPress
- Dari dasbor, arahkan ke Penampilan > Kustomisasi.
Langkah 2: Temukan Pengaturan Tipografi
- Di customizer, cari bagian Tipografi atau Penampilan. (Catatan: Lokasi persis pengaturan ini tergantung pada tema Anda)
- Cari opsi yang mengontrol Tinggi Baris atau Spasi Teks.
Langkah 3: Sesuaikan Spasi Baris
- Gunakan penggeser atau input angka untuk menyesuaikan tinggi baris untuk elemen teks tertentu (misalnya, teks badan, judul).
- Pratinjau perubahan untuk melihat tampilan teks pada perangkat yang berbeda.
Langkah 4: Simpan perubahan Anda
- Setelah Anda puas dengan jarak spasi, klik Publikasikan untuk menerapkan perubahan di seluruh situs.
Metode 3: Menggunakan CSS Khusus
Untuk kontrol lebih besar atas spasi baris atau jika tema atau editor Anda tidak menyediakan opsi untuk menyesuaikan tinggi baris, Anda bisa menambahkan CSS kustom untuk mengubahnya.
Langkah 1: Menambahkan CSS Khusus
- Dari dasbor WordPress, buka Appearance > Customize.
- Klik pada tab Additional CSS.
Langkah 2: Masukkan Kode CSS
Untuk menargetkan semua paragraf di seluruh situs, tambahkan kode CSS berikut ini:
Untuk menargetkan judul (misalnya, H1, H2), gunakan:
Anda juga dapat menargetkan blok tertentu dengan menggunakan kelas atau ID CSS. Sebagai contoh:
Langkah 3: Simpan dan Publikasikan
- Setelah menambahkan CSS kustom, pratinjau perubahan untuk memastikan spasi baris terlihat benar.
- Klik Publikasikan untuk menyimpan perubahan Anda.
Metode 4: Menggunakan Plugin
Jika Anda tidak ingin bekerja dengan CSS khusus, Anda dapat menggunakan plugin untuk mengelola tipografi dan jarak baris dengan mudah.
Plugin yang populer:
- Advanced Editor Tools (sebelumnya bernama TinyMCE Advanced): Plugin ini memperluas editor WordPress bawaan, menyediakan lebih banyak opsi untuk pemformatan, termasuk kontrol jarak baris.
- WP Typography: Plugin ini menambahkan fitur-fitur tipografi tingkat lanjut, termasuk tinggi baris, perataan teks, dan banyak lagi.
Langkah-langkah:
- Buka Plugin > Tambah Baru.
- Cari plugin (misalnya, “Advanced Editor Tools”) dan klik Instal dan Aktifkan.
- Setelah diaktifkan, pengaturan plugin akan tersedia di bawah Pengaturan atau di dalam toolbar editor.
- Gunakan antarmuka plugin untuk menyesuaikan jarak baris sesuai kebutuhan.
Kesimpulan
Mengubah spasi baris pada WordPress dapat meningkatkan keterbacaan dan memperbaiki tampilan keseluruhan situs Anda. Tergantung pada tema Anda, Anda dapat menyesuaikan spasi baris menggunakan opsi bawaan Block Editor, penyesuai tema, atau CSS kustom. Jika Anda mencari solusi yang lebih mudah dan tanpa kode, plugin seperti Advanced Editor Tools juga menawarkan cara yang bagus untuk mengelola tipografi. Pilih metode yang paling sesuai untuk Anda, dan sesuaikan teks Anda untuk mendapatkan spasi yang diinginkan.