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

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

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

User avatar
Ik Kat
PHP Super Member
PHP Super Member
Posts: 291
Joined: 26/06/2017 2:32 pm

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

Postby 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
mt19-01.png (128.39 KiB) Viewed 1865 times

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

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

mt19-02.png
mt19-02.png (102.56 KiB) Viewed 1866 times

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

mt19-03.png
mt19-03.png (106.29 KiB) Viewed 1864 times

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

mt19-04.png
mt19-04.png (74.29 KiB) Viewed 1866 times

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

Code: Select all

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



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

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

นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress

LEG
PHP Full Member
PHP Full Member
Posts: 36
Joined: 12/07/2019 2:54 pm
Contact:

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

Postby LEG » 30/09/2019 2:46 pm

ขอคุณมากๆครับ มีประโยชน์มากครับ
ศูนย์รวมเครื่องวัดคุณภาพ https://legatool.com/
ผู้เชี่ยวชาญของตลาดเครื่องมือวัด อุปกรณ์ทดสอบ และชุดทดสอบที่ใหญ่ที่สุดในประเทศไทย


Return to “Wordpress user Guide Knowledge”

Who is online

Users browsing this forum: No registered users and 4 guests