วิธีเพิ่ม Font ใน WordPress ทำยังไง (อัปเดตล่าสุด 2025)
วิธีเพิ่ม Font ใน WordPress ทำยังไง (อัปเดตล่าสุด 2025)

วิธีเพิ่ม Font ใน WordPress ทำยังไง (อัปเดตล่าสุด 2025)

ทำไมการเพิ่มฟอนต์ ใน WordPress ถึงสำคัญ?

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

วิธีเพิ่มหรือเปลี่ยน Font ใน WordPress

การเพิ่ม Font ใน WordPress ทำได้หลายแบบวันนี้เราจะมาแนะนำวิธีง่ายๆ กันสักสองวิธี เช่น แบบใช้ Plugin และ Manual ติดตั้งเอง

1. ใช้ปลั๊กอิน WPT Font Pack (เหมาะกับมือใหม่)

ใช้ปลั๊กอิน WPT Font Pack เพื่อเพิ่มฟอนต์

ปลั๊กอิน WPT Font Pack

มีขั้นตอนดังนี้

1. ทำการซื้อ Plugin WPT Font Pack ได้ที่นี่

2. ติดตั้งปลั๊กอิน โดยไปที่ ปลั๊กอิน -> เพิ่มปลั๊กอินใหม่ และเปิดใช้งานตามปกติ

3. ไปที่เมนู WPT Font Pack

ไปที่เมนู WPT Font Pack

ไปที่เมนู WPT Font Pack

4. ตั้งค่า จัดการ API Key ที่ได้มาจากเว็บไซต์ WordPressThai.Org

ตั้งค่า License API Key

ตั้งค่า License API Key

5. Upload Font ที่ต้องการ ที่เมนู ตั้งค่าทั่วไป

Upload Font ที่ต้องการ

6. และไปที่เมนู การนำไปใช้งาน เลือก ฟอนต์ที่มีมาให้ หรือ Font ที่อัปโหลดเข้าไปเองก็ได้ จากนั้น กดบันทึกการตั้งค่า 

ตั้งค่าได้ยืดหยุ่น Heading, Body, Extra 1, Extra 2 รองรับการใช้งานมากสุดพร้อมกันถึง 4 ฟอนต์
● ควบคุมน้ำหนักฟอนต์ (Font Weight) ได้อย่างละเอียด
● Force Font บังคับใช้ฟอนต์แม้ธีมจะมีการตั้งค่าเดิม
● ระบบ Live Preview ดูผลลัพธ์ได้ทันที
● ตัวเลือก Selector แบบกำหนดเอง

ปลั๊กอินมาพร้อม 5 ฟอนต์ยอดนิยม ใช้ได้เลย ไม่ต้องติดตั้งเพิ่ม
Kanit, Prompt, Sarabun, IBM Plex Thai, Noto Sans Thai

รองรับ Page Builder เช่น Elementor
และ Gutenberg ได้ สามารถเลือกฟอนต์ได้จากเมนู Font Family ได้เลย

รองรับ Page Builder เช่น Elementor
และ Gutenberg ได้ สามารถเลือกฟอนต์ได้จากเมนู Font Family ได้เลย

2. ใช้ Google Fonts แบบ Manual

หากไม่อยากใช้ปลั๊กอิน สามารถเพิ่มโค้ด Google Fonts เองได้

1. ไปที่ Google Fonts เลือกฟอนต์ที่ชอบ

2. กด Copy ที่ Google Fonts ให้มา

วางโค้ดไว้ที่ functions.php ของธีม/child theme: หรือ Plugin ที่สามารถเพิ่ม code ใน <HEAD> ได้

function add_custom_google_fonts() {
  wp_enqueue_style( 'google-fonts', 'https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap', false );
}
add_action( 'wp_enqueue_scripts', 'add_custom_google_fonts' );

4. ไปที่ไฟล์ CSS/Customizer แล้วกำหนดฟอนต์:

body {
  font-family: 'Kanit', sans-serif;
}

เคล็ดลับการเลือกฟอนต์ใน WordPress

  • ใช้ฟอนต์ไม่เกิน 2–3 แบบต่อเว็บไซต์
  • เลือกฟอนต์ที่อ่านง่ายทั้งบนมือถือและเดสก์ท็อป
  • หากเป็นเว็บไซต์ภาษาไทย แนะนำฟอนต์ที่รองรับภาษาไทย เช่น Kanit, Prompt, Sarabun
  • ตรวจสอบ Performance เพราะฟอนต์ที่โหลดจากภายนอกอาจทำให้เว็บช้าลง ควรเลือกใช้แบบ display=swap

สรุป

การเพิ่มฟอนต์ใน WordPress ทำได้หลายวิธี ทั้งแบบง่าย ๆ ผ่านปลั๊กอิน, แบบ Manual ผ่าน Google Fonts หรือการอัปโหลดฟอนต์ของตัวเอง ขึ้นอยู่กับความต้องการและระดับทักษะ หากคุณอยากได้เว็บไซต์ที่ดูเป็นมืออาชีพและโหลดเร็ว แนะนำให้ใช้ฟอนต์อย่างเหมาะสม และอย่าลืมทดสอบทั้งบนมือถือและเดสก์ท็อป

หากคุณอยากให้เว็บไซต์ WordPress ของคุณเร็ว สวย และรองรับ SEO อย่างมืออาชีพ
สามารถติดต่อได้ที่ บริษัท ยัวร์ แพลน จำกัด
โทร: 082-981-9392 (Call Center)
อีเมล์: [email protected]
เว็บไซต์: https://www.your-plans.com

ดิดต่อทำเว็บไซต์ WordPress