วิธีเปลี่ยนขนาดตัวอักษรใน WordPress: คู่มือฉบับย่อ

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

คำถามที่พบบ่อย

ทำไมคุณควรเปลี่ยนขนาดตัวอักษรใน WordPress?

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

ประโยชน์ของการเปลี่ยนขนาดตัวอักษรใน WordPress:

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

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

4 วิธีง่ายๆ ในการเปลี่ยนขนาดตัวอักษรใน WordPress

วิธีที่ 1: เปลี่ยนขนาดตัวอักษรใน WordPress โดยใช้ส่วนหัว

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

วิธีเพิ่มส่วนหัวในตัวแก้ไข WordPress Block เริ่มต้น

1. เปิดโพสต์/เพจใหม่หรือที่มีอยู่ในตัวแก้ไขบล็อก WordPress
2. คลิก ปุ่มเพิ่มบล็อก (+) ที่มุมซ้ายบนเพื่อเปิดเมนูบล็อก
3. ค้นหาและเพิ่ม บล็อก ส่วนหัว ลงในเพจหรือโพสต์ของคุณ
   
   
4. ตามค่าเริ่มต้น บล็อกจะถูกตั้งค่าเป็นหัวข้อ 2 ซึ่งเหมาะสำหรับหัวข้อย่อย ปรับขนาดส่วนหัวโดยคลิกที่เมนูแบบเลื่อนลง H2 เพื่อเลือกขนาดอื่น
   
   
5. บันทึกการเปลี่ยนแปลงของคุณโดยคลิก ปุ่มอัปเดต หรือ เผยแพร่

วิธีเพิ่มส่วนหัวในตัวแก้ไข Old Classic

1. หากใช้โปรแกรมแก้ไขแบบคลาสสิก ให้เริ่มต้นด้วยการเลือกข้อความที่คุณต้องการเปลี่ยนเป็นส่วนหัว
2. เปิด เมนูแบบเลื่อนลง ย่อหน้า จากแถบเครื่องมือ จากนั้นเลือกขนาดหัวข้อที่คุณต้องการ
   
   
3. โปรดทราบว่าตัวแก้ไขแบบคลาสสิกจะจำกัดการปรับแต่งไว้ที่ขนาดส่วนหัว และไม่รองรับการเปลี่ยนสีแบบอักษรหรือสไตล์โดยตรง
4. หากต้องการปรับแต่งองค์ประกอบเหล่านี้ คุณจะต้องแก้ไขสไตล์ชีตของธีม (style.css)
5. สิ้นสุดการเปลี่ยนแปลงของคุณโดยคลิกอัปเด ต หรือ เผยแพร่

วิธีที่ 2: เปลี่ยนขนาดตัวอักษรใน WordPress โดยใช้โปรแกรมแก้ไขบล็อก Gutenberg

Gutenberg Editor เป็นส่วนเสริมล่าสุดของ WordPress ที่ปรับปรุงการแก้ไขโพสต์ที่มีสื่อหลากหลายโดยการผสานรวมกับ CMS ได้อย่างราบรื่น

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

หากต้องการปรับขนาดตัวอักษรในตัวแก้ไข Gutenberg ให้ทำตามขั้นตอนต่อไปนี้:

1. เปิดโพสต์ที่มีอยู่เพื่อแก้ไขหรือเริ่มโพสต์ใหม่
2. ใช้เมนูสามจุดเพื่อแสดง การตั้งค่า การพิมพ์ ที่ไม่แสดงตามค่าเริ่มต้น
3. เลื่อนเคอร์เซอร์ไปเหนือบล็อกที่คุณต้องการเปลี่ยน และเลือกขนาดแบบอักษรที่กำหนดไว้ล่วงหน้า: เล็ก กลาง ใหญ่ หรือใหญ่พิเศษ
   
   
4. หากต้องการกำหนดขนาดแบบอักษรเฉพาะ ให้พิมพ์ลงใน ช่อง ขนาดที่กำหนดเอง โดยเลือกจากหน่วย px, em หรือ rem

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

วิธีที่ 3: เปลี่ยนขนาดตัวอักษรใน WordPress โดยใช้ปลั๊กอิน

​​หาก คุณสนใจที่จะปรับขนาดตัวอักษรผ่านปลั๊กอิน คุณสามารถทำได้ดังนี้

1. ติดตั้ง และ เปิดใช้งานปลั๊กอินเครื่องมือตัวแก้ไขขั้นสูง โปรดดู คำแนะนำโดยละเอียดเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress ในคู่มือผู้เริ่มต้นใช้งาน ของเรา
   
   
2. เมื่อเปิดใช้งานปลั๊กอิน ให้ไปที่การตั้งค่า > เครื่องมือแก้ไขขั้นสูงในแถบด้านข้างผู้ดูแลระบบ WordPress
3. จากนั้น ย้ายตัวเลือกการจัดรูปแบบ เช่น ขนาดแบบอักษร ตระกูลแบบอักษร สำเนา ตัวห้อย อีโมติคอน ซอร์สโค้ด และอื่นๆ จาก ส่วนปุ่มที่ไม่ได้ใช้ ไปยัง บล็อก ย่อหน้าแบบคลาสสิก
4. เลื่อนไปที่ ส่วนตัว เลือก และเลือก ตัวเลือก ขนาดแบบอักษรเพื่อให้สามารถเข้าถึงขนาดแบบอักษรที่เลือกได้กว้างขึ้น
5. หากคุณกำลังใช้ตัวแก้ไขแบบคลาสสิก ให้สลับไปที่ แท็บตัวแก้ไขแบบคลาสสิก ที่ด้านบนของหน้า และทำซ้ำขั้นตอนที่จำเป็น
   
   
6. คลิก ปุ่มบันทึกการเปลี่ยนแปลง หลังจากทำการปรับเปลี่ยนของคุณ
7. หากต้องการดูการทำงานของปลั๊กอิน ให้เปิดหน้า/โพสต์ใหม่หรือที่มีอยู่จากแดชบอร์ด WordPress
8. คลิก ปุ่ม เพิ่มบล็อก (+) ที่มุมซ้ายบนของหน้าจอ ค้นหา บล็อก ย่อหน้าคลาสสิกในเมนูบล็อก และเพิ่มลงในหน้าของคุณ ตอนนี้ คุณสามารถใช้ตัวแก้ไขในรูปแบบตัวแก้ไขแบบคลาสสิกและแก้ไขแบบอักษร WordPress โดยใช้เครื่องมือที่มีอยู่
   
   
9. สุดท้าย คลิกอัปเดต หรือ เผยแพร่เพื่อบันทึกการตั้งค่าโพสต์หรือเพจของคุณ

ปลั๊กอินให้ความยืดหยุ่นและคุณสมบัติเพิ่มเติมสำหรับการกำหนดขนาดตัวอักษรเอง ตัวเลือกยอดนิยมอื่นๆ ได้แก่:

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

วิธีที่ 4: เปลี่ยนขนาดตัวอักษรใน WordPress โดยใช้ CSS

แม้ว่าวิธีการที่อธิบายไว้ข้างต้นนั้นเหมาะสำหรับผู้เริ่มต้น แต่แนวทางดั้งเดิมในการเปลี่ยนขนาดตัวอักษรใน WordPress นั้นเกี่ยวข้องกับการใช้ CSS ซึ่งอาจซับซ้อนกว่าเล็กน้อย

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

ต่อไปนี้เป็นวิธีเปลี่ยนขนาดตัวอักษรโดยใช้ CSS:

1. เข้าถึงแดชบอร์ด WordPress ของคุณและไปที่ลักษณะที่ปรากฏ > ปรับแต่ง
2. ในเครื่องมือปรับแต่ง WordPress ให้เลือก ตัวเลือกCSS เพิ่มเติมที่นี่คุณสามารถป้อนโค้ด CSS ของคุณได้

นี่คือตัวอย่างโค้ด CSS ที่คุณสามารถเพิ่มได้:

• วิธีเปลี่ยนขนาดตัวอักษรสำหรับทั้งเว็บไซต์:

 เนื้อความ { ขนาดตัวอักษร: 1.25rem; -

• หากต้องการเปลี่ยนขนาดแบบอักษรของทุกย่อหน้า:

 p { ขนาดตัวอักษร: 25px; -

• วิธีปรับขนาดตัวอักษรสำหรับส่วนหัวเฉพาะ เช่น H2:

 h2 { ขนาดตัวอักษร: 2.5em; -

• วิธีแก้ไขขนาดแบบอักษรของรายการในแถบด้านข้าง:

 .sidebar li { ขนาดตัวอักษร: 12px; -

• หากต้องการปรับแต่งขนาดตัวอักษรในส่วนท้าย ให้ทำดังนี้

 .footer { ขนาดตัวอักษร: 150%; -

• วิธีตั้งค่าขนาดแบบอักษรที่แตกต่างกันสำหรับขนาดหน้าจอต่างๆ:

 html { ขนาดตัวอักษร: 18px; -

@media (ความกว้างขั้นต่ำ: 900px) {

html { ขนาดตัวอักษร: 20px; -

-

CSS อนุญาตให้ใช้หลายหน่วยเพื่อระบุขนาดตัวอักษร:

• Em (em): หน่วยที่ปรับขนาดได้ที่ใช้ในสื่อดิจิทัล หนึ่ง em เทียบเท่ากับขนาดตัวอักษรปัจจุบันในหน่วยพิกเซล
• พิกเซล (px): หน่วยขนาดคงที่ซึ่งเหมาะที่สุดในสื่อบนหน้าจอ หนึ่งพิกเซลเท่ากับหนึ่งจุดบนจอแสดงผลดิจิทัล
• จุด (pt): หน่วยนี้ใช้ในสื่อสิ่งพิมพ์เป็นหลัก และมีค่าเท่ากับ 1/72 นิ้ว
• เปอร์เซ็นต์ (%): ขนาดนี้สัมพันธ์กับองค์ประกอบโดยรอบ โดย 100% เป็นขนาดเริ่มต้น การปรับเปอร์เซ็นต์จะปรับขนาดตัวอักษรตามนั้น

บทสรุป

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