วิธีติดตั้งและใช้งาน 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

Post by Ik Kat »

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 2355 times
2.ทำการติดตั้ง Plugins : WP Google Fonts และกดใช้งาน

วิธีใช้งาน Google Fonts บน WordPress
1.เลือกไปที่เมนู Google Fonts
2.ทำการเลือกฟ้อนต์ และขนาดที่ต้องการใช้งาน
mt19-02.png
mt19-02.png (102.56 KiB) Viewed 2356 times
3.เลือกองค์ประกอบที่คุณต้องการ
4.หากต้องการกำหนดฟ้อนต์เพียงบาง Class สามารถทำได้โดยเข้าไปที่เว็บไซต์ : https://fonts.google.com/
5.เลือกฟ้อนต์ที่ต้องการ
mt19-03.png
mt19-03.png (106.29 KiB) Viewed 2354 times
6.คัดลอกโค้ด CSS ที่ต้องการมาใส่ใน WordPress ในส่วนของการกำหนด CSS
mt19-04.png
mt19-04.png (74.29 KiB) Viewed 2356 times
7.จากนั้นทำการเลือก Class ที่เราต้องการ ตัวอย่าง เช่น

Code: Select all

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

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

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

นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่ รวมกระทู้ สอนสร้าง Plugin WordPress
LEG
PHP Hero Member
PHP Hero Member
Posts: 105
Joined: 12/07/2019 2:54 pm
Contact:

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

Post by LEG »

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

Return to “Wordpress user Guide Knowledge”

Who is online

Users browsing this forum: No registered users and 4 guests