Tanpa perlu kod, anda boleh dengan mudah menambah panduan fon khusus (custom font guidelines) ke laman web WordPress anda.

Font yang disesuaikan adalah elemen kunci dalam membentuk imej jenama dan gaya visual sebuah laman web. Bagi pengguna WordPress, menambahkan font yang unik ke laman web anda tidak lagi memerlukan penulisan kod CSS yang kompleks. Panduan ini akan menerangkan dengan terperinci beberapa kaedah yang mudah dilaksanakan tanpa menggunakan kod, melalui plugin dan alat yang disediakan, agar laman web anda dapat menonjol dari segi visual.

Mengapa perlu menggunakan font khusus (custom fonts) dalam WordPress?

Secara lalunya, WordPress menggunakan fon yang telah ditetapkan oleh tema, dan ini mungkin tidak memenuhi keperluan anda untuk menonjolkan keunikan jenama anda. Menggunakan fon yang disesuaikan (custom fonts) boleh memberikan banyak manfaat.

(Meningkatkan pengenalan jenama)

Font yang seragam merupakan komponen penting dalam sistem pengenalan visual sebuah jenama. Dengan menggunakan font yang konsisten pada laman web, bahan pemasaran, dan media sosial, ia dapat meningkatkan kesan jenama dalam fikiran pengguna serta membina imej yang profesional dan boleh dipercayai.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Lengkap Pengoptimuman SEO Google: Strategi Komprehensif dan Amalan Berkesan Dari Permulaan Hingga Kemahiran Lanjutan。

Meningkatkan pengalaman pengguna dan kebolehbacaan

Font yang dipilih dengan teliti dapat meningkatkan keterbacaan kandungan dengan ketara. Saiz font, jarak antara baris, dan jarak antara huruf yang sesuai dapat mengurangkan keletihan pembaca, membimbing pandangan pengguna, dan seterusnya meningkatkan masa pengguna berada di halaman tersebut serta kadar interaksi dengan kandungan.

UltaHost – Penyedia Hosting untuk WordPress

Jaminan pemulangan wang dalam tempoh 30 hari, lebar jalur dan pangkalan data yang tidak terhad, perlindungan DDoS percuma, diskaun 50% untuk pembelian selama 3 tahun.

Lawati halaman

Mencapai gaya reka bentuk yang unik

Sama ada ia merupakan jenis fon bergaris yang elegan, fon tanpa garis yang moden, atau fon tulisan tangan yang penuh dengan seni, fon yang disesuaikan sendiri dapat membantu anda menyampaikan emosi dan nada laman web dengan tepat, menjadikannya berbeza daripada banyak laman web lain dalam kategori yang sama.

Gunakan plugin fon khusus (kaedah yang disyorkan)

Bagi kebanyakan pengguna, terutamanya yang bukan pengembang, menggunakan plugin khusus adalah penyelesaian yang paling selamat dan mudah. Plugin ini menyediakan antara muka yang intuitif untuk mengurus dan menggunakan fon.

Mengunggah dan mengurus fon melalui plugin

Easy Google Fonts 和 Use Any Font Ini adalah dua plugin yang sangat popular. Use Any Font Sebagai contoh, ia membenarkan anda untuk mengunggah secara langsung. .woff、.woff2、.ttf、.otf Muat naik fail fon dalam format yang sesuai ke dalam perpustakaan media. Selepas memasang dan mengaktifkan plugin tersebut, anda boleh mencari halaman konfigurasinya dalam “Settings” (Tetapan), muat naik fail fon tersebut, dan sistem akan menghasilkan fail yang diperlukan secara automatik. @font-face Peraturan CSS tidak perlu dikod secara manual sama sekali.

Konfigurasi peraturan penggunaan fon dalam plugin

Setelah memuat naik font, kuncinya adalah bagaimana untuk menggunakannya. Plugin jenis ini biasanya disatukan ke dalam WordPress Customizer atau Page Builder. Anda boleh memilih font yang baru sahaja dimuat naik untuk teks umum, tajuk (H1-H6), menu navigasi, dan elemen lain dalam tetapan “Font” atau “Layout” di Customizer laman web, dan melihat preview kesannya secara masa nyata. Semua tetapan adalah visual dan dapat dilihat dengan segera, yang memastikan keputusan reka bentuk adalah tepat.

Diperoleh daripada WEB\nDisyorkan untuk membaca. Panduan Lengkap Pengoptimuman Enjin Carian Bing: Strategi Utama dan Teknik Praktikal untuk Meningkatkan Penarafan SEO Bing。

Menggunakan fungsi integrasi pembina halaman (page builder)

Jika anda menggunakan pembina halaman moden seperti Elementor, WPBakery, atau Divi, ia biasanya dilengkapi dengan ciri pengurusan fon yang sangat kuat.

Menambahkan fon khusus dalam Elementor

Versi Elementor Pro menyediakan sokongan asli untuk penggunaan font khusus. Masuk ke halaman “Elementor” -> “Custom Fonts” dalam panel pentadbiran WordPress, kemudian klik butang “Add New Font”. Anda perlu memberi nama kepada font tersebut dan memuat naik fail font untuk berbagai jenis ketebalan (seperti biasa, tebal, condong). Setelah pemindahan fail selesai, font khusus anda akan muncul dalam senarai drop-down “Font Family” pada kontrol penataan Elementor (seperti widget teks), dan anda boleh memilihnya untuk digunakan pada mana-mana halaman.

Pengurusan fon untuk pembina lain

Tema Divi dan alat seperti Visual Composer juga menyediakan antaramuka yang serupa. Mereka menguruskan fon khusus sebagai aset global, dan setelah ditambahkan, ia boleh digunakan dalam pilihan fon untuk semua modul. Kaedah ini menggabungkan pengurusan fon dengan proses reka bentuk halaman dengan lancar, menjadikannya sangat cekap.

hosting.com Hosting Bersama

Prestasi tinggi, menampilkan CPU AMD EPYC, storan SSD NVMe dan LiteSpeed, dengan sokongan pakar dalaman 24/7, langkah keselamatan canggih termasuk SSL, perlindungan serangan paksa kata laluan, perisian hasad dan DDoS, menjimatkan sehingga 73%.

Lawati halaman

Tambah secara langsung melalui pilihan tema.

Banyak tema WordPress yang canggih (seperti Astra, GeneratePress, OceanWP) telah menyertakan fungsi untuk mengatur font khusus secara terus dalam alat penyesuaian tema mereka.

Cari tetapan fon untuk tema tersebut.

Pertama sekali, masuk ke bahagian “Appearance” -> “Customize” di panel pentadbiran WordPress. Dalam sidebar Customizer, cari pilihan seperti “Layout”, “Fonts” atau “Global Styles”. Di sini, anda mungkin akan menemui sub-pilihan seperti “Custom Fonts” atau “Add Fonts”. Ini biasanya merupakan cara yang paling langsung, kerana ia terintegrasi dengan baik ke dalam rangka kerja tema tersebut.

Muat naik dan aplikasikan secara global

Sebagai contoh, dalam tema Astra, anda boleh memuat naik fail font di bawah “Layout” -> “Custom Fonts” dan memberikan nama yang mudah diingat kepada font tersebut. Kemudian, dalam tetapan “Global Fonts” atau “Text Fonts” serta untuk semua jenis tajuk, anda boleh memilih font tersebut daripada menu drop-down. Ini bermakna anda hanya perlu memuat naiknya sekali sahaja untuk menggunakannya di seluruh laman web, memastikan konsistensi reka bentuk.

Diperoleh daripada WEB\nDisyorkan untuk membaca. SEO Optimasi: Strategi Utama dan Panduan Amalan untuk Meningkatkan Penarikan Semula Jadi Laman Web。

Menggunakan fon Google dan menghoskannya secara lokal

Memandangkan prestasi rangkaian dan pertimbangan privasi, menglocalisasi font Google adalah tindakan yang bijak. Anda boleh melakukannya secara automatik dengan menggunakan plugin.

Menggunakan plugin untuk pelaksanaan pengehosan tempatan

OMGF | Host Google Fonts Locally 和 FlyingPress Ada tambahan (plugin) yang boleh mengesan secara automatik jenis font Google yang digunakan dalam tema dan tambahan (plugin) anda, kemudian memuat turunnya dan menyimpannya di pelayan anda sendiri. Sebagai contoh, setelah anda memasang dan mengaktifkan tambahan OMGF, anda boleh mengakses halaman tetapannya. Di sana, tambahan tersebut boleh mengoptimumkan proses muat turun font secara automatik, membenarkan anda memilih ketebalan font (weight) dan subset karakter yang diinginkan, seterusnya mengurangkan jumlah permintaan HTTP (HTTP requests) dan meningkatkan kelajuan laman web anda, sambil mematuhi peraturan privasi data seperti GDPR.

Hosting Bersama InterServer

Hosting kongsi: 1TB/bulan pada $2.50 USD, bulan pertama pada $0.10 USD dengan kod promo tryinterserver. 461 skrip aplikasi awan tersedia untuk pemasangan satu klik.

Lawati halaman

Menambahkan fail fon Google setempat secara manual

Jika anda ingin mengawal proses ini dengan lebih manual, anda boleh memulakan dengan memuat turun pakej font dari Google Fonts (yang biasanya... .woff2 Kemudian, gunakan apa yang telah dinyatakan sebelum ini. Use Any Font Pilihan tambahan (plugin) atau tema membenarkan anda mengemukakan fail-fail ini dengan cara yang sama seperti mengemukakan sebarang jenis font kustom yang lain. Kaedah ini menggabungkan pilihan yang luas daripada font Google dengan kelebihan prestasi daripada penyimpanan fail secara lokal.

RINGKASAN

Menambahkan fon khusus untuk laman web WordPress kini telah berubah daripada tugas teknikal yang rumit kepada proses yang mudah dan visual. Anda boleh melakukannya dengan mudah, tanpa perlu menyentuh sebaris kod pun, sama ada dengan menggunakan plugin fon khusus, pembina halaman yang berkuasa, tema moden yang menyediakan pilihan fon terbina dalam, atau dengan menghoskan fon Google secara lokal. Pilih kaedah yang paling sesuai dengan aliran kerja anda, dan cuba dengan berani – biarkan fon menjadi alat yang berkuasa dalam reka bentuk laman web anda.

FAQ - Soalan Lazim

Adakah memuat naik fon khusus (custom fonts) akan mempengaruhi kelajuan laman web?

Ya, tetapi tahap pengaruhnya boleh dikawal. Fail fon yang tidak dioptimumkan (terutamanya fail TTF berukuran besar) akan meningkatkan beban laman web. Amalan terbaik adalah: Hanya muat naik jenis fon dan set aksara yang sebenarnya digunakan oleh laman web, dan utamakan penggunaan fon yang telah dioptimumkan. .woff2 Format (yang mempunyai kadar kompresi yang paling tinggi), dan menggunakan plugin untuk pengoptimuman subsetting serta pengunduhan yang ditangguhkan (delayed loading).

Adakah penggunaan font khusus (custom fonts) akan melibatkan isu hak cipta?

Ya, isu hak cipta font sangat penting. Kebanyakan font dilindungi oleh hak cipta. Anda mesti memastikan bahawa anda mempunyai lesen yang sesuai untuk menggunakan font tersebut (seperti lesen penggunaan komersial). Pastikan anda memperoleh font dari sumber yang boleh dipercayai (seperti kedai font atau perpustakaan font sumber terbuka) dan mematuhi terma-terma lesen tersebut. Semua font di Google Fonts adalah percuma dan sumber terbuka, dan boleh digunakan dengan selamat untuk projek komersial.

Mengapa walaupun saya telah mengunggah font tersebut, ia tidak dipaparkan pada beberapa peranti?

Ini biasanya disebabkan oleh masalah keserasian pelayar. Walaupun… .woff2 Format ini telah disokong secara meluas oleh pelayar moden, namun untuk memastikan keserasian yang terbaik, adalah disyorkan untuk menyediakannya dalam beberapa format juga. .woff Format sebagai pilihan tambahan. Plugin profesional untuk mengunggah fon (seperti…) Use Any FontKod CSS yang dihasilkan dalam pelbagai format akan diproses secara automatik untuk memastikan keserasian, dan ini akan memastikan bahawa fon dapat dipaparkan dengan betul pada kebanyakan peranti dan pelayar.

Bolehkah saya menggunakan pelbagai jenis font khusus (custom fonts) untuk bahagian yang berbeza pada laman web?

Sudah tentu boleh. Ini adalah salah satu kelebihan menggunakan fon kustom. Semasa menggunakan plugin atau alat penyesuaian tema, anda boleh menetapkan fon yang berbeza untuk pelbagai pemilih CSS seperti “teks global”, “tajuk H1”, “menu navigasi”, “kaki halaman”, dan lain-lain. Ini membolehkan anda mencipta reka bentuk yang mempunyai lapisan visual yang kaya dan teratur, contohnya menggunakan fon yang menarik perhatian untuk menonjolkan tajuk, dan fon yang mudah dibaca untuk teks utama.