วิธีการเปลี่ยน Font บน WordPress

วิธีการเปลี่ยน Font บน WordPress

เรามีวิธีใช้งานการเปลี่ยน Font บน WordPress โดยไม่มีค่าใช้จ่าย โดยเราจะได้ Font สวยๆ จาก  Google Font มาเลือกใช้ในเว็บไซต์เราได้อย่างง่ายเลย ปกติเราจะต้องไปหาโหลด Font แต่จะง่ายขึ้นเมื่อคุณลองเลือกใช้ฟังชั่น Google Font โดยปกติจะมี Google Font มาให้พร้อมกับการติดตั้งธีมใน WordPress แต่เราต้องทำการติดตั้งฟังก์ชั่นเพื่อใช้งานได้สะดวกมากยิ่งขึ้น ซึ่งเป็นทางเลือกที่จะหลีกเลี่ยงทำให้หน้าเว็บโหลดช้า เนื่องจาก Server ของ Font ส่วนใหญ่มักจะอยู่ที่ต่างประเทศ ดังนั้นสำหรับเว็บไทยจึงไม่จำเป็นต้องโหลด เพราะจะทำให้หน้าเว็บโหลดช้า

วิธีการเปลี่ยน Font ใน WordPress สามารถทำได้ 2 วิธีคือ

  1.  วิธีการเปลี่ยน Font โดยใช้ Plugin SEED FONT ซึ่งมี Font ให้ใช้ 8 ฟอนต์ ได้แก่ Athiti, Kanit, Mirt, Prompt, Cloud, TH Sarabun, Boon, CS Prajad
  2.  วิธีการเปลี่ยน Font โดยแก้ไขโค้ด

แต่วันนี้เราจะมาแนะนำวิธีที่ 1 วิธีการเปลี่ยน Font โดยใช้ Plugin SEED FONT จะมีการทำอย่างไรบ้าง เราไปดูกันเลย

1. ทำการ Login เข้าสู่ระบบ Dashboard

 2. ที่เมนูด้านซ้าย เลือก Plugin > Add New ให้พิมพ์ชื่อ Seed Fonts จากนั้นกด Install Now

3. เมื่อติดตั้งเสร็จแล้ว กด ใช้งาน หรือActivate

4. ที่เมนูด้านซ้าย คลิกที่ รูปแบบเว็บ > ฟอนต์ หรือ Appearance > Fonts

5. ในหน้า Setting ที่แถบ พาดหัว ทำการตั้งค่า ดังนี้

  • Enable Heading Font? : ให้ติ๊กถูก หน้าข้อความ เพื่อเปิดการใช้งาน Font
  • Use Google Font? :ให้ติ๊กถูก หน้าข้อความ เพื่อเปิดการใช้งาน Google Font
  • Google Font Name : เลือกรูปแบบ Font ที่ต้องการ ในภาพ เลือก Font แบบ Kanit
  • Weight: ความหนาของตัวอักษรโดยที่ 400 คือ ตัวอักษรธรรมดา 700 คือ อักษรตัวหนา
  • Selector: ตำแหน่งที่ต้องการให้เปลี่ยนตัวอักษร 
  • Force Using This Font?: บังคับให้ใช้ Font นี้ หรือไม่ ถ้าต้องการให้ติ๊กถูกหน้าข้อความ

เมื่อตั้งค่าเรียบร้อยแล้วให้กดปุ่ม Save Changes เพื่อบันทึกการตั้งค่า ระบบจะแสดงรายละเอียดที่เราตั้งค่า ดังรูป

6. ที่แท้บ Body ทำการตั้งค่าเช่นเดียวกันกับ Heading จากนั้นกดปุ่ม Save Changes

ระบบจะแสดงรายละเอียดที่เราตั้งค่า ดังรูป

7. เมื่อตั้งค่าเรียบร้อยแล้ว หน้าเว็บของเราแบบอักษรจะเปลี่ยนไปตามที่เราตั้งค่า ดังรูป

ก่อนเปลี่ยน Font

หลังเปลี่ยน Font

Write a Comment

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • เปิดใช้งานตลอด

บันทึกการตั้งค่า