เปลี่ยน Fonts ในเว็บไซต์ WordPress ให้ดูดี ด้วย Google Fonts

เปลี่ยน Fonts ในเว็บไซต์ Wordpress ให้ดูดี ด้วย Google Fonts
https://www.youtube.com/embed/Pd99uhf6FSI?feature=oembed&autoplay=1
ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)

องค์ประกอบหนึ่งที่สำคัญของเว็บไซต์ ก็คือ Fonts ครับ การเปลี่ยน Fonts จะช่วยให้เว็บไซต์เรา มีภาพรวมที่ดีขึ้นอย่างรวดเร็วครับ และ ในปัจจุบันการเปลี่ยน Fonts ที่เราใช้งานในเว็บไซต์ ทำได้ง่ายขึ้นอย่างมากครับ เพราะเรามี Google Fonts เข้ามาช่วยในเรื่องนี้ครับ

สอน WordPress ขั้นพื้นฐาน ฉบับสมบูรณ์

ถ้าพื้นฐาน WordPress ยังไม่คล่อง หรือยังไม่มีพื้นฐาน ผมแนะนำบทความนี้ครับ จบทุกพื้นฐาน WordPress ในที่เดียว

Google Fonts คืออะไร ?

Google Fonts คือ ศูนย์กลางรวบรวม Fonts หรือ ประเภทตัวอักษร ที่สร้างขึ้นมาโดย Google ใน Google Fonts มี ประเภทของตัวอักษร ให้เลือกเป็นร้อยรายการ Fonts ไทยก็มีให้เลือกหลายรายการเลยในสมัยนี้ นับเป็นอะไรที่สะดวกมากๆครับ

การใช้งาน Google Fonts เริ่มต้นเลย ให้เข้าไปที่นี่ครับ https://fonts.google.com

การเลือก Google Fonts ภาษาไทย
การเลือก Google Fonts ภาษาไทย

จากนั้นเลือกภาษา ให้เป็นภาษาไทยก่อนครับ และ ถ้าจะนำไปใช้ร่วมกับ WordPress เราต้อง จำชื่อ Fonts ที่เราจะใช้เอาไว้ครับ เพราะเราต้องเอาไปเลือกใช้ในเว็บไซต์ของเราครับ

จดจำชื่อ Fonts เอาไปใช้ในเว็บไซต์ WordPress ของเรา
จดจำชื่อ Fonts เอาไปใช้ในเว็บไซต์ WordPress ของเรา

ชื่อ Fonts จะอยู่ด้านบนของ รูปแบบตัวหนังสือที่เราเลือกใช้อยู่แล้วครับ

ติดตั้ง Google Fonts Typography Plugin

เราจะติดตั้ง Plugin ที่สามารถใช้ Google Fonts ได้ในเว็บไซต์ของเราครับ ปลั๊กอินตัวนั้นคือ Google Fonts Typography อยู่ที่นี่ครับ https://wordpress.org/plugins/olympus-google-fonts/

การติดตั้ง Plugin Google Fonts
การติดตั้ง Plugin Google Fonts

ติดตั้งแล้วอย่าลืม Activate ด้วยนะครับ

เริ่มต้นใช้งาน Plugin Google Fonts

ให้เราไปที่ Appearace แล้วไปที่ Customize ครับ หรือใน ภาษาไทย ใช้คำว่า รูปแบบเว็บ และ ปรับแต่ง ครับ

จากนั้นจะได้หน้าจอแบบนี้ครับ

เริ่มต้นใช้งาน Plugin Google Fonts
เริ่มต้นใช้งาน Plugin Google Fonts

หน้าจอนี้เราเรียกว่า WordPress Customizer หรือตัวปรับแต่ง ธีม WordPress ครับ เริ่มต้นปรับแต่งให้เลือกคลิกไปที่ Google Fonts แล้วเราจะเจอหมวดหมู่ย่อยครับ ให้เราเลือกหมวดหมู่ที่เราต้องการ แต่แนะนำเลือก Basic Settings ก่อนครับ

ปรับแต่ง Fonts ในเว็บไซต์ ตามหมวดหมู่ที่ต้องการ
ปรับแต่ง Fonts ในเว็บไซต์ ตามหมวดหมู่ที่ต้องการ

จากนั้น ให้เราทำการปรับแต่งได้เลย โดยเลือก Fonts ที่เราจำมาจาก Google Fonts แล้วมาเลือกใน WordPress Customizer ได้เลยครับ

เลือกประเภทของตัวอักษร และ ความหนาของตัวอักษร
เลือกประเภทของตัวอักษร และ ความหนาของตัวอักษร

หลังจากเลือก Fonts ได้แล้ว ถ้าเราต้องการปรับแต่งความหนาของ Fonts ให้เราเลือก เมนูเพิ่มเติมก็จะสามารถปรับแต่งได้ครับ

ปรับแต่งเสร็จแล้ว ก็อย่าลืมกด Publish ครับ เพื่อให้เว็บไซต์ของเราเป็นไปตามที่ปรับแต่งได้เลยครับ

สรุป

เราจะเห็นได้ว่า การปรับแต่ง Fonts หรือการเปลี่ยน Fonts จะช่วยให้เว็บไซต์ของเรา ดูดีขึ้นได้อย่างไร และ ที่สำคัญ การปรับแต่ง Fonts โดยใช้ Google Fonts ใน เว็บไซต์นั้น ไม่ยากจริงๆครับ ลองทำดูนะครับ


ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)
ประชาสัมพันธ์
คอร์สเรียนออนไลน์
ทำ Blog ง่ายๆ ใครก็ทำได้

Blog คือ เครื่องมือที่ใช้สร้างโอกาส 

และ สร้างตัวตนได้ ทุกยุคทุกสมัย 

ราคาปกติ 3,990 บาท
Early Bird 1,990 บาท
(สำหรับ 50 ท่านแรก)

พลากร สอนสร้างเว็บ

รับเทคนิค ความรู้ ข่าวสาร การทำเว็บไซต์

จาก พลากร สอนสร้างเว็บ

เฉพาะ สมาชิกเท่านั้น

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *