วิธีค้นหาฟอนต์ธีมเริ่มต้นบน WordPress

เผยแพร่แล้ว: 2022-10-28

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

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

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

คุณจะบอกได้อย่างไรว่าแบบอักษรใดที่ใช้บนไซต์ WordPress?

เครดิต: HubSpot

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

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

ไม่น่าเป็นไปได้อย่างยิ่งที่ฟอนต์เหล่านี้ยังไม่ได้ติดตั้งหรือสามารถติดตั้งได้ด้วยการคลิกเมาส์เพียงครั้งเดียวโดยใช้ตัวสร้างเพจ เช่น Elementor หรือ Oxygen หากแบบอักษรที่คุณต้องการไม่มีอยู่ใน เว็บไซต์ fonts.google.com คุณเกือบจะต้องจ่ายสำหรับสำเนา คุณสามารถเพิ่มแบบอักษรให้กับเว็บไซต์ของคุณได้โดยใช้ Adobe Typekit อาจเป็นสิ่งที่คุณไม่ได้ตั้งใจจะใช้ แต่ขึ้นอยู่กับการเข้าถึง Adobe ซึ่งอาจไม่สะดวก แบบอักษรเดียวที่คุณควรมีคือแบบอักษรเดียว ควรดาวน์โหลดแบบอักษร Google ก่อน ตามด้วยแบบอักษรที่ต้องชำระเงิน

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

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

เครดิต: sitebuildernews.com

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

การเปลี่ยนแปลงแบบอักษรธรรมดาๆ สามารถสร้างสิ่งมหัศจรรย์ให้กับเว็บไซต์ได้อย่างไร แบบอักษรคือชุดของตัวอักษรและตัวเลขสำหรับการออกแบบที่มีรายละเอียดการออกแบบ คุณสามารถเปลี่ยนข้อความของ MS Word หรือ Google Docs เป็นตัวหนา ตัวเอียง หรือตัวเอียงหนาได้ เพื่อให้ ฟอนต์เว็บ ทำงานได้อย่างถูกต้อง ฟอนต์นั้นต้องมีไฟล์สี่ประเภทที่แตกต่างกัน ไฟล์ TrueType, ไฟล์ EOT, ไฟล์ WOFF และไฟล์ SVG ทั้งหมดรวมอยู่ในไฟล์เหล่านี้ แบบอักษรเหล่านี้โฮสต์อยู่บนระบบคอมพิวเตอร์ในพื้นที่ของคุณและสามารถเข้าถึงได้จากอินเทอร์เน็ต แบบอักษรที่ปลอดภัยสำหรับเว็บช่วยให้เว็บไซต์ของคุณดูเหมือนกันทุกประการในทุกเบราว์เซอร์

สิ่งเดียวที่ต้องมีคือคอมพิวเตอร์ที่พร้อมใช้งาน อย่าลืมใส่โค้ดต่อไปนี้ในส่วน >head> ของเพจ ไอคอนที่กำหนดจะปรับขนาดหรือสีตามความเหมาะสม การใช้ Elementor หรือ Brizy เป็นตัวอย่าง เราจะแนะนำคุณเกี่ยวกับตัวแก้ไข Gutenberg เริ่มต้นและตัวสร้างเพจ เมื่อคุณเปิดโพสต์หรือหน้าที่คุณต้องการแก้ไข ให้ใช้ Elementor เพื่อเปลี่ยนแบบอักษร คลิกที่ไอคอน Typography เพื่อดูรายละเอียดของสไตล์ ตัวสร้างเพจของ Elementor มีตัวเลือกการแก้ไขข้อความมากมาย

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

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

Google Font ของ Astra มาพร้อมกับมันและโฮสต์เอง ซึ่งจะมีประโยชน์เมื่อธีมของคุณไม่อนุญาตให้เปลี่ยนแบบอักษร บทความนี้จะกล่าวถึงฟอนต์ WordPress ที่ได้รับความนิยมมากที่สุด เมื่อใช้แบบอักษรที่กำหนดเอง คุณสามารถฝังแบบอักษรที่กำหนดเองลงในไซต์ WordPress ของคุณได้อย่างง่ายดาย ปลั๊กอินนี้รวมเข้ากับธีม Astra, Beaver Builder และตัวสร้างหน้า Elementor แบบอักษร WP Google ทำให้ง่ายต่อการเพิ่มแบบอักษรคุณภาพสูงฟรีของ Google ลงในไซต์ของคุณ วิธีที่ถูกต้องในการทำให้ข้อความเป็นตัวพิมพ์ใหญ่คือการรวมทั้งคำ แต่วิธีนี้ใช้ไม่ได้ผลหากคุณใส่เฉพาะคำที่เป็นตัวพิมพ์ใหญ่เท่านั้น

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

ฉันจะเปลี่ยนแบบอักษรเป็นค่าเริ่มต้นได้อย่างไร

โดยไปที่รูปแบบ > แบบอักษร คุณสามารถเปลี่ยนแบบอักษรได้ กล่องโต้ตอบแบบอักษรสามารถเข้าถึงได้โดยคลิกที่ปุ่ม D ในกรณีนี้ คุณจะต้องเลือกประเภทของแบบอักษรและขนาดที่คุณต้องการ คุณสามารถเปลี่ยนการตั้งค่าเริ่มต้นได้โดยเลือกค่าเริ่มต้นแล้วเลือกใช่

ฟอนต์ธีม Divi เริ่มต้นคืออะไร?

แบบอักษรเริ่มต้นสำหรับ Divi คือ Open Sans แต่ตัวปรับแต่งธีม Divi มาพร้อมกับแบบอักษรให้เลือกเกือบร้อยแบบ

Divi ใช้ Font Awesome

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