ออกแบบตามเสียงของแบรนด์คุณ

หากคุณกำลังใช้ไซต์ WordPress ที่โฮสต์เอง คุณมีอิสระในการติดตั้งแบบอักษรใดก็ได้ที่คุณต้องการ ซึ่งจะทำให้คุณสามารถจับคู่การออกแบบไซต์ของคุณกับเสียงของแบรนด์ของคุณได้อย่างลงตัว ในบทความนี้ เราจะแสดงวิธีเพิ่มแบบอักษรที่กำหนดเองให้กับไซต์ WordPress ของคุณ เราจะครอบคลุมสองวิธีในการเพิ่มแบบอักษรให้กับ WordPress วิธีแรกคือการติดตั้งฟอนต์โดยใช้ WordPress Customizer วิธีที่สองคือการติดตั้งแบบอักษรโดยใช้ปลั๊กอิน การติดตั้งแบบอักษรโดยใช้ WordPress Customizer เป็นวิธีที่แนะนำ เป็นวิธีที่ง่ายและรวดเร็วในการเพิ่มแบบอักษรให้กับไซต์ของคุณโดยไม่ต้องแก้ไขโค้ดใดๆ ในการติดตั้งฟอนต์โดยใช้ WordPress Customizer ให้ทำตามขั้นตอนเหล่านี้: 1. ลงชื่อเข้าใช้ไซต์ WordPress ของคุณและไปที่ปรับแต่ง 2. คลิกที่ แท็บแบบอักษร 3. ใช้แถบค้นหาเพื่อค้นหาแบบอักษรที่คุณต้องการติดตั้ง 4. คลิกที่ปุ่ม Add to Collection สำหรับแต่ละฟอนต์ที่คุณต้องการติดตั้ง 5. คลิกที่ปุ่ม เผยแพร่ เพื่อบันทึกการเปลี่ยนแปลงของคุณ แบบอักษรของคุณจะพร้อมใช้งานในไซต์ WordPress ของคุณแล้ว หากคุณต้องการควบคุมฟอนต์ของคุณมากขึ้น หรือหากคุณต้องการใช้ฟอนต์ที่ไม่มีใน WordPress Customizer คุณสามารถติดตั้งฟอนต์โดยใช้ปลั๊กอิน มีปลั๊กอินบางตัวสำหรับเพิ่มแบบอักษรให้กับ WordPress เราขอแนะนำให้ใช้ปลั๊กอิน Easy Google Fonts เป็นปลั๊กอินฟรีที่ช่วยให้เพิ่ม ปรับแต่ง และจัดการแบบอักษรของคุณได้ง่าย ในการติดตั้งปลั๊กอิน Easy Google Fonts ให้ทำตามขั้นตอนเหล่านี้: 1. ลงชื่อเข้าใช้ไซต์ WordPress ของคุณและไปที่ปลั๊กอิน คลิกที่ปุ่มเพิ่มใหม่ ใช้แถบค้นหาเพื่อค้นหาปลั๊กอิน Google Fonts อย่างง่าย คลิกที่ปุ่มติดตั้งทันที คลิกที่ปุ่มเปิดใช้งาน 6. ไปที่ ลักษณะที่ปรากฏ และคลิกที่แท็บแบบอักษร 7. 8. 9. การเพิ่มแบบอักษรที่กำหนดเองให้กับไซต์ WordPress ของคุณเป็นวิธีที่ดีในการจับคู่ของไซต์ของคุณ

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

ด้วยการใช้ปลั๊กอิน Custom Adobe Fonts คุณสามารถรวมแบบอักษรเหล่านี้เข้ากับเว็บไซต์ WordPress ของคุณได้อย่างง่ายดาย ก่อนติดตั้งปลั๊กอิน ให้ไปที่ไลบรารีแบบอักษรที่กว้างขวางของ Adobe และเลือกแบบอักษรที่เหมาะกับคุณ (คุณต้องลงทะเบียนเพื่อเริ่มต้น) เมื่อคุณเลือกแบบอักษรที่ต้องการแล้ว คุณสามารถเพิ่มลงในโครงการเว็บของคุณได้โดยคลิกปุ่ม 'เพิ่มไปยังโครงการเว็บ' ที่ด้านบนขวาของหน้า เครื่องมือนี้ช่วยให้คุณสามารถดูตัวอย่างและจับคู่ชุดแบบอักษรตามที่เห็นสมควร ซึ่งทำให้รวมแบบอักษรได้ง่ายขึ้น แบบอักษรที่กำหนดเองสามารถพบได้ในเว็บไซต์ที่ยอดเยี่ยมหลายแห่ง ซึ่งออกแบบโดยนักออกแบบและมีรายละเอียดในระดับสูง ตัวอย่างเช่น ฟอนต์ Squirrel มีไลบรารีฟอนต์ขนาดใหญ่และมีรูปแบบการใช้งานที่เรียบง่าย @Font-Face มีชุดแบบอักษรเว็บที่คุณสามารถดาวน์โหลดได้

ควรติดตั้งบนเว็บไซต์ WordPress ของคุณ คุณจะต้องสร้างสไตล์ชีต CSS ของคุณเองหลังจากซื้อชุดเครื่องมือ ซึ่งรวมถึง ไฟล์ฟอนต์ และสไตล์ชีตพร้อมโค้ดที่คุณต้องการ ตัวอย่างเช่น เราต้องใช้ CSS ต่อไปนี้เมื่อพัฒนาฟอนต์ OpenSans-ExtraBold-web ตัวเลือกที่ดีที่สุดคือเก็บไฟล์ฟอนต์ทั้งหมดไว้ในไดเร็กทอรีเฉพาะ

ฉันจะใช้แบบอักษรใน WordPress ได้อย่างไร

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

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

อาจดูเหมือนเป็นการยืดเวลาที่จะพูดว่าการใช้แบบอักษรบนเว็บไซต์ของคุณอาจทำให้คุณตกอยู่ในภาวะน้ำร้อนลวก แต่คุณอาจคิดถูกในการประเมินของคุณ เพื่อความเป็นธรรม แบบอักษรเป็นงานศิลปะ ดังนั้นคุณจะต้องกิน ดังนั้น ใจเย็น ๆ และตรวจสอบให้แน่ใจว่าได้รับใบอนุญาตอย่างถูกต้อง คุณสามารถค้นหา WordPress และแบบอักษรเว็บฟรีมากมาย อย่ากลัวที่จะทำในสิ่งที่ถูกต้อง มองหารูปแบบตัวอักษรที่แตกต่างกันหากเว็บไซต์ของคุณมีความเฉื่อยชาหลังจากใช้แบบอักษรที่กำหนดเอง Times New Roman ใช้แบบอักษร serif แต่น้ำหนักและขนาดของแบบอักษรต่างกัน เรามอบประสิทธิภาพคุณภาพสูงสุดเท่าที่จะเป็นไปได้ ดังนั้นอย่ากลัวที่จะถาม GreenGeeks ใช้ WordPress เป็นแพลตฟอร์ม

ประโยชน์ของการใช้แบบอักษรที่กำหนดเองบนไซต์ WordPress ของคุณ

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

Wp-เนื้อหา/ธีม/ธีมของคุณ/แบบอักษร

ไดเร็กทอรี wp-content/themes/your-theme/ fonts คือที่ที่คุณสามารถจัดเก็บฟอนต์แบบกำหนดเองที่คุณอาจต้องการใช้ในธีมของคุณ คุณสามารถเพิ่มแบบอักษรลงในไดเร็กทอรีนี้ผ่าน FTP หรือโดยใช้ตัวจัดการไฟล์ในแผงควบคุมของบัญชีโฮสติ้งของคุณ เมื่อเพิ่มแล้ว คุณจะใช้ฟอนต์ใน CSS ได้โดยการระบุคุณสมบัติของฟอนต์แฟมิลี่

Global Styles ให้คุณเปลี่ยนแบบอักษรของไซต์ได้ในลักษณะเดียวกับที่คุณสามารถเปลี่ยนสีของไซต์ด้วยธีมใดธีมหนึ่งต่อไปนี้ แบบอักษรพื้นฐานและหัวเรื่องถูกตั้งค่าเป็นคู่ของตัวอักษร เมื่อคุณคลิก เผยแพร่ คุณสามารถบันทึกการจับคู่ฟอนต์ใหม่ในเมนู Global Styles หรือตั้งค่าใหม่ได้ หลังจากเลือกแบบอักษรที่กำหนดเองแล้ว คุณจะมีตัวเลือกในการเปลี่ยนแปลงเป็นประจำ เลือกขนาดที่คุณต้องการสำหรับฟอนต์หัวเรื่องหรือฟอนต์พื้นฐานจากเมนูดรอปดาวน์ จากนั้นคลิกตัวเลือกขนาดด้านล่างและทางด้านขวาของชื่อฟอนต์แต่ละชื่อที่คุณต้องการเปลี่ยน ด้วย CSS ที่กำหนดเอง คุณสามารถเปลี่ยนขนาดฟอนต์ได้ทั่วโลก เมื่อตัดสินใจว่าจะใช้ปลั๊กอินหรือไม่หลังจากที่ได้ทดสอบแล้ว ให้ตรวจสอบว่าคุณได้ปิดใช้งาน/นำออกแล้ว ไม่สามารถเชื่อมโยงบัญชี Typekit.com ภายนอกกับเว็บไซต์หรือบล็อก WordPress.com ด้วยการใช้ Customizer คุณสามารถกำหนดได้ว่าฟอนต์เฉพาะจะแสดงอย่างถูกต้องในภาษาใด ๆ หรือไม่

เพิ่มแบบอักษรที่กำหนดเองให้กับ WordPress โดยไม่ต้องใช้ปลั๊กอิน

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

คุณสามารถใช้แบบอักษรต่างๆ ในเว็บไซต์ได้หากคุณเลือกแบบอักษรที่กำหนดเอง คุณสามารถปรับปรุงประสิทธิภาพของเว็บไซต์ของคุณได้ด้วยการใช้ประโยชน์ ตลอดจนสร้างภาพลักษณ์ของแบรนด์ที่จะเพิ่มการมีส่วนร่วมของผู้ใช้ เราจะสาธิตวิธีเพิ่มแบบอักษรที่กำหนดเองใน WordPress โดยใช้แบบอักษร Google, TypeKit และวิธีการ CSS3 @Font-Face ในบทช่วยสอนนี้ เมื่อคุณสมัครใช้บริการ ที่อยู่อีเมลของคุณจะถูกใช้เพื่อรับคู่มือการเริ่มต้นฉบับย่ออย่างเป็นทางการ จากนั้นไปที่แถบด้านข้างของผู้ดูแลระบบและไปที่ปลั๊กอินแบบอักษร – กำหนดแบบอักษรเอง คุณสามารถเปลี่ยนแบบอักษรและขนาดในธีม WordPress ได้โดยปฏิบัติตามคำแนะนำเหล่านี้ คุณสามารถเพิ่มโค้ดฝังตัว ของ Google Font ลงในไซต์ WordPress ได้สองวิธี

ตรวจสอบให้แน่ใจว่าได้ตั้งรหัสไว้หน้าแท็ก <body> ในไฟล์ header.php ของธีมของคุณ รหัสนี้สามารถเพิ่มได้โดยใช้ปลั๊กอิน WordPress หากคุณไม่คุ้นเคยกับการแก้ไขโค้ด คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับแบบอักษร Google ในธีม WordPress ได้โดยอ่านคำแนะนำของเรา การเพิ่มแบบอักษรที่กำหนดเองให้กับ WordPress เป็นวิธีที่ตรงที่สุดผ่าน CSS3 @Font-face ด้วยเหตุนี้ คุณจึงสามารถใช้แบบอักษรใดก็ได้ที่ต้องการบนเว็บไซต์ของคุณโดยใช้วิธีนี้ หากคุณยังไม่มีรูปแบบเว็บสำหรับแบบอักษรของคุณ คุณสามารถใช้ตัว สร้าง FontSquirrel WebFont เพื่อแปลงได้

คุณสามารถอัปโหลดแบบอักษรที่กำหนดเองไปยัง WordPress ได้หรือไม่?

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

เพิ่ม Otf Font To WordPress

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

ฟอนต์ธีม WordPress

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

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

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