9 ปลั๊กอินตัวพิมพ์ที่ดีที่สุดสำหรับ WordPress

เผยแพร่แล้ว: 2021-06-26

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

1. ปลั๊กอินตัวสร้าง Divi

ปลั๊กอิน Divi

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

ปลั๊กอิน Divi

ค้นหาแบบอักษรในโมดูลใดๆ ที่มีข้อความและดูตัวอย่างแบบอักษรแต่ละแบบ แบบอักษรที่ใช้ล่าสุดจะอยู่ที่ด้านบนสุดจึงหาได้ง่าย

ปลั๊กอิน Divi

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

ปลั๊กอิน Divi

กำหนดสไตล์ให้เป็นสากลและขยายไปยังโมดูลอื่นๆ ด้วยการคลิกเพียงไม่กี่ครั้ง

คุณสมบัติที่สำคัญ :

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

ราคา : $89 ต่อปี, $249 ตลอดชีพ | ข้อมูลมากกว่านี้

2. ใช้แบบอักษรใดก็ได้

ใช้แบบอักษรใดก็ได้

Use Any Font เป็นปลั๊กอินสำหรับ WordPress ที่ช่วยให้คุณสามารถอัปโหลดแบบอักษรใหม่ได้

ใช้แบบอักษรใดก็ได้

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

ใช้แบบอักษรใดก็ได้

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

ใช้แบบอักษรใดก็ได้

กำหนดแบบอักษรให้กับองค์ประกอบใดก็ได้จากหน้าจอการตั้งค่า คุณยังสามารถเพิ่มองค์ประกอบแบบกำหนดเองได้

คุณสมบัติที่สำคัญ :

  • กำหนดแบบอักษรให้กับองค์ประกอบใด ๆ
  • กำหนดให้กับองค์ประกอบที่กำหนดเอง
  • อัปโหลดแบบอักษรใหม่
  • แบบอักษรที่กำหนดไว้ล่วงหน้าเกือบ 24,000 แบบ
  • รุ่น Pro เพิ่มการอัปโหลดแบบอักษรหลายแบบ

ราคา : ฟรี รุ่นโปร เริ่มต้นที่ $9.99 | ข้อมูลมากกว่านี้

3. เครื่องมือแก้ไขขั้นสูง

เครื่องมือแก้ไขขั้นสูง

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

เครื่องมือแก้ไขขั้นสูง

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

เครื่องมือแก้ไขขั้นสูง

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

คุณสมบัติที่สำคัญ :

  • เพิ่มตัวเลือกการพิมพ์ให้กับบรรณาธิการ Gutenberg และ Classic
  • ปรับแต่งแถบเครื่องมือ
  • ปรับสีข้อความ
  • เพิ่มบล็อกย่อหน้าไปที่ Gutenberg
  • แทนที่ตัวแก้ไขบล็อกด้วยตัวแก้ไขแบบคลาสสิก

ราคา : ฟรี | ข้อมูลมากกว่านี้

4. Google Fonts Typography

Google Fonts Typography

Google Fonts Typography เพิ่มเมนูใหม่ให้กับเครื่องมือปรับแต่งธีมด้วยการตั้งค่าพื้นฐานและขั้นสูง เลือกจากแบบอักษร Google 998 แบบและนำไปใช้กับองค์ประกอบเฉพาะในเว็บไซต์ของคุณ คุณดูตัวอย่างแบบอักษรได้ แล้วคุณจะรู้ว่าแบบอักษรนั้นเป็นอย่างไรก่อนเผยแพร่

Google Fonts Typography

เพิ่มเมนูใหม่ให้กับ Theme Customizer ซึ่งรวมถึงการตั้งค่าพื้นฐาน การตั้งค่าขั้นสูง การโหลดฟอนต์ และเครื่องมือแก้ไขจุดบกพร่อง

Google Fonts Typography

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

Google Fonts Typography

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

Google Fonts Typography

คุณยังสามารถเพิ่มแบบอักษร Adobe ได้หากคุณมีคีย์ API

คุณสมบัติที่สำคัญ :

  • ใช้ตัวปรับแต่งธีม
  • รวมการตั้งค่าพื้นฐานและขั้นสูง
  • ดูตัวอย่างก่อนเผยแพร่
  • เวอร์ชัน Pro เพิ่มขนาดและสีของแบบอักษร โฮสต์ในเครื่อง เพิ่มประสิทธิภาพการโหลด และอัปโหลดแบบอักษรที่กำหนดเอง
  • เพิ่มแบบอักษร Adobe

ราคา : ฟรี รุ่นโปร เริ่มต้นที่ $59 | ข้อมูลมากกว่านี้

5. Font Awesome

Font Awesome

Font Awesome ทำให้ง่ายต่อการเพิ่มไอคอนในเนื้อหาของคุณ คุณสามารถใช้ไอคอนฟรีหรือไอคอนโปร แล้วเลือกระหว่าง SVG หรือ Web Font สามารถโหลดไอคอนจาก CDN หรือชุดเว็บ ไอคอนจะถูกเพิ่มลงในเนื้อหาของคุณด้วยรหัสย่อหรือ HTML เวอร์ชันฟรีมีไอคอนมากกว่า 1,600 ไอคอน และคุณสามารถเพิ่มได้อีกมากในเวอร์ชันโปร

Font Awesome

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

Font Awesome

ตัวอย่างนี้แสดงไอคอน Font Awesome ที่เพิ่มลงในเนื้อหาของฉันด้วยรหัสย่อ

Font Awesome

ไอคอนที่ฉันเพิ่มตอนนี้ปรากฏในเนื้อหาที่ส่วนหน้า

คุณสมบัติที่สำคัญ :

  • เพิ่มไอคอน Font Awesome ด้วยรหัสย่อหรือ HTML
  • กว่า 1600 ไอคอนสำหรับเวอร์ชันฟรี
  • ใช้ SVG หรือชุดเว็บ
  • เลือก CDN หรือชุดอุปกรณ์
  • รุ่น Pro ประกอบด้วยไอคอนมากกว่า 7800 ไอคอน 4 สไตล์ ชุดอุปกรณ์สำหรับมืออาชีพ 20 ชุด ไอคอนที่อัปโหลด 250 รายการ และอื่นๆ

ราคา : ฟรี รุ่นโปรคือ $99 | ข้อมูลมากกว่านี้

6. สไตล์ไกด์

คู่มือสไตล์

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

คู่มือสไตล์

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

คุณสมบัติที่สำคัญ :

  • เพิ่มสไตล์ฟอนต์ลงในเครื่องมือปรับแต่งธีม
  • เลือกแบบอักษรสำหรับข้อความส่วนหัวและเนื้อหาอย่างอิสระ
  • โหมดมืด
  • เพิ่มแบบอักษรเพิ่มเติมด้วยรหัส
  • เพิ่มความเข้ากันได้ของธีมกับโค้ด

ราคา : ฟรี | ข้อมูลมากกว่านี้

7. ตัวแยกชื่อหน้า

ตัวแยกชื่อหน้า

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

ตัวแยกชื่อหน้า

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

ตัวแยกชื่อหน้า

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

ตัวแยกชื่อหน้า

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

คุณสมบัติที่สำคัญ :

  • สร้างเบรกพอยต์สำหรับชื่อเรื่อง
  • ทำงานร่วมกับตัวแก้ไขแบบคลาสสิก
  • ตั้งเครื่องหมายหลายอัน
  • ปรับเบรกพอยต์ด้วย CSS

ราคา : ฟรี | ข้อมูลมากกว่านี้

8. ชื่อรอง

ชื่อรอง

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

ชื่อรอง

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

ชื่อรอง

ฟิลด์ใหม่จะถูกเพิ่มเหนือชื่อซึ่งคุณสามารถป้อนชื่อรองได้

ชื่อรอง

ชื่อเรื่องจะแสดงตามตัวเลือกที่เลือกในหน้าจอการตั้งค่า นี่คือการตั้งค่าเริ่มต้น

คุณสมบัติที่สำคัญ :

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

ราคา : ฟรี | ข้อมูลมากกว่านี้

9. Zeno Font Resizer

ตัวปรับขนาดอักษร Zeno

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

ตัวปรับขนาดอักษร Zeno

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

ตัวปรับขนาดอักษร Zeno

ฉันได้เพิ่มตัวปรับขนาดในแถบด้านข้างโดยใช้วิดเจ็ต

คุณสมบัติที่สำคัญ :

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

ราคา : ฟรี | ข้อมูลมากกว่านี้

จบความคิด

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

เราต้องการได้ยินจากคุณ ปลั๊กอินตัวพิมพ์ที่คุณชื่นชอบสำหรับ WordPress คืออะไร?

ภาพเด่นผ่าน ANTSTUDIO / shutterstock.com