วิธีเปลี่ยนฟอนต์ WordPress ให้อ่านง่ายและเข้ากับดีไซน์เว็บไซต์

เปลี่ยนฟอนต์ WordPress ได้จากเครื่องมือของธีม โดยธีมแบบบล็อกมักปรับผ่าน รูปแบบเว็บ > ตัวแก้ไข > Styles > Typography ส่วนธีมแบบคลาสสิกอาจมีเมนูใน ปรับแต่ง หรือหน้าตั้งค่าเฉพาะของธีม

เลือกฟอนต์ที่อ่านภาษาไทยได้ชัด ใช้รูปแบบไม่มากเกินไป และตรวจการแสดงผลบนมือถือหลังปรับเสมอ หากใช้ฟอนต์ที่ธีมไม่มี ให้ตรวจตัวเลือกเพิ่มหรือจัดการฟอนต์ที่ WordPress และธีมรองรับ

❶ เลือกฟอนต์ให้เหมาะกับเว็บไซต์

ฟอนต์มีผลต่อความอ่านง่ายและภาพลักษณ์ของเว็บไซต์ ไม่จำเป็นต้องเลือกแบบที่ดูโดดเด่นที่สุด ควรเลือกแบบที่ผู้อ่านอ่านเนื้อหาได้นานโดยไม่ล้าสายตา

① ตรวจว่าแสดงภาษาไทยได้ครบ

ก่อนเลือกฟอนต์ ให้ลองดูตัวอย่างข้อความภาษาไทยทั้งตัวอักษร สระ วรรณยุกต์ และตัวเลข ตรวจว่าตัวอักษรไม่เบียดกัน วรรณยุกต์ไม่ลอยผิดตำแหน่ง และอ่านชัดทั้งบนหน้าจอคอมพิวเตอร์กับมือถือ

② ใช้จำนวนฟอนต์ให้น้อย

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

③ แยกบทบาทฟอนต์ของเนื้อหาและหัวข้อ

เนื้อหาหลักควรอ่านต่อเนื่องได้สบาย ส่วนหัวข้อควรเด่นขึ้นมาเพื่อช่วยแบ่งส่วน ไม่จำเป็นต้องใช้ฟอนต์คนละแบบเสมอไป อาจใช้ฟอนต์เดียวกันแล้วปรับน้ำหนักหรือขนาดให้ต่างกัน

❷ วิธีเปลี่ยนฟอนต์ในธีมแบบบล็อก

ธีมแบบบล็อกใช้ Site Editor ปรับรูปแบบภาพรวมและรูปแบบของบล็อกได้ ตัวเลือกฟอนต์ที่แสดงขึ้นอยู่กับธีมและฟอนต์ที่ติดตั้งไว้

① เปลี่ยนฟอนต์ทั้งเว็บไซต์

1. ไปที่ รูปแบบเว็บ > ตัวแก้ไข
2. เปิด Styles หรือ สไตล์
3. เลือก Typography หรือ ตัวอักษร
4. เลือกส่วนที่ต้องการปรับ เช่น ข้อความ หัวข้อ หรือลิงก์
5. เลือกฟอนต์และตรวจตัวอย่าง
6. กด บันทึก เมื่อพอใจกับผลลัพธ์

การปรับจาก Styles อาจมีผลกับหลายหน้าของเว็บไซต์ ควรตรวจหน้าแรกและหน้าบทความก่อนบันทึก

② เปลี่ยนฟอนต์เฉพาะบล็อก

หากต้องการให้หัวข้อหรือข้อความบางส่วนใช้ฟอนต์ต่างจากส่วนอื่น ให้เลือกบล็อกนั้นในตัวแก้ไข แล้วเปิดแถบตั้งค่าด้านข้าง เลือก Typography และปรับฟอนต์ตามตัวเลือกที่ธีมเปิดให้ใช้

ตรวจว่าการเปลี่ยนฟอนต์มีผลเฉพาะบล็อกที่เลือกหรือขยายไปถึงบล็อกชนิดเดียวกันทั้งเว็บไซต์

③ เพิ่มฟอนต์ที่ยังไม่มีในรายการ

บางเว็บไซต์มี Font Library หรือเครื่องมือจัดการฟอนต์ให้ติดตั้งหรือเพิ่มไฟล์ฟอนต์ได้ ตำแหน่งเมนูและตัวเลือกแตกต่างกันตามเวอร์ชัน WordPress และธีมที่ใช้

หากจะอัปโหลดไฟล์ฟอนต์ ให้ตรวจสิทธิ์การใช้งานและรูปแบบไฟล์ก่อน หลีกเลี่ยงการดาวน์โหลดจากแหล่งที่ไม่รู้จัก และติดตั้งเฉพาะน้ำหนักฟอนต์ที่จำเป็น

❸ วิธีเปลี่ยนฟอนต์ในธีมแบบคลาสสิก

ธีมแบบคลาสสิกอาจตั้งค่าฟอนต์ใน Customizer หรือหน้าตั้งค่าของธีม บางธีมไม่มีตัวเลือกเปลี่ยนฟอนต์โดยตรง

① ตรวจเมนูปรับแต่งของธีม

1. ไปที่ รูปแบบเว็บ > ปรับแต่ง
2. มองหาหัวข้อ เช่น Typography, Fonts หรือ ตัวอักษร
3. เลือกฟอนต์สำหรับเนื้อหาและหัวข้อ หากมีตัวเลือก
4. ดูตัวอย่างบนหน้าเว็บ
5. กด เผยแพร่ เมื่อพร้อม

หากไม่พบหัวข้อฟอนต์ ให้ตรวจเอกสารหรือหน้าตั้งค่าของธีมก่อนติดตั้งเครื่องมือเสริม

② ใช้เครื่องมือเสริมเมื่อธีมไม่มีตัวเลือก

หากจำเป็น อาจใช้ Plugin สำหรับจัดการฟอนต์ แต่ก่อนติดตั้งให้ตรวจผู้พัฒนา ประวัติการอัปเดต ความเข้ากันได้ และผลต่อการโหลดเว็บไซต์ เลือกใช้เครื่องมือเดียวที่ตอบโจทย์ แทนการติดตั้งหลายตัวเพื่อทำงานซ้ำกัน

❹ ปรับขนาดและระยะห่างให้อ่านสบาย

เปลี่ยนเฉพาะชนิดฟอนต์อาจยังไม่พอ ควรตรวจขนาด น้ำหนัก และระยะห่างระหว่างบรรทัดร่วมด้วย

① ตั้งขนาดเนื้อหาให้เหมาะกับหน้าจอ

เปิดหน้าบทความบนมือถือและคอมพิวเตอร์ แล้วตรวจว่าตัวอักษรอ่านได้โดยไม่ต้องซูม หากเล็กหรือใหญ่เกินไป ให้ปรับจาก Typography ของธีมหรือการตั้งค่าบล็อก

② ปรับน้ำหนักตัวอักษรอย่างพอดี

ใช้ตัวหนาสำหรับหัวข้อหรือข้อความที่ต้องการเน้น ไม่ควรทำให้ข้อความยาวทั้งย่อหน้าเป็นตัวหนา เพราะอาจทำให้อ่านยากและลดความแตกต่างระหว่างเนื้อหากับจุดสำคัญ

③ ตรวจระยะห่างระหว่างบรรทัด

หากบรรทัดชิดเกินไป เนื้อหาอาจดูแน่น แต่ถ้าห่างมากเกินไป ผู้อ่านจะไล่สายตาได้ยาก ปรับระยะห่างและดูตัวอย่างจากย่อหน้าที่ยาวจริงในเว็บไซต์

❺ ตรวจฟอนต์ก่อนเผยแพร่

① ดูหน้าเว็บหลายประเภท

ตรวจหน้าแรก หน้าบทความ หน้าหมวดหมู่ และหน้าที่มีแบบฟอร์ม เพราะบางส่วนอาจใช้รูปแบบตัวอักษรต่างกัน

② ทดลองบนมือถือและคอมพิวเตอร์

เปิดหน้าเว็บด้วยอุปกรณ์จริงหรือปรับขนาดหน้าต่างเบราว์เซอร์ ตรวจการตัดคำ วรรณยุกต์ ความชัดของหัวข้อ และการแสดงผลของปุ่ม

③ ระวังการเพิ่มไฟล์ฟอนต์มากเกินไป

ฟอนต์หลายแบบและหลายระดับน้ำหนักอาจเพิ่มไฟล์ที่ต้องโหลด เลือกเฉพาะแบบที่ใช้จริง และทดสอบความเร็วเว็บไซต์หลังเปลี่ยนฟอนต์

❻ ปัญหาที่พบบ่อยหลังเปลี่ยนฟอนต์

• ฟอนต์ไม่เปลี่ยน: ล้างแคชของเบราว์เซอร์และเว็บไซต์ แล้วตรวจว่าบันทึกการตั้งค่าแล้ว
• ภาษาไทยแสดงผลผิด: ตรวจว่าไฟล์ฟอนต์รองรับภาษาไทยและอัปโหลดถูกต้อง
• ฟอนต์เปลี่ยนเฉพาะบางหน้า: ตรวจว่าหน้านั้นใช้บล็อกหรือแม่แบบที่กำหนดรูปแบบแยกไว้หรือไม่
• ข้อความล้นหรือจัดหน้าเพี้ยน: ปรับขนาด ระยะห่าง หรือความกว้างของเนื้อหา แล้วตรวจบนหลายหน้าจอ
• ตัวเลือกฟอนต์ไม่มี: ธีมอาจไม่รองรับการเปลี่ยนฟอนต์จากเครื่องมือที่กำลังใช้

❼ สรุป

เปลี่ยนฟอนต์ WordPress ได้จาก Site Editor สำหรับธีมแบบบล็อก หรือจาก Customizer และหน้าตั้งค่าของธีมแบบคลาสสิก เลือกฟอนต์ที่รองรับภาษาไทย อ่านง่าย และเข้ากับภาพลักษณ์เว็บไซต์ แล้วปรับขนาด น้ำหนัก และระยะห่างให้เหมาะสม

หลังเปลี่ยน ควรตรวจหลายหน้าและหลายขนาดหน้าจอ รวมถึงทดสอบความเร็วหากเพิ่มไฟล์ฟอนต์ใหม่ สำหรับเว็บไซต์ที่ต้องการดีไซน์อ่านง่าย ComSiam แนะนำให้ใช้ฟอนต์ให้น้อยแบบและกำหนดรูปแบบหัวข้อกับเนื้อหาให้สม่ำเสมอ