จะเน้นข้อความใน WordPress ได้อย่างไร?

คุณกำลังดูวิธีเน้นข้อความในบทความหรือหน้า WordPress หรือไม่?

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

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

ทำไมจึงจำเป็น?

ทุกครั้งที่คุณเขียนเนื้อหา ตัวหนาหรือตัวเอียงอาจไม่เพียงพอ คุณไม่คิดอย่างนั้นเหรอ?

หากคุณสงสัยว่าข้อความที่ไฮไลต์มีลักษณะอย่างไร ดูที่เนื้อหาด้านล่างนี้:

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

วิธีเน้นข้อความใน WordPress โดยใช้ Gutenberg Blocks

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

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

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

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

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

วิธีเน้นข้อความใน WordPress โดยใช้แท็ก HTML

ยังสับสน จะเน้นข้อความใน WordPress ได้อย่างไร?

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

นี่คือส่วนหนึ่งของเนื้อหาที่เราสร้างขึ้นเพื่อแสดงไฮไลท์ในข้อความ

 นี่คือบรรทัด 1 

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

ตัวอย่างเช่น เราปิดข้อความนี้ด้วยแท็ก "mark" ดังที่แสดงด้านล่าง:

 <p><mark>นี่คือบรรทัดที่ 1</mark></p>

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

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

หากคุณต้องการเปลี่ยนสี คุณต้องเพิ่ม CSS ที่กำหนดเอง

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

คุณสามารถเปลี่ยนสีเป็นแท็กเครื่องหมายได้ดังแสดงด้านล่าง:

 เครื่องหมาย{

สีพื้นหลัง: #32cd32;

}

รักษาค่าสีฐานสิบหกที่คุณต้องการเพื่อใช้การเปลี่ยนแปลง เผยแพร่เพื่อบันทึกการเปลี่ยนแปลงเหล่านี้

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

หากคุณเปลี่ยนธีมในอนาคต การจัดรูปแบบนี้จะหายไป ดังนั้น คุณต้องป้อนโค้ดด้านบนอีกครั้งใน CSS เพิ่มเติมของธีมใหม่ของคุณ

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

เป็นไปได้ไหม?

แน่นอนว่าสามารถทำได้ วางโค้ดที่แสดงด้านล่างเมื่อคุณแก้ไขเป็น HTML ในกระบวนการด้านบน

 <span>Your_Text</span>

ขณะทำสิ่งนี้ ให้เก็บรหัสสีที่กำหนดเองและข้อความที่กำหนดเองไว้

ดังนั้น ขอแนะนำให้เปลี่ยนสีของแท็กเครื่องหมายเป็นสีที่คุณใช้เพื่อเน้นมากที่สุด การทำเช่นนี้จะช่วยให้คุณเน้นข้อความโดยการเพิ่มข้อความภายในแท็กเครื่องหมาย

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

บทสรุป

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

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

กระทู้ที่เกี่ยวข้อง

1. วิธีเปลี่ยนสีฟอนต์ใน WordPress
2. หน้า WordPress ถูกเก็บไว้ในฐานข้อมูลที่ไหน
3. วิธีเปลี่ยนสีพื้นหลังของหน้าเดียวใน WordPress