Skip to content

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

ในบทความนี้ เราจะแสดงให้คุณเห็นวิธีการเพิ่มฟอนท์สวย ๆ ใน WordPress โดยใช้ Google Fonts 

A screenshot of a computer

Description automatically generated

ข้อควรระวัง การใช้ฟอนต์มากเกินไปอาจทำให้เว็บไซต์ของคุณช้าลงได้ เราขอแนะนำให้เลือกใช้ฟอนต์ 2-3 แบบ และนำมาใช้ทั่วทั้งเว็บไซต์ดีกว่า

วิธีหาฟอนท์ที่ต้องการเพื่อใช้กับ WordPress โดยเฉพาะ

การใช้แบบอักษรนั้นเมื่อก่อนต้องเสียเงินแต่ตอนนี้ไม่ใช่แล้ว มีหลายที่ที่คุณสามารถหาแบบอักษรเว็บฟรีที่ดีเช่น Google Fonts, Adobe Fonts (เดิมชื่อ Typekit), FontSquirrel และ fonts.com ครับ

A group of logos on a white background

Description automatically generated

การเพิ่มแบบอักษรของ Google โดยใช้ปลั๊กอิน Google Fonts Typography

วิธีแรกที่ง่ายมาก ๆในการติดตั้งปลั้กอินที่ต้องการคือการใช้ Google Fonts Typography ซึ่งเป็นปลั้กอินที่สามารถรองรับ Google font ได้มีรูปแบบฟอนท์ให้เลือกหลากหลาย และที่สำคัญเป็นแหล่งรวมฟอนท์ไทยสวยๆ ที่มาใช้กับเว็บไซต์ได้อย่างมีเอกลักษณ์

ขั้นตอนการติดตั้งปลั้กอิน Google Fonts Typography

•เข้าสู่แดชบอร์ด WordPress

•คลิกที่ปุ่ม “Add new” ภายใต้เมนู “Pugin”

•ค้นหา “Google Fonts Typography ” ในช่องค้นหา

•คลิกที่ปุ่ม “Install Now”

A screenshot of a computer

Description automatically generated

  • คลิกที่ปุ่ม “Activate”

A screenshot of a computer

Description automatically generated

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

A red book with black text

Description automatically generated

อย่าลืมกรอกอีเมล์นะครับ ไม่งั้นจะไปยังส่วนอื่นๆ ไม่ได้

A screenshot of a computer

Description automatically generated

ต่อมาคุณจะต้องคลิกที่เมนู »Customize Fone ในแถบSidebar ของเว็บ

A screenshot of a computer

Description automatically generated

คุณสามารถเลือกแบบอักษรเริ่มต้นสำหรับเว็บไซต์ของคุณในส่วน ‘Basic Setting’ และแบบอักษรสำหรับส่วนที่เฉพาะเจาะจงของเว็บไซต์ของคุณภายใต้ ‘Advance Setting’

A screenshot of a website

Description automatically generated

เมื่อเลือกฟอน์ที่พอใจได้แล้วสามารถกด Publish ได้ในทันที

A screenshot of a computer

Description automatically generated

เพิ่ม Google Fonts ด้วยตนเองใน WordPress

วิธีนี้ต้องการให้คุณเพิ่มโค้ดลงในไฟล์ธีมของ WordPress ของคุณ ไม่ต้องห่วงครับวิธีนี้ง่ายมาก ๆ ทำตามได้ในไม่กี่ขั้นตอน

อย่างแรกต้องไปดาวโหลดฟอนท์ที่ต้องการก่อน ขอแนะนำให้ไปที่ Google font ไปที่เมนู Language แล้วเลือก Thai ผู้เขียนขอเลือกฟอนท์ภาษาไทยสวยๆ นะครับ

A screenshot of a computer

Description automatically generated

เลือกสไตล์ที่คุณต้องการใช้ในเว็บ จากนั้นคลิกที่ปุ่ม “Selected family เลือก” ที่ด้านล่าง

นี่จะเป็นการเปิดแถบด้านข้างซึ่งคุณสามารถคัดลอกโค้ดไปฝังได้

A screenshot of a computer

Description automatically generated

ต่อมาเพียงติดตั้งและเปิดใช้งานปลั๊กอิน WPCode ที่เราเคยติดตั้งไปก่อนหน้านี้แล้ว เมื่อเปิดใช้งาน ให้ไปที่หน้า Code Snippets » Header & Footer และวางโค้ดที่ฝังไว้ในช่อง ‘Header’

A screenshot of a computer

Description automatically generated

อย่าลืมคลิกปุ่ม “Save Change ” เพื่อจัดเก็บการเปลี่ยน font ของคุณ ปลั๊กอินจะเริ่มโหลดโค้ดฝัง Google Font ในทุกหน้าของเว็บไซต์ของคุณ

 

Back To Top
Search