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

เผยแพร่แล้ว: 2024-08-06

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

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

เมื่อคุณเลือกแบบอักษรแล้ว คุณจะต้องรู้ วิธีใช้แบบอักษรนั้นบนเว็บไซต์ของคุณ

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

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

ก่อนหน้านั้นเราควรรู้:

เหตุใดจึงต้องเปลี่ยนแบบอักษรของเว็บไซต์ WordPress ของคุณ

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

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

โดยรวมแล้ว การเปลี่ยนแบบอักษรเป็นวิธีง่ายๆ ในการเพิ่มรูปลักษณ์และประสิทธิภาพของเว็บไซต์ของคุณ

ประเภทของแบบอักษรบนเว็บ

เช่นเดียวกับแบบอักษรบนเดสก์ท็อป แบบอักษรบนเว็บมีสี่ประเภทหลัก:

  • Serif: แบบอักษร Serif มีองค์ประกอบตกแต่งที่ด้านบนและด้านล่างของตัวอักษรแต่ละตัว เหมาะที่สุดสำหรับส่วนหัวเนื่องจากสไตล์ที่หรูหรา
  • Sans Serif: แบบอักษร Sans Serif มีรูปลักษณ์ที่สะอาดตาและตรงไปตรงมา ทำให้เหมาะสำหรับทั้งส่วนหัวและข้อความเนื้อหา
  • สคริปต์: แบบอักษรของสคริปต์มีรูปลักษณ์ที่สนุกสนานและเป็นตัวสะกด และควรใช้เท่าที่จำเป็นเพื่อหลีกเลี่ยงไม่ให้การออกแบบของคุณล้นหลาม
  • จอแสดงผล: แบบอักษรที่แสดงเป็นตัวหนาและดึงดูดความสนใจ ทำงานได้ดีกับส่วนหัว แต่ควรใช้เท่าที่จำเป็นและไม่ใช้เป็นข้อความเนื้อหา

เมื่อคุณได้เรียนรู้ถึงความสำคัญและประเภทของแบบอักษรแล้ว เรามาดูวิธีเปลี่ยนแบบอักษรใน WordPress กันดีกว่า

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

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

เราจะแสดงวิธีเปลี่ยนแบบอักษรของเว็บไซต์ WordPress ของคุณใน 5 วิธีง่ายๆ โดยใช้-

  1. เครื่องมือปรับแต่งธีม WordPress
  2. WordPress ตัวแก้ไขเว็บไซต์แบบเต็ม
  3. ปลั๊กอินแบบอักษร WordPress
  4. ตัวแก้ไขเนื้อหา WordPress
  5. ตัวแก้ไขบล็อก WordPress

ทีนี้เรามาดูรายละเอียดกันดีกว่า?

1. วิธีเปลี่ยนแบบอักษรในตัวปรับแต่งธีม WordPress

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

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

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

ในการเริ่มต้น คุณสามารถไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง จากแดชบอร์ด WordPress ของคุณ

นี่คือภาพหน้าจอของการปรับแต่งธีม Astra

นี่จะเป็นการเปิดตัวเครื่องมือปรับแต่งธีม WordPress

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

นี่คือภาพหน้าจอของธีม Astra Global

ในหน้าจอถัดไป คุณจะเห็นตัวเลือกต่างๆ เช่น 'การพิมพ์' 'สี' 'คอนเทนเนอร์' 'ปุ่ม' และอื่นๆ

คลิกที่ตัวเลือก 'การพิมพ์'

นี่คือภาพหน้าจอของ Astra Typography

คุณสามารถเลือกแบบอักษรอื่นได้จากที่นี่ในส่วน ' ค่าที่ตั้งล่วงหน้า '

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

วางเมาส์เหนือแบบอักษรที่ตั้งไว้ล่วงหน้าเพื่อดูชุดแบบอักษร ตัวอย่างเช่น คุณอาจเห็นคอมโบ ' Barlow Semi Condensed และ Roboto ' ในชุดค่าที่ตั้งล่วงหน้าเหล่านี้

นี่คือภาพหน้าจอของการเปลี่ยนแบบอักษรใน Astra

นอกจากนี้ คุณยังสามารถเปลี่ยนแบบอักษรสำหรับแต่ละองค์ประกอบภายในธีมของคุณได้

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

ในการเริ่มต้น ให้เลือกแบบอักษรจากเมนูแบบเลื่อนลง 'ตระกูลแบบอักษร' สำหรับแต่ละองค์ประกอบ

นี่คือภาพหน้าจอของแบบอักษรพื้นฐานของ Astra

มีตัวเลือกเพิ่มเติมในการเปลี่ยนขนาดแบบอักษร น้ำหนัก เลือกรูปแบบ และอื่นๆ

เมื่อเสร็จแล้วอย่าลืมคลิกปุ่ม ' เผยแพร่ ' หรือ ' อัปเดต '

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

2. วิธีเปลี่ยนแบบอักษรใน WordPress Full Site Editor

เมื่อใช้ธีม WordPress แบบบล็อก เช่น Twenty Twenty-Three คุณสามารถใช้โปรแกรมแก้ไขไซต์แบบเต็ม (FSE) เพื่อเปลี่ยนแบบอักษรของไซต์ของคุณได้

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

สำหรับบทช่วยสอนนี้ เราจะใช้ธีม Twenty Twenty-Three

ในการเริ่มต้น คุณสามารถไปที่ Appearance » Editor จากแผงผู้ดูแลระบบ WordPress

นี่คือภาพหน้าจอของ Editor

นี่จะเป็นการเปิดตัวแก้ไขไซต์แบบเต็มสำหรับธีม WordPress ของคุณ

ถัดไป คุณสามารถคลิกไอคอน ' สไตล์ ' ที่มุมขวาบน จากนั้นคลิกที่ตัวเลือก ' การพิมพ์ '

นี่คือภาพหน้าจอของ Typography

หลังจากนั้น คุณสามารถเลือกองค์ประกอบต่างๆ เช่น ข้อความและลิงก์เพื่อเปลี่ยนการพิมพ์ได้

นี่คือภาพหน้าจอของตัวเลือกข้อความ

เราจะเลือก 'ข้อความ' เป็นองค์ประกอบ จากนั้นคลิกที่เมนูแบบเลื่อนลง 'FONT' เพื่อเปลี่ยนแบบอักษร

นี่คือภาพหน้าจอของการเลือกแบบอักษรของระบบ

เมื่อเสร็จแล้ว เพียงคลิกปุ่ม 'บันทึก'

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

3. วิธีเปลี่ยนแบบอักษร WordPress โดยใช้ปลั๊กอินแบบอักษร WordPress

อีกวิธีหนึ่งในการเปลี่ยนแบบอักษร WordPress คือการใช้ปลั๊กอินเช่น Fonts Plugin

ปลั๊กอินการพิมพ์ WordPress นี้ช่วยให้คุณเพิ่มแบบอักษร Google หลายพันรายการและรูปแบบแบบอักษรต่าง ๆ ให้กับเว็บไซต์ของคุณ

ขั้นแรก คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอินแบบอักษร

นี่คือภาพหน้าจอของการติดตั้งปลั๊กอินแบบอักษร

นี่จะเป็นการเปิดตัวเลือกการปรับแต่งของปลั๊กอินในตัวปรับแต่งธีมของคุณ

ในหน้านี้ คลิกเมนู 'การตั้งค่าพื้นฐาน'

นี่คือภาพหน้าจอของการตั้งค่าพื้นฐานของปลั๊กอินแบบอักษร

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

นี่คือภาพหน้าจอของการเปลี่ยนแบบอักษรโดยใช้ปลั๊กอินแบบอักษร

เมื่อเสร็จแล้วอย่าลืมคลิกปุ่ม ' เผยแพร่ ' จากนั้นปลั๊กอินแบบอักษรจะอัปเดตการเปลี่ยนแปลง

4. วิธีปรับแต่งลักษณะแบบอักษรในโปรแกรมแก้ไขเนื้อหา WordPress

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

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

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

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

ในแผงการตั้งค่าทางด้านขวาของคุณ ให้ไปที่ส่วน ' การพิมพ์ ' คลิกจุดสามจุดถัดจาก ' Typography ' และเลือก ' Appearance ' จากเมนูแบบเลื่อนลง

นี่คือภาพหน้าจอของรูปลักษณ์ภายนอก

เมื่อคุณทำเช่นนั้น การตั้งค่า ' ลักษณะที่ปรากฏ ' จะปรากฏขึ้น คลิกเมนูแบบเลื่อนลงเพื่อเลือกสไตล์สำหรับแบบอักษรของคุณ คุณสามารถเลือกตัวเลือกต่างๆ เช่น ตัวหนา บาง ตัวเอียง สีดำ ตัวเอียงตัวหนา ตัวหนาพิเศษ และอื่นๆ

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

นี่คือภาพหน้าจอของตัวเลือกลักษณะที่ปรากฏสำหรับการเปลี่ยนแบบอักษร

อย่าลืมอัปเดตหรือเผยแพร่เพจของคุณเมื่อดำเนินการเสร็จแล้ว

5. วิธีเปลี่ยนแบบอักษร WordPress ด้วย Block Editor

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

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

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

นี่คือภาพหน้าจอของโปรแกรมแก้ไขบล็อก

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

อัปเดตแบบอักษรของคุณเพื่อทำให้เว็บไซต์ WordPress ของคุณใช้งานง่ายยิ่งขึ้น!

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

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

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

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

สมัครสมาชิกบล็อก weDevs

เราส่งจดหมายข่าวรายสัปดาห์ ไม่มีสแปมแน่นอน