Home
Tutorial
Wordpress

√ Cara Mengubah Font di WordPress

Best Koding.Com - Jika Anda bingung bagaimana cara mengganti font di WordPress, saya tidak bisa menyalahkan Anda. karena metodenya berbeda-beda!

Best Koding.Com - Jika Anda bingung bagaimana cara mengganti font di WordPress, saya tidak bisa menyalahkan Anda. Ini bisa sedikit membingungkan karena metodenya berbeda-beda, bergantung pada apakah Anda menggunakan tema blok yang lebih baru atau tema klasik yang lebih lama . Dalam tutorial ini, saya akan memandu Anda mengubah font menggunakan opsi bawaan untuk yang pertama dan opsi plugin gratis untuk yang terakhir . (Peringatan spoiler: kedua metode ini sangat ramah bagi pemula.)

Cara mengubah font di tema blok modern

Cara Mengubah Font di WordPress
Cara Mengubah Font di WordPress

Dengan dirilisnya WordPress 6.5, tidak hanya mengubah font menjadi sangat cepat dan mudah, tetapi juga mengakses lebih dari seribu font tambahan melalui fitur Perpustakaan Font asli. Selama Anda menggunakan tema blok , maka hari-hari mengutak-atik plugin atau membuang-buang waktu menelusuri tema yang memiliki perpustakaan font yang Anda inginkan sudah berakhir.

Access the Full Site Editor (FSE)

Untuk memulai, dari dashboard WordPress, buka Appearance → Editor untuk membuka Editor Situs Lengkap:


⚠️ Jika Anda tidak melihat opsi Editor di bawah Penampilan dan malah melihat Kustomisasi , itu berarti Anda menggunakan tema klasik dan bukan tema blok. Anda dapat mengganti tema dan memasang tema blok seperti gambar Neve FSE di atas, atau langsung beralih ke bagian tema klasik dalam panduan ini.

 Segera setelah Anda mengeklik Editor , Anda akan dibawa langsung ke antarmuka FSE, tempat Anda ingin memilih Gaya dari menu:


Pada submenu yang muncul, cari ikon pensil kecil dan klik:


Temukan Perpustakaan Font dan integrasikan Google Fonts

Langkah sebelumnya akan membawa Anda ke editor sebenarnya, dengan Styles (ikon lingkaran terpisah) dipilih secara default. Dari sana, klik Tipografi :


Ini akan menampilkan daftar font yang tersedia untuk Anda, namun untuk terhubung ke Google Font dan membuka lebih dari 200 halaman pilihan font, Anda memerlukan tiga klik lagi:

  • Pertama, klik ikon di sebelah kanan subjudul berjudul FONT . Itu terlihat seperti dua garis bertumpuk dengan titik-titik tertanam di dalamnya . Ini akan membuka Perpustakaan Font.
  • Selanjutnya, ketuk opsi ketiga di Perpustakaan Font yang disebut Instal Font .
  • Terakhir, klik Izinkan akses ke Google Font .

Dan itu saja!

Sekarang Anda akan melihat bahwa Anda memiliki akses ke begitu banyak font sehingga Anda memerlukan waktu seharian penuh hanya untuk menelusuri semuanya. Jika Anda memerlukan bantuan untuk mempersempit pilihan Anda, lihat koleksi opsi Google Font terbaik kami untuk mendapatkan inspirasi.


Setelah Anda menemukan font yang Anda sukai, klik font tersebut. Jika font memiliki beberapa varian, cukup pilih yang Anda suka, dan jika sudah siap, ketuk Instal di kanan bawah:


Dengan asumsi semuanya berjalan dengan baik, Anda akan menerima pesan konfirmasi/berhasil:

Pilih dan edit font Anda secara global

Sekarang Anda siap menerapkan pilihan font Anda secara global ke berbagai jenis teks di situs web Anda.

Cukup X keluar dari layar pemilihan Font Library, yang akan membawa Anda kembali ke layar pengeditan FSE yang lebih umum.

Di sana Anda akan melihat font apa pun yang Anda instal tercermin dalam pilihan FONTS di menu sebelah kanan. Dalam contoh khusus ini, kami memilih Andada Pro , yang sekarang terlihat.

Anda juga akan melihat area Elemen , yang menampung kategori pilihan teks global Anda:



  • Teks
  • Tautan
  • Judul
  • Keterangan
  • Tombol
Sebagai contoh, katakanlah Anda ingin menerapkan font yang baru Anda pilih sebagai font Heading di seluruh situs web Anda. Untuk melakukannya, klik Judul di bawah area Elemen .

Di sini Anda dapat menerapkannya ke semua judul Anda (yaitu, H1 hingga H6) atau hanya judul tertentu.

Anda kemudian akan mengulangi proses ini untuk semua elemen font hingga Anda mendapatkan tampilan yang Anda Sukai.

Post a Comment