วิธีติดตั้งและใช้งาน Google Fonts บน WordPress
โพสต์แล้ว: 26/06/2017 5:44 pm
WordPress คือ CMS สำเร็จรูปที่กำลังเป็นที่นิยมมากสำหรับผู้ที่ต้องการสร้างบล็อกเป็นของตัวเอง และยังมีปลั๊กอินต่าง ๆ ที่ช่วยเพิ่มความสามารถให้กับ WordPress ซึ่งสามารถดู วิธีการติดตั้ง Plugin ได้ที่นี่
Google Fonts คือ ฟ้อนต์ที่เปิดให้นักพัฒนาเว็บไซต์สามารถนำไปใช้ได้ฟรี ซึ่งฟ้อนต์ที่เรานำมาใช้นั้นจะอยู่บนโฮสต์ของกูเกิ้ล โดยระบบนี้จะใช้ Javascript และ CSS ในการแสดงฟ้อนต์ นอกจากนี้ทางกูเกิ้ลยังมีการพัฒนาอย่างต่อเนื่องเพื่อให้ใช้ได้ครอบคลุมมากถึง 135 ภาษา
วิธีติดตั้ง Google Fonts บน WordPress
1.เลือกไปที่เมนู Plugins และทำการค้นหา Plugins ที่มีชื่อว่า WP Google Fonts และหากต้องการดูวิธีการสร้าง Plugin อื่นๆ สามารถดูได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress
2.ทำการติดตั้ง Plugins : WP Google Fonts และกดใช้งาน
วิธีใช้งาน Google Fonts บน WordPress
1.เลือกไปที่เมนู Google Fonts
2.ทำการเลือกฟ้อนต์ และขนาดที่ต้องการใช้งาน
3.เลือกองค์ประกอบที่คุณต้องการ
4.หากต้องการกำหนดฟ้อนต์เพียงบาง Class สามารถทำได้โดยเข้าไปที่เว็บไซต์ : https://fonts.google.com/
5.เลือกฟ้อนต์ที่ต้องการ
6.คัดลอกโค้ด CSS ที่ต้องการมาใส่ใน WordPress ในส่วนของการกำหนด CSS
7.จากนั้นทำการเลือก Class ที่เราต้องการ ตัวอย่าง เช่น
ประโยชน์ของการใช้งาน Google Fonts บน WordPress
สามารถนำมาใช้งานได้ง่าย
เป็นโอเพ่นซอร์ส สามารถนำมาใช้งานได้โดยไม่เสียค่าใช้จ่าย
รองรับภาษาไทย และสามารถเลือกรูปแบบได้หลากหลาย
นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress
Google Fonts คือ ฟ้อนต์ที่เปิดให้นักพัฒนาเว็บไซต์สามารถนำไปใช้ได้ฟรี ซึ่งฟ้อนต์ที่เรานำมาใช้นั้นจะอยู่บนโฮสต์ของกูเกิ้ล โดยระบบนี้จะใช้ Javascript และ CSS ในการแสดงฟ้อนต์ นอกจากนี้ทางกูเกิ้ลยังมีการพัฒนาอย่างต่อเนื่องเพื่อให้ใช้ได้ครอบคลุมมากถึง 135 ภาษา
วิธีติดตั้ง Google Fonts บน WordPress
1.เลือกไปที่เมนู Plugins และทำการค้นหา Plugins ที่มีชื่อว่า WP Google Fonts และหากต้องการดูวิธีการสร้าง Plugin อื่นๆ สามารถดูได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress
2.ทำการติดตั้ง Plugins : WP Google Fonts และกดใช้งาน
วิธีใช้งาน Google Fonts บน WordPress
1.เลือกไปที่เมนู Google Fonts
2.ทำการเลือกฟ้อนต์ และขนาดที่ต้องการใช้งาน
3.เลือกองค์ประกอบที่คุณต้องการ
4.หากต้องการกำหนดฟ้อนต์เพียงบาง Class สามารถทำได้โดยเข้าไปที่เว็บไซต์ : https://fonts.google.com/
5.เลือกฟ้อนต์ที่ต้องการ
6.คัดลอกโค้ด CSS ที่ต้องการมาใส่ใน WordPress ในส่วนของการกำหนด CSS
7.จากนั้นทำการเลือก Class ที่เราต้องการ ตัวอย่าง เช่น
โค้ด: เลือกทั้งหมด
ฺBody {font-family: 'Kanit', sans-serif;}
ประโยชน์ของการใช้งาน Google Fonts บน WordPress
สามารถนำมาใช้งานได้ง่าย
เป็นโอเพ่นซอร์ส สามารถนำมาใช้งานได้โดยไม่เสียค่าใช้จ่าย
รองรับภาษาไทย และสามารถเลือกรูปแบบได้หลากหลาย
นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress