วิธีเน้นข้อความใน WordPress (คู่มือสำหรับผู้เริ่มต้น)

เผยแพร่แล้ว: 2023-06-01


คุณกำลังมองหาวิธีเน้นข้อความในโพสต์หรือหน้า WordPress หรือไม่?

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

ในบทความนี้ เราจะแสดงวิธีเน้นข้อความใน WordPress อย่างง่ายดาย

การเพิ่มสีเน้นข้อความใน WordPress

ทำไมและเมื่อใดจึงควรเน้นข้อความใน WordPress

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

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

ต่อไปนี้คือตัวอย่างลักษณะการเน้นข้อความในบล็อกโพสต์

ดูตัวอย่างสำหรับการเน้นข้อความในตัวแก้ไขบล็อก

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

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

ดังที่กล่าวไว้ เรามาดูวิธีการเน้นข้อความใน WordPress อย่างง่ายดาย คุณสามารถใช้ลิงค์ด่วนด้านล่างเพื่อข้ามไปยังวิธีที่คุณต้องการใช้:

  • วิธีที่ 1: เน้นข้อความใน WordPress โดยใช้ Block Editor
  • วิธีที่ 2: เน้นข้อความใน WordPress โดยใช้ WPCode (แนะนำ)

วิธีที่ 1: เน้นข้อความใน WordPress โดยใช้ Block Editor

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

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

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

นี่จะเป็นการเปิดเมนูแบบเลื่อนลงซึ่งคุณต้องเลือกตัวเลือก 'ไฮไลท์' จากรายการ

ขยายเมนูแบบเลื่อนลงเพิ่มเติมจากแถบเครื่องมือบล็อกและเลือกตัวเลือกไฮไลท์

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

หลังจากนั้น คุณสามารถเลือกสีไฮไลท์เริ่มต้นจากตัวเลือกที่กำหนด

คุณยังสามารถเลือกสีที่กำหนดเองเพื่อเน้นข้อความได้โดยคลิกที่ตัวเลือก 'กำหนดเอง' เพื่อเปิดใช้เครื่องมือ 'Eyedropper'

เลือกสีไฮไลท์จากเครื่องมือเลือกสี

สุดท้าย อย่าลืมคลิกปุ่ม 'เผยแพร่' หรือ 'อัปเดต' เพื่อบันทึกการเปลี่ยนแปลงของคุณ

ตอนนี้คุณสามารถเยี่ยมชมเว็บไซต์ของคุณเพื่อดูข้อความที่เน้นการทำงาน

ดูตัวอย่างสำหรับการเน้นข้อความในตัวแก้ไขบล็อก

วิธีที่ 2: เน้นข้อความใน WordPress โดยใช้ WPCode (แนะนำ)

หากคุณต้องการใช้สีเฉพาะเพื่อเน้นข้อความทั่วทั้งเว็บไซต์ WordPress อย่างสม่ำเสมอ วิธีนี้เหมาะสำหรับคุณ

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

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

สร้างข้อมูลโค้ดด้วย WPCode

ก่อนอื่น คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน WPCode ฟรี สำหรับคำแนะนำเพิ่มเติม โปรดดูคู่มือสำหรับผู้เริ่มต้นของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งานแล้ว ให้ตรงไปที่หน้า Code Snippets » + Add Snippet จากแถบด้านข้างของผู้ดูแลระบบ WordPress

ถัดไป เพียงคลิกปุ่ม 'ใช้ตัวอย่างข้อมูล' ใต้ตัวเลือก 'เพิ่มรหัสที่กำหนดเองของคุณ (ตัวอย่างข้อมูลใหม่)'

เพิ่มข้อมูลโค้ดใหม่

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

หลังจากนั้น คุณต้องเลือกตัวเลือก 'CSS Snippet' จากเมนูแบบเลื่อนลง 'ประเภทโค้ด'

หมายเหตุ: ตัวเลือก 'CSS Snippet' มีเฉพาะใน WPCode เวอร์ชันพรีเมียมเท่านั้น หากคุณใช้เวอร์ชันฟรี คุณจะต้องเลือกตัวเลือก 'Universal Snippet' แทน

CSS Snippet เป็นประเภทโค้ดสำหรับเน้นข้อความใน WordPress

จากนั้นคลิกภายในช่อง 'แสดงตัวอย่างโค้ด'

จากนั้น คุณต้องคัดลอกและวางรหัสต่อไปนี้:

mark 
background-color: #ffd4a1;

เมื่อคุณทำเสร็จแล้ว ให้เพิ่มโค้ดฐานสิบหกสำหรับสีไฮไลท์ที่คุณต้องการ ถัดจากเส้น background-color ในโค้ด

ในตัวอย่างของเรา เราใช้ #ffd4a1 ซึ่งเป็นสีน้ำตาลอ่อน

วางข้อมูลโค้ดเพื่อเน้นข้อความใน WordPress

หลังจากนั้น ให้เลื่อนลงไปที่ส่วน 'การแทรก'

จากที่นี่ ให้เลือกวิธี 'แทรกอัตโนมัติ' เพื่อรันโค้ดโดยอัตโนมัติเมื่อเปิดใช้งาน

เลือกวิธีการแทรก

จากนั้นไปที่ด้านบนของหน้าและสลับสวิตช์ 'ไม่ใช้งาน' เป็น 'ใช้งาน'

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

บันทึกข้อมูลโค้ดเน้นข้อความ

เน้นข้อความในตัวแก้ไขบล็อก

เมื่อเปิดใช้งานตัวอย่าง CSS แล้ว เราจะต้องเพิ่มโค้ด HTML บางส่วนในตัวแก้ไขบล็อกเพื่อเน้นข้อความใน WordPress

ขั้นแรก เปิดโพสต์ที่มีอยู่หรือโพสต์ใหม่ในเครื่องมือแก้ไขบล็อก WordPress

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

เลือกตัวเลือกแก้ไขเป็น HTML จากเมนูแบบเลื่อนลงตัวเลือกในแถบเครื่องมือบล็อก

ตอนนี้คุณจะเห็นเนื้อหาบล็อกในรูปแบบ HTML

ที่นี่ เพียงห่อข้อความที่คุณต้องการเน้นภายในแท็ก <mark> </mark> ดังนี้:

<mark>highlighted-text</mark>

สิ่งนี้จะเน้นข้อความในสีฐานสิบหกที่คุณเลือกในข้อมูลโค้ด WPCode ของคุณ

หลังจากนั้น คลิกตัวเลือก 'แก้ไขภาพ' ในแถบเครื่องมือบล็อก เพื่อเปลี่ยนกลับไปใช้โปรแกรมแก้ไขภาพ

เขียนโค้ด HTML ทั้งสองด้านของข้อความที่คุณต้องการเน้น

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

ตอนนี้ คุณสามารถเยี่ยมชมเว็บไซต์ของคุณเพื่อดูข้อความที่เน้นการทำงาน

สาธิตการเน้นข้อความใน WordPress

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

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลช่อง YouTube ของเราสำหรับวิดีโอสอน WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook

โพสต์ วิธีเน้นข้อความใน WordPress (คู่มือสำหรับผู้เริ่มต้นใช้งาน) ปรากฏตัวครั้งแรกบน WPBeginner