วิธีเปลี่ยนแบบอักษรในธีม WordPress ของคุณ

หากคุณต้องการเปลี่ยนแบบอักษรในธีม WordPress ของคุณ คุณสามารถทำได้หลายวิธี วิธีหนึ่งคือเปลี่ยนแบบอักษรในการตั้งค่าธีมของคุณ อีกวิธีหนึ่งคือเปลี่ยนแบบอักษรโดยตรงใน CSS และสุดท้าย คุณสามารถใช้ปลั๊กอินเพื่อเปลี่ยนแบบอักษรได้

ธีม WordPress หลายแบบมีฟอนต์ในตัวที่สามารถเปลี่ยนได้ แต่รูปแบบอื่นๆ มีความยืดหยุ่นมากกว่า นอกจากนี้ยังสามารถใช้ปลั๊กอินฟรีเพื่อเพิ่มตัวเลือกแบบอักษรให้กับธีมใดก็ได้ ส่วนแรกของบทความนี้จะให้ภาพรวมของธีม Neve ที่ยืดหยุ่น ซึ่งสามารถใช้เป็นตัวอย่างได้ คุณจะได้เรียนรู้วิธีเปลี่ยนฟอนต์ WordPress เริ่มต้นสำหรับเนื้อหาแต่ละส่วนในบทเรียนนี้ รวมถึงวิธีดำเนินการโดยใช้ตัวแก้ไข WordPress หากคุณต้องการตัวเลือกแบบอักษรเพิ่มเติมในธีม WordPress คุณสามารถใช้ปลั๊กอินได้ Easy Google Fonts แอปฟรีสำหรับธีม WordPress ให้คุณเลือกแบบอักษรได้มากกว่า 600 แบบ ในขั้นตอนนี้ เราจะเปลี่ยนเป็นธีมเริ่มต้นของ Twenty Twenty One จากนั้นกำหนดค่าปลั๊กอินเพื่อให้เราสามารถเพิ่มตัวเลือกแบบอักษรเพิ่มเติมได้

ไปที่ ลักษณะที่ปรากฏ เพื่อปรับแต่งแดชบอร์ด WordPress ของคุณ ตอนนี้คุณสามารถใช้ Google Fonts สำหรับเนื้อหาบนเว็บไซต์ของคุณได้ในขนาดและสไตล์ที่หลากหลาย เมื่อคุณทำการเลือกแบบอักษรใหม่ของไซต์ คุณจะสามารถดูตัวอย่างแบบสดได้ หลังจากที่คุณคลิกปุ่มเผยแพร่ คุณจะสามารถดาวน์โหลดแบบอักษรใหม่ของคุณได้ หากคุณมีธีมที่ยืดหยุ่นอยู่แล้ว คุณสามารถใช้ WordPress Customizer เพื่อใช้ประโยชน์จากตัวเลือกการพิมพ์ในตัวของธีมได้ ปลั๊กอินแบบอักษร Easy Google เป็นเครื่องมือฟรีที่ช่วยให้คุณสามารถเพิ่มแบบอักษรได้มากกว่า 600 แบบในไซต์ของคุณ คู่มือของเราสอนวิธีสร้างเว็บไซต์ที่มีตราสินค้าเองโดยใช้ธีม WordPress

คุณสามารถค้นหาตัวแก้ไขธีมได้โดยเลือก 'ตัวแก้ไข' จากแท็บ ลักษณะที่ปรากฏ ที่ด้านล่างของแต่ละหน้าจะมีสไตล์ชีต CSS สำหรับธีม แบบอักษรถูกกำหนดไว้ที่นี่ ในกรณีส่วนใหญ่ คุณจะต้องเลือกแบบอักษรสำหรับพื้นที่ต่างๆ บนเว็บไซต์ของคุณตามประเภทของแบบอักษรสำหรับแต่ละส่วน

ฉันจะเปลี่ยนแบบอักษรในธีม WordPress ได้อย่างไร

หากต้องการเปลี่ยน ฟอนต์แบบกำหนดเองที่ คุณใช้ ให้ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ฟอนต์ แล้วเลือกฐานหรือส่วนหัวอื่น อีกวิธีหนึ่ง คุณสามารถเปลี่ยนแบบอักษรเริ่มต้นของธีมได้โดยคลิก X ถัดจากชื่อแบบอักษรที่กำหนดเอง

แบบอักษรข้อความของเว็บไซต์ของคุณมีความสำคัญทั้งในด้านการออกแบบและเอกลักษณ์ของแบรนด์ แบบอักษรบนไซต์ WordPress ของคุณมีผลกระทบอย่างมากต่อลักษณะที่ปรากฏและความรู้สึก ในบทช่วยสอนนี้ เราจะพูดถึงวิธีเปลี่ยนแบบอักษรใน WordPress ด้วยวิธีต่างๆ ห้าวิธี หากเว็บไซต์ของคุณสร้างด้วยธีม WordPress แบบบล็อก เช่น Twenty Twenty-Two คุณสามารถเปลี่ยนแบบอักษรได้โดยใช้ตัวแก้ไขเว็บไซต์แบบเต็ม ในการเริ่มต้น เพียงเลือกองค์ประกอบใดๆ ในเมนูดรอปดาวน์สำหรับ ตระกูลแบบอักษร ที่คุณต้องการ การเปลี่ยนแบบอักษร WordPress ทำได้โดยใช้ปลั๊กอิน WordPress เช่น Easy Google Fonts Easy Google Fonts เป็นปลั๊กอิน WordPress ฟรีที่ช่วยให้คุณสามารถเพิ่มแบบอักษร Google กว่า 600 แบบในเว็บไซต์ของคุณ

หน้า Landing Page และปลั๊กอินตัวสร้างธีมของ SeedProd สำหรับ WordPress ดีที่สุดสำหรับการสร้างธีม WordPress ที่กำหนดเอง รวมถึงเสนอตัวสร้างแบบลากแล้ววาง เครื่องมือสร้างธีม WordPress เป็นเครื่องมือที่ทรงพลังที่ช่วยให้คุณสร้างธีมที่กำหนดเองได้โดยไม่ต้องใช้โค้ดใดๆ เครื่องมือเหล่านี้สามารถใช้เปลี่ยนแบบอักษรขององค์ประกอบต่างๆ ของไซต์ได้ หากต้องการดำเนินการต่อ ให้คลิกปุ่ม 'ธีม' ที่ด้านบนของหน้า จะมีเทมเพลตที่หลากหลายสำหรับ SeedProd คุณยังสามารถปรับแต่งแต่ละเทมเพลตให้ตรงกับความต้องการของธีม WordPress ของคุณได้ คุณสามารถเพิ่มเทมเพลตธีมด้วยตนเองได้เช่นกัน

การใช้ตัวแก้ไขเนื้อหา คุณสามารถเปลี่ยนรูปลักษณ์ของฟอนต์ของคุณได้ คุณสามารถสร้างตัวแก้ไขเนื้อหาของ WordPress ได้โดยการแก้ไขหรือเพิ่มโพสต์ คลิกแท็บ 'การตั้งค่า' ทางด้านขวาของคุณ หากคุณต้องการดูส่วน 'การพิมพ์' เพียงคลิกเมนูแบบเลื่อนลงเพื่อเปลี่ยนรูปแบบแบบอักษรของคุณ คุณยังสามารถเปลี่ยน ขนาดแบบอักษร เพิ่มตัวพิมพ์ใหญ่ เปลี่ยนสี เลือกตัวพิมพ์ใหญ่ และอีกมากมาย

แบบอักษรของเอกสาร HTML สามารถเปลี่ยนแปลงได้หลายวิธี โดยทั่วไป สไตล์จะใช้เป็นแอตทริบิวต์เริ่มต้น แอตทริบิวต์ระบุรูปแบบอินไลน์สำหรับองค์ประกอบ คุณลักษณะนี้ใช้ร่วมกับแท็ก HTML *p> ที่มีคุณสมบัติ CSS font-family, font-size และ font-style
เนื่องจาก HTML5 ไม่รองรับแท็ก *ฟอนต์* จึงต้องเปลี่ยนสไตล์ฟอนต์โดยใช้สไตล์ CSS คุณยังสามารถเลือกขนาดแบบอักษรสำหรับบล็อกแต่ละย่อหน้าได้ด้วยการคลิกที่รูปนั้นแล้วเลือก 'การตั้งค่า' จากเมนูทางขวามือ เมนูแบบเลื่อนลงให้คุณเลือกขนาดตั้งแต่เล็กไปจนถึงใหญ่

วิธีเปลี่ยนแบบอักษรใน WordPress

เมื่อไปที่ Appearance คุณจะสามารถปรับแต่งแบบอักษรของแบบ อักษรที่กำหนดเองของ WordPress ได้ คุณยังสามารถเลือกแบบอักษรที่จะใช้สำหรับหัวเรื่องและข้อความเนื้อหาได้

ฉันจะเปลี่ยนแบบอักษรที่กำหนดเองใน WordPress ได้อย่างไร

ในการเปลี่ยนแบบอักษรที่กำหนดเองใน WordPress คุณจะต้องเข้าถึงหน้าตัวเลือกธีม จากนั้นคลิกที่แท็บ Typography จากที่นี่ คุณจะสามารถเลือกแบบอักษรใหม่สำหรับเว็บไซต์ของคุณ

จำเป็นอย่างยิ่งที่รูปแบบตัวอักษรสำหรับเว็บไซต์ของคุณจะต้องเหมาะสมกับทั้งการออกแบบและการสร้างแบรนด์ แบบอักษร เช่นเดียวกับองค์ประกอบอื่นๆ บนไซต์ของคุณ มีความสำคัญต่อวิธีที่ผู้เยี่ยมชมเข้าใจคุณ เนื่องจากความยืดหยุ่นที่ WordPress มีให้ คุณจึงปรับแต่งฟีเจอร์นี้ได้เช่นกัน เราจะครอบคลุมทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับการใช้แบบอักษรใน WordPress ประสบการณ์ของผู้อ่านเกี่ยวกับแบบอักษรบนเว็บไซต์ของคุณเกี่ยวข้องโดยตรงกับการออกแบบแบบอักษร มีบริการแบบอักษรหลายอย่างสำหรับนักพัฒนา WordPress แบบอักษร Google ซึ่งเป็นแบบอักษรที่ได้รับความนิยมสูงสุดมีแบบอักษรต่างๆ เกือบ 1,000 แบบ

นอกจากนี้ คุณสามารถป้อนข้อความที่กำหนดเองและเปลี่ยนขนาดแบบอักษรได้ คุณสามารถเพิ่ม แบบอักษรที่กำหนดเอง ลงในไซต์ WordPress ได้หลายวิธี เป็นไปได้มากว่าคุณจะโหลดไซต์ได้ช้าหรือเร็วกว่าหากคุณใช้แบบอักษรและรูปแบบจำนวนมาก ข้อดีและข้อเสียของแต่ละวิธีจะอธิบายไว้ด้านล่าง และคุณต้องตัดสินใจว่าวิธีใดที่เหมาะกับคุณตามการตั้งค่าของคุณ มีหลายตัวเลือกในการเพิ่มแบบอักษรที่กำหนดเองลงในไซต์ WordPress ของคุณ คุณสามารถเปลี่ยนแบบอักษรของเนื้อหา หัวเรื่อง และปุ่ม/อินพุตได้โดยใช้คุณสมบัตินี้ ในทำนองเดียวกัน หากคุณเปลี่ยนแปลงสิ่งใดใน WordPress ระบบจะอัปเดตตัวแก้ไขโดยอัตโนมัติ

หากคุณประสบปัญหาในการทำให้แบบอักษรที่กำหนดเองทำงานอย่างถูกต้องบนไซต์ WordPress ของคุณ คุณสามารถลองใช้การดีบักสักครู่ แบบอักษรที่กำหนดเองสามารถสร้างได้ด้วยปลั๊กอิน WordPress นอกเหนือจากนี้ เนื่องจากข้อกังวลของ GDPR การนำเข้าแบบอักษรจากเซิร์ฟเวอร์ของ Google อาจไม่ใช่ความคิดที่ดี คุณสามารถลองหาวิธีจัดเก็บ ไฟล์ฟอนต์ ในเครื่องแทนโดยใช้หนึ่งในตัวเลือกที่มี แบบอักษรสามารถโฮสต์บนเว็บไซต์ของคุณเองและให้บริการแก่ผู้เยี่ยมชมโดยใช้เว็บเบราว์เซอร์ ในการทำสิ่งนี้ให้สำเร็จ คุณต้องรับฟอนต์ที่เป็นปัญหาก่อน แบบอักษรอื่นๆ สามารถดาวน์โหลดได้จากผู้ให้บริการที่หลากหลาย

ในไดเร็กทอรีที่ชื่อฟอนต์ในธีมย่อยของคุณ คุณสามารถเก็บไฟล์ของคุณไว้ได้ แบบอักษรที่กำหนดเองถูกเพิ่มลงใน WordPress ผ่านฟังก์ชันต่างๆ ของ WordPress สคริปต์มีสองประเภท: ประเภทหนึ่งสำหรับแก้ไขสไตล์ชีตและอีกประเภทหนึ่งสำหรับการเพิ่มสคริปต์ ฟอนต์แบบกำหนดเองโดยเฉพาะ สามารถใช้ได้ตามวิธีการที่สร้างขึ้นในตอนแรก แบบอักษรของ Google เพิ่งอัปเดตไวยากรณ์การเชื่อมโยงแบบอักษรใน WordPress หากผู้เยี่ยมชมดาวน์โหลดแบบอักษรจาก Google ที่อยู่ IP ของผู้เยี่ยมชมจะถูกแบ่งปันกับบริษัท และข้อมูลนี้จะถูกส่งต่อไปยังเซิร์ฟเวอร์ในสหรัฐอเมริกาเกือบจะแน่นอน นี่เป็นปัญหาเนื่องจากกฎระเบียบ GDPR ใหม่ของสหภาพยุโรป (EU)

มีสามตัวเลือกในการจัดการกับปัญหานี้ การสร้างสไตล์ชีตสำหรับเอดิเตอร์ใช้ขั้นตอนอื่น Style-editor.css รวมอยู่ในโฟลเดอร์ของธีมที่ใช้งานอยู่ ซึ่งอยู่ในไดเร็กทอรีราก กล่าวอีกนัยหนึ่ง เพื่อให้แน่ใจว่าไฟล์ของคุณเหมือนกับชื่อเดียวกัน คุณต้องรวมไว้ในตำแหน่งที่เหมาะสม ตอนนี้คุณสามารถควบคุมวิธีกำหนดค่าตัวอักษร WordPress ของคุณได้อย่างสมบูรณ์

อาจเป็นเรื่องยากที่จะทราบว่าจะเลือกแบบอักษรใดเนื่องจากมีแบบอักษรให้เลือกหลากหลาย โชคดีที่เรามีทางออกสำหรับคุณ ในบทความนี้ เราจะสาธิตวิธีเปลี่ยนแบบอักษรของแต่ละองค์ประกอบในเว็บไซต์ของคุณ รวมถึงย่อหน้า แท็กส่วนหัว และอื่นๆ
ในการเริ่มต้น ไปที่ Typography > Default Typography บนเว็บไซต์ของคุณ คุณมีตัวเลือกในการเปลี่ยนแบบอักษรของทุกองค์ประกอบในไซต์ของคุณ ต่อไป เราจะพูดถึงแท็กส่วนหัวในแถวกัน
ในการตั้งค่าของย่อหน้า คุณสามารถเปลี่ยนแบบอักษรของย่อหน้าได้ ส่วนนี้ยังช่วยให้คุณสามารถเปลี่ยนขนาดแบบอักษรได้
คุณยังสามารถเปลี่ยนแบบอักษรของแท็กส่วนหัวได้โดยไปที่การตั้งค่าของแท็กส่วนหัวแล้วเลือกแบบอักษรที่คุณต้องการ
เมื่อคุณเปลี่ยนแบบอักษรของส่วนประกอบทั้งหมดของเว็บไซต์ของคุณเสร็จแล้ว ก็ถึงเวลาบันทึกการเปลี่ยนแปลง สามารถทำได้โดยคลิกที่ปุ่ม "บันทึก" ที่ด้านบนของตัวพิมพ์ คุณจะสามารถบันทึกและโหลดหน้าซ้ำอันเป็นผลมาจากการเปลี่ยนแปลงเหล่านี้ ชัยชนะของคุณสมควรได้รับอย่างดี แบบอักษรที่คุณใช้บนเว็บไซต์ของคุณจะถูกปรับแต่งให้เหมาะสม

ฉันจะเพิ่มแบบอักษรลงใน WordPress ด้วยตนเองได้อย่างไร

คุณสามารถอัปโหลดแบบอักษรที่กำหนดเองไปยัง WordPress ได้สามวิธี: แก้ไขไฟล์ที่สอดคล้องกับธีมของคุณ การอัปโหลดรูปภาพ หรือการอัปโหลดแบบอักษรโดยตรง ควรวางฟอนต์ไว้ในโฟลเดอร์ของธีม การใช้ปลั๊กอิน WordPress แบบกำหนดเอง เป็นวิธีที่ยอดเยี่ยมในการทำให้ดูเป็นมืออาชีพมากขึ้น