วิธีติดตั้งและใช้งาน Google Fonts บน WordPress

คู่มือ แชร์วิธีใช้งาน Wordpress ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ การอัพเกรด การ Backup

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Ik Kat
PHP Super Member
PHP Super Member
โพสต์: 281
ลงทะเบียนเมื่อ: 26/06/2017 2:32 pm

วิธีติดตั้งและใช้งาน Google Fonts บน WordPress

โพสต์โดย Ik Kat » 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

mt19-01.png

2.ทำการติดตั้ง Plugins : WP Google Fonts และกดใช้งาน

วิธีใช้งาน Google Fonts บน WordPress
1.เลือกไปที่เมนู Google Fonts
2.ทำการเลือกฟ้อนต์ และขนาดที่ต้องการใช้งาน

mt19-02.png

3.เลือกองค์ประกอบที่คุณต้องการ
4.หากต้องการกำหนดฟ้อนต์เพียงบาง Class สามารถทำได้โดยเข้าไปที่เว็บไซต์ : https://fonts.google.com/
5.เลือกฟ้อนต์ที่ต้องการ

mt19-03.png

6.คัดลอกโค้ด CSS ที่ต้องการมาใส่ใน WordPress ในส่วนของการกำหนด CSS

mt19-04.png

7.จากนั้นทำการเลือก Class ที่เราต้องการ ตัวอย่าง เช่น

โค้ด: เลือกทั้งหมด

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



ประโยชน์ของการใช้งาน Google Fonts บน WordPress

สามารถนำมาใช้งานได้ง่าย
เป็นโอเพ่นซอร์ส สามารถนำมาใช้งานได้โดยไม่เสียค่าใช้จ่าย
รองรับภาษาไทย และสามารถเลือกรูปแบบได้หลากหลาย

นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress
คุณไม่มีสิทธิ์ดูไฟล์ที่แนบมาในกระทู้

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 1 และ บุคคลทั่วไป 0 ท่าน