Apakah Anda ingin mengubah ukuran font di posting atau halaman Website Anda?
Terkadang, Anda mungkin ingin membuat baris atau paragraf lebih besar, atau Anda mungkin ingin menambah ukuran font seluruh konten halaman Anda.
Pada artikel ini, kami akan menunjukkan cara mudah mengubah ukuran font di Website. Anda tidak hanya akan belajar bagaimana mengubah ukuran font di posting Website Anda, tetapi juga bagaimana melakukannya di situs web Anda.
Metode 1: Menggunakan Judul Paragraf
Pengunjung Anda hanya perlu beberapa detik untuk memutuskan apakah mereka ingin tetap tinggal atau meninggalkan situs web Anda. Ini memberi Anda sedikit waktu untuk meyakinkan mereka agar tetap berada di situs web Anda.
Menggunakan Judul (headings) dalam konten Anda adalah cara yang bagus untuk menarik perhatian pengguna.
Mereka memungkinkan Anda untuk memecah posting dan halaman Anda menjadi beberapa bagian menggunakan judul yang berbeda (sering disebut “subheadings“).
Judul juga bagus untuk SEO. Mesin pencari memberikan judul yang tepat lebih berat daripada teks paragraf normal.
Cara menambahkan heading di editor blok Website secara default
Anda dapat menambahkan heading ke postingan atau halaman Anda hanya dengan menambahkan blok ‘Heading’. Anda dapat mencarinya atau menemukannya di bagian ‘Common Blocks’ di editor blok Website.
Blok akan default ke Heading 2. Jika Anda ingin mengubahnya, Anda cukup mengklik drop-down ‘H2’ untuk memilih ukuran yang berbeda.
Atau, Anda dapat mengubahnya di pengaturan blok di sisi kanan layar. Anda juga dapat mengubah warna heading di sana.
Cara menambahkan judul di Editor Klasik yang lebih lama
Jika Anda masih menggunakan editor klasik lama di Website, Anda dapat menambahkan heading menggunakan drop-down ‘Paragraph’.
Cukup sorot teks yang ingin Anda ubah menjadi heading, klik drop-down ‘Paragraph’, dan pilih ukuran heading Anda.
Ukuran dan warna gaya Judul yang berbeda dikendalikan oleh lembar gaya tema Anda (style.css).
Jika Anda menggunakan tema Website premium, Anda mungkin memiliki opsi untuk mengubah pengaturan ini di bawah Appearance » Customize.
Menggunakan subheading dalam artikel Anda memudahkan pembaca untuk mengikuti apa yang Anda katakan kepada mereka. Cara ini juga membuat SEO Website Anda semakin bagus.
Metode 2: Mengubah Ukuran Teks di Editor Blok
Bagaimana jika Anda ingin memiliki paragraf atau bahkan seluruh posting Anda dalam font yang lebih besar? Anda dapat melakukan ini dengan sangat mudah menggunakan editor blok Website default.
Cukup klik pada blok paragraf mana saja, lalu pilih ukuran font di bawah ‘Text Settings’ di sisi kanan.
Anda dapat memilih dari drop-down, yang mencakup Small, Normal, Medium, Large, dan Huge. Jika Anda berubah pikiran, cukup klik tombol ‘Reset’ untuk mengatur paragraf Anda kembali ke teks default.
Ada juga opsi ‘Custom’ di mana Anda cukup mengetikkan ukuran piksel yang Anda inginkan. Jika mau, Anda juga dapat mengatur Drop Cap besar untuk muncul di awal paragraf Anda.
Opsi ini tidak tersedia di editor klasik lama untuk Website. Jika Anda ingin menggunakannya, pertimbangkan untuk beralih. Tutorial kami tentang cara menggunakan editor blok Website baru akan membantu Anda.
Jika Anda bertekad untuk tetap menggunakan editor klasik, maka opsi berikutnya adalah untuk Anda.
Metode 3: Ubah Ukuran Font Menggunakan Plugin Lanjutan TinyMCE
TinyMCE Advanced adalah plugin Website yang memberi Anda kontrol lebih besar atas ukuran font dan pemformatan teks, serta berbagai fitur lainnya.
Ini sangat berguna dengan editor klasik yang lebih lama, tetapi juga berfungsi dengan editor blok. Itu menambahkan blok baru yang disebut “Classic Paragraph” yang memiliki semua kontrol TinyMCE.
Untuk menggunakannya, Anda harus menginstal dan mengaktifkan plugin TinyMCE Advanced terlebih dahulu. Jika Anda tidak yakin bagaimana melakukannya, lihat panduan langkah demi langkah kami tentang cara menginstal plugin Website.
Selanjutnya, buka Settings» TinyMCE Advanced untuk mengonfigurasi pengaturan editor. Di sinilah Anda dapat mengatur tombol yang ingin Anda gunakan di toolbar TinyMCE Advanced.
Jika Anda menggunakannya dengan editor Klasik, maka Anda akan melihat bahwa TinyMCE memiliki drop-down ‘Font Size’ yang diaktifkan secara default di baris kedua ikon.
Anda dapat memindahkannya ke baris pertama dengan menyeretnya ke atas jika Anda mau.
Jika Anda menggunakan editor blok, maka Anda harus menggulir layar ke bawah dan menambahkan drop-down Font Sizes ke toolbar dengan menyeret dan menjatuhkannya:
Pastikan Anda mengklik ‘Save Changes’ di bagian bawah layar.
Untuk melihat tombol beraksi, buat posting baru atau edit yang sudah ada.
Di editor blok, Anda sekarang memiliki opsi untuk menambahkan blok ‘Classic Paragraph’. Ini akan memiliki kontrol TinyMCE Advanced, seperti ini:
Di editor klasik, Anda akan melihat toolbar TinyMCE Advanced dengan drop-down ukuran font:
Anda dapat memilih ukuran font apa pun dari drop-down.
Catatan: ini tidak memberi Anda banyak opsi seperti editor blok Website, dan Anda tidak dapat mengetikkan ukuran font Anda sendiri.
Metode 4: Ubah Ukuran Font Seluruh Situs Menggunakan CSS
Jika Anda mengubah ukuran font setiap kali Anda mengedit posting, Anda mungkin ingin membuatnya lebih mudah dengan mengubahnya secara permanen di tema Anda.
Kabar baiknya adalah Anda dapat mengubah ukuran paragraf default di seluruh situs Anda. Cara terbaik untuk melakukannya adalah dengan menggunakan Theme Customizer di bawah Appearance » Customize.
Beberapa tema Website mungkin hadir untuk mengubah ukuran font. Jika Anda ingin menemukan opsi ini, maka Anda dapat menggunakannya tanpa menulis kode CSS.
Namun, jika tema Anda tidak memiliki fitur itu, Anda dapat menambahkan CSS khusus untuk menambahkan aturan ukuran font Anda sendiri.
Cukup klik opsi ‘Additional CSS’ di penyesuai tema. Di sinilah Anda dapat menyimpan semua kode CSS khusus Anda.
Sekarang di bawah kotak teks CSS tambahan, cukup tambahkan kode CSS Anda. Dalam contoh ini, kami mengubah ukuran font menjadi ’16px’, Anda dapat memilih ukuran font yang berbeda.
Anda akan segera melihat perubahan pada pratinjau di sisi kanan layar. Jika Anda senang dengan ukuran font, klik tombol ‘Publish’ di bagian atas layar Anda untuk membuatnya aktif.
Catatan: CSS khusus Anda hanya akan diterapkan ke tema yang Anda gunakan. Jika nanti Anda memilih untuk beralih ke tema Website yang berbeda, Anda harus menyalin dan menempelkannya ke Customizer lagi.
Kode di atas hanya berlaku untuk teks paragraf. Bagaimana jika Anda ingin mengubah ukuran font semua sub-judul h2?
Cukup ubah kode di atas untuk menargetkan elemen h2 di tema Anda seperti ini:
Anda juga dapat melakukan hal yang sama dengan heading lain hanya dengan mengubah h2 menjadi h3, h4, atau h5.
Kami harap artikel ini membantu Anda mempelajari cara mudah mengubah ukuran font di Website. Anda mungkin juga ingin melihat panduan kami tentang cara menggunakan font khusus di Website atau daftar plugin pembuat halaman Website drag & drop terbaik kami.
