คุณเคยต้องการเปลี่ยนแบบอักษรบนเว็บไซต์ WordPress หรือไม่? การเลือกแบบอักษรใหม่ด้วยเครื่องมือปรับแต่งนั้นไม่ใช่เรื่องยาก ความท้าทายเกิดขึ้นเมื่อคุณต้องการใช้แบบอักษรที่ไม่ได้มาพร้อมกับธีมหรือหากองค์ประกอบที่คุณต้องการเปลี่ยนไม่มีตัวเลือกให้ทำเช่นนั้น
เปลี่ยนแบบอักษรที่ปรับแต่งได้
หากต้องการแบบอักษรเพิ่มเติม ก่อนอื่นให้ติดตั้งปลั๊กอิน Easy Google Fonts ลงในไซต์ของคุณ
1. ไปที่ “ปลั๊กอิน -> เพิ่มใหม่”
2. ค้นหา “Easy Google Font”
3. คลิกติดตั้งแล้วเปิดใช้งาน
4. ขณะนี้มีตัวเลือกแบบอักษรเพิ่มเติมในไซต์ของคุณ หากต้องการเปลี่ยน ให้ไปที่เครื่องมือปรับแต่งของคุณ (ลักษณะที่ปรากฏ -> ปรับแต่ง)
5. คลิกที่ “ตัวพิมพ์ -> ตัวพิมพ์ธีม”
6. คลิกที่ลูกศรแบบเลื่อนลงและเลื่อนลง คุณควรเห็นแบบอักษรที่พร้อมใช้งานอีกมากมาย
7. คลิกเพื่อเลือกอันที่คุณต้องการใช้
ค่อนข้างง่ายในการใช้ปลั๊กอินเพื่อเปลี่ยนข้อความที่ปรับแต่งได้อยู่แล้วในธีมของคุณ ส่วนที่น่าผิดหวังเกิดขึ้นเมื่อคุณต้องการให้ข้อความบางรายการเป็นแบบอักษรอื่น และไม่มีที่สำหรับเปลี่ยน!
หากต้องการปรับแต่งสิ่งเหล่านั้น คุณต้องเปลี่ยนโค้ด CSS สำหรับส่วนนั้นของเว็บไซต์ อย่างไรก็ตาม มันถูกซ่อนไว้ ดังนั้นคุณต้องติดตามมัน
รับส่วนขยาย
ในเบราว์เซอร์ Google Chrome ให้ค้นหาส่วนขยายที่เรียกว่า WhatFont จากนั้นติดตั้งและอนุญาตให้เรียกใช้
เมื่อเปิดใช้งาน WhatFont จะระบุแบบอักษรที่พบในเว็บไซต์ใดๆ ดังนั้น หากคุณชอบฟอนต์และต้องการใช้ในงานของคุณ ให้วางเมาส์ไว้เหนือข้อความในขณะที่ WhatFont กำลังทำงานอยู่ จากนั้นระบบจะแสดงชื่อฟอนต์ให้คุณเห็น
ส่วนขยายถัดไปที่คุณต้องติดตั้งและเปิดใช้งานคือ Firebug Lite จะแสดงโค้ดไซต์ของคุณและช่วยให้คุณสามารถแก้ไขคุณสมบัติ CSS ได้ ส่วนขยายนี้ทำให้ง่ายต่อการค้นหาและเปลี่ยนแบบอักษรโดยการค้นหาตำแหน่งของข้อความในโค้ด
ค้นหาแบบอักษร
หากต้องการทราบชื่อแบบอักษรที่ธีมของคุณใช้อยู่:
1. เปิดใช้งาน WhatFont โดยคลิกที่ไอคอน
2. วางเมาส์เหนือแบบอักษรที่คุณต้องการระบุ
3. สังเกตชื่อแบบอักษร
4. ปิด WhatFont
ขั้นตอนต่อไปคือการค้นหา CSS ด้วยฟอนต์นั้นในโค้ด
1. เปิดตัวปรับแต่งตามที่คุณทำก่อนหน้านี้
2. เปิด Firebug Lite (ไอคอนของแมลงพร้อมไขควง)
3. เมื่อคุณเปิดใช้งาน Firebug โค้ดสำหรับไซต์จะแสดงที่ด้านล่างของหน้าจอ
คุณต้องระมัดระวังในการทำงานกับโค้ดนี้ โดยเฉพาะอย่างยิ่งหากคุณไม่ใช่ผู้เชี่ยวชาญใน CSS หากคุณปฏิบัติตามคำแนะนำอย่างดี คุณควรจะเปลี่ยนแบบอักษรได้ง่ายพอโดยไม่ทำลายไซต์ของคุณ ขอแนะนำให้สำรองข้อมูลไซต์ของคุณก่อนดำเนินการต่อ
ค้นหาแบบอักษรปัจจุบันของข้อความที่คุณต้องการเปลี่ยน
1. คลิกที่ CSS
2. เลือกไฟล์ style.css (ไฟล์มันยาว)
3. กด Ctrl + f แล้วพิมพ์แบบอักษรที่คุณเขียนลงในช่องค้นหา
4. ในตัวอย่างนี้ ฉันกำลังมองหา Helvetica และคุณสามารถเห็นตำแหน่งของแบบอักษรนั้นในสไตล์ CSS ได้เป็นสีส้ม
4. เน้นและคัดลอกตำแหน่งของแบบอักษร ฉันเน้นเป็นสีเหลืองในภาพด้านบน หากมีสถานที่มากกว่าหนึ่งแห่ง ให้คัดลอกเพียงแห่งเดียวเท่านั้น
สร้างตัวควบคุมแบบอักษร
การควบคุมแบบอักษรจะบอกปลั๊กอินว่า CSS ใช้แบบอักษรที่เราต้องการเปลี่ยนที่ใด ขั้นตอนนี้อาจเป็นการลองผิดลองถูกเล็กน้อย โดยเฉพาะอย่างยิ่งหากแบบอักษรที่คุณต้องการอยู่ในหลายๆ ตำแหน่งบนไซต์ของคุณ
1. กลับไปที่แผงการดูแลระบบ วางเมาส์เหนือการตั้งค่า แล้วคลิก Google Fonts
2. คลิกที่ “สร้างการควบคุมแบบอักษรใหม่”
3. เปลี่ยนชื่อเพื่ออธิบายตำแหน่งของแบบอักษรใหม่
4. วางตำแหน่งที่คุณคัดลอกจากรายการ CSS ลงในช่องตัวเลือก CSS
5. คลิกช่องแทนที่ Force Styles
6. บันทึก
ตรวจสอบเลย
กลับไปที่เครื่องมือปรับแต่งของคุณและค้นหาตำแหน่งที่คุณต้องการเปลี่ยนแบบอักษร ค้นหากล่องดรอปดาวน์สำหรับการควบคุมฟอนต์ที่คุณเพิ่งทำ ดึงลงและเลือกแบบอักษรที่คุณต้องการใช้ ถ้าทำงานสำเร็จ ฟอนต์จะเปลี่ยนทันทีที่คุณคลิก
หากไม่ได้ผล ให้กลับไปที่ส่วนควบคุมแบบอักษร ลบตำแหน่งที่คุณวาง แล้วลองอีกครั้งโดยใช้ตำแหน่งอื่นใน CSS ของคุณซึ่งมีแบบอักษรดั้งเดิมอยู่ในรายการ จำไว้ว่าอาจต้องใช้ความพยายามหลายครั้งจึงจะได้ผล
แม้ว่าคุณจะใช้ธีมทั่วไป ความสามารถในการเปลี่ยนแบบอักษรในธีม WordPress จะทำให้ไซต์ของคุณมีรูปลักษณ์ที่ไม่เหมือนใคร ตรวจสอบให้แน่ใจว่าไซต์ของคุณได้รับการอัปเดตอย่างเหมาะสม และลองทำดู
