WordPress คือ CMS สำเร็จรูปที่กำลังเป็นที่นิยมมากสำหรับผู้ที่ต้องการสร้างบล็อกเป็นของตัวเอง และยังมีปลั๊กอินต่าง ๆ ที่ช่วยเพิ่มความสามารถให้กับ WordPress ซึ่งสามารถดู
วิธีการติดตั้ง Plugin ได้ที่นี่
Google Fonts คือ ฟ้อนต์ที่เปิดให้นักพัฒนาเว็บไซต์สามารถนำไปใช้ได้ฟรี ซึ่งฟ้อนต์ที่เรานำมาใช้นั้นจะอยู่บนโฮสต์ของกูเกิ้ล โดยระบบนี้จะใช้ Javascript และ CSS ในการแสดงฟ้อนต์ นอกจากนี้ทางกูเกิ้ลยังมีการพัฒนาอย่างต่อเนื่องเพื่อให้ใช้ได้ครอบคลุมมากถึง 135 ภาษา
วิธีติดตั้ง Google Fonts บน WordPress
1.เลือกไปที่เมนู Plugins และทำการค้นหา Plugins ที่มีชื่อว่า WP Google Fonts และหากต้องการดูวิธีการสร้าง Plugin อื่นๆ สามารถดูได้ที่
รวมกระทู้ สอนสร้าง Plugin WordPress
- mt19-01.png (128.39 KiB) Viewed 4407 times
2.ทำการติดตั้ง Plugins : WP Google Fonts และกดใช้งาน
วิธีใช้งาน Google Fonts บน WordPress
1.เลือกไปที่เมนู Google Fonts
2.ทำการเลือกฟ้อนต์ และขนาดที่ต้องการใช้งาน
- mt19-02.png (102.56 KiB) Viewed 4408 times
3.เลือกองค์ประกอบที่คุณต้องการ
4.หากต้องการกำหนดฟ้อนต์เพียงบาง Class สามารถทำได้โดยเข้าไปที่เว็บไซต์ :
https://fonts.google.com/
5.เลือกฟ้อนต์ที่ต้องการ
- mt19-03.png (106.29 KiB) Viewed 4406 times
6.คัดลอกโค้ด CSS ที่ต้องการมาใส่ใน WordPress ในส่วนของการกำหนด CSS
- mt19-04.png (74.29 KiB) Viewed 4408 times
7.จากนั้นทำการเลือก Class ที่เราต้องการ ตัวอย่าง เช่น
ประโยชน์ของการใช้งาน Google Fonts บน WordPress
สามารถนำมาใช้งานได้ง่าย
เป็นโอเพ่นซอร์ส สามารถนำมาใช้งานได้โดยไม่เสียค่าใช้จ่าย
รองรับภาษาไทย และสามารถเลือกรูปแบบได้หลากหลาย
นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่
รวมกระทู้ สอนสร้าง Plugin WordPress
[url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/wordpress/3075-what-is-wordpress.html]WordPress คือ[/url] CMS สำเร็จรูปที่กำลังเป็นที่นิยมมากสำหรับผู้ที่ต้องการสร้างบล็อกเป็นของตัวเอง และยังมีปลั๊กอินต่าง ๆ ที่ช่วยเพิ่มความสามารถให้กับ WordPress ซึ่งสามารถดู [url=https://www.mindphp.com/forums/viewtopic.php?f=157&t=28208]วิธีการติดตั้ง Plugin[/url] ได้ที่นี่
[size=120][b]Google Fonts[/b][/size] คือ ฟ้อนต์ที่เปิดให้นักพัฒนาเว็บไซต์สามารถนำไปใช้ได้ฟรี ซึ่งฟ้อนต์ที่เรานำมาใช้นั้นจะอยู่บนโฮสต์ของกูเกิ้ล โดยระบบนี้จะใช้ Javascript และ CSS ในการแสดงฟ้อนต์ นอกจากนี้ทางกูเกิ้ลยังมีการพัฒนาอย่างต่อเนื่องเพื่อให้ใช้ได้ครอบคลุมมากถึง 135 ภาษา
[size=120][b]วิธีติดตั้ง Google Fonts บน WordPress[/b][/size]
1.เลือกไปที่เมนู Plugins และทำการค้นหา Plugins ที่มีชื่อว่า WP Google Fonts และหากต้องการดูวิธีการสร้าง Plugin อื่นๆ สามารถดูได้ที่ [url=https://www.mindphp.com/forums/viewtopic.php?f=225&t=36079]รวมกระทู้ สอนสร้าง Plugin WordPress[/url]
[attachment=1]mt19-01.png[/attachment]
2.ทำการติดตั้ง Plugins : WP Google Fonts และกดใช้งาน
[size=120][b]วิธีใช้งาน Google Fonts บน WordPress[/b][/size]
1.เลือกไปที่เมนู Google Fonts
2.ทำการเลือกฟ้อนต์ และขนาดที่ต้องการใช้งาน
[attachment=3]mt19-02.png[/attachment]
3.เลือกองค์ประกอบที่คุณต้องการ
4.หากต้องการกำหนดฟ้อนต์เพียงบาง Class สามารถทำได้โดยเข้าไปที่เว็บไซต์ : https://fonts.google.com/
5.เลือกฟ้อนต์ที่ต้องการ
[attachment=0]mt19-03.png[/attachment]
6.คัดลอกโค้ด CSS ที่ต้องการมาใส่ใน WordPress ในส่วนของการกำหนด CSS
[attachment=2]mt19-04.png[/attachment]
7.จากนั้นทำการเลือก Class ที่เราต้องการ ตัวอย่าง เช่น
[code]ฺBody {font-family: 'Kanit', sans-serif;}[/code]
[size=120]
[b]ประโยชน์ของการใช้งาน Google Fonts บน WordPress[/b][/size]
สามารถนำมาใช้งานได้ง่าย
เป็นโอเพ่นซอร์ส สามารถนำมาใช้งานได้โดยไม่เสียค่าใช้จ่าย
รองรับภาษาไทย และสามารถเลือกรูปแบบได้หลากหลาย
นอกจากนี้ยังสามารถดูวิธีการสร้าง Plugin อื่นๆ ได้ที่ [url=https://www.mindphp.com/forums/viewtopic.php?f=225&t=36079]รวมกระทู้ สอนสร้าง Plugin WordPress[/url]