วิธีเพิ่มข้อความบนภาพใน WordPress (3 วิธี)

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

ในบทความนี้ เราได้พบวิธีง่ายๆ สามวิธีในการเพิ่มข้อความบนรูปภาพใน WordPress ไม่ว่าคุณจะชอบใช้ Block Editor, ปลั๊กอิน หรือโค้ดที่กำหนดเอง ลองดูสิ!

เหตุใดจึงสำคัญที่จะต้องเพิ่มข้อความบนภาพ

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

1. ดึงดูดความสนใจ

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

2. ปรับปรุงประสบการณ์ผู้ใช้

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

3. การปรับปรุงการเข้าถึง

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

4. การเพิ่มประสิทธิภาพ SEO

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

3 วิธีในการเพิ่มข้อความบนรูปภาพใน WordPress

1. ใช้ตัวแก้ไขบล็อก WordPress

ขั้นแรก ไปที่หน้า หรือโพสต์ที่คุณกำลังจะเพิ่มข้อความบนภาพ.

เลือก หน้าปก เพื่อเขียนข้อความบนภาพ

หลังจากนั้น จะเริ่มปรากฏบนหน้าจอของคุณ โดยแสดงภาพเริ่มต้น แต่คุณสามารถเปลี่ยนภาพได้ตามต้องการ.

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

มันจะมีลักษณะเช่นนี้ จากนั้นคุณสามารถเขียนข้อความทับรูปภาพตามที่คุณต้องการ.

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

สุดท้าย คลิกที่ปุ่มอัปเดต หรือหากคุณได้เพิ่มโพสต์หรือหน้าใหม่แล้ว ให้คลิกที่ปุ่มเผยแพร่

2. ใช้ CSS

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

ใน ฟิลด์คลาส CSS เพิ่มเติม เพิ่มคลาสที่กำหนดเองสำหรับบล็อกภาพ

บันทึกการเปลี่ยนแปลงและเผยแพร่หรืออัปเดตหน้าเพจหรือโพสต์

.custom-class { ตำแหน่ง: เกี่ยวข้อง; } .custom-class p { ตำแหน่ง: สัมบูรณ์; ด้านบน: 50%; ซ้าย: 50%; แปลง: แปล (-50%, -50%); ขนาดตัวอักษร: 24px; สี: #ffffff; เงาตัวอักษร: 2px 2px 2px #000000; } 

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

3. ใช้ปลั๊กอิน WordPress

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

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

เมื่อเสร็จแล้ว คัดลอก คีย์ในส่วน คีย์ใบอนุญาต

ตอนนี้คุณสามารถวางคีย์นี้ลงในพื้นที่ผู้ดูแลระบบ WordPress ของคุณได้โดยไปที่หน้า SeedProd » การตั้งค่า.

เมื่อคุณมาถึงที่นี่แล้ว ให้ดำเนินการ วางคีย์ของคุณลงในฟิลด์ License key จากนั้นคุณเพียงแค่ต้อง คลิกที่ Verify Key.

ต่อไป ไปที่ SeedProd » หน้า Landing Page และคลิกที่ เพิ่มหน้า Landing Page ใหม่.

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

อย่างไรก็ตาม หากคุณต้องการเริ่มต้นด้วยผืนผ้าใบเปล่า คลิกที่เทมเพลตเปล่า.

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

หากคุณพอใจกับเทมเพลตนี้แล้ว ให้คลิกที่ ปุ่มเลือกเทมเพลตนี้

ในช่อง ชื่อหน้า ให้พิมพ์ชื่อของหน้า

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

คลิกที่ ปุ่มบันทึกและเริ่มแก้ไขหน้า ปุ่มนี้จะเปิดเทมเพลตในตัวแก้ไขแบบลากและวางของ SeedProd

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

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

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

วิธีที่ง่ายที่สุดในการเพิ่มข้อความบนภาพคือการใช้ส่วนฮีโร่สำเร็จรูปของ SeedProd

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

คลิกที่แท็บส่วน ในเมนูด้านซ้ายมือ

จากนั้น คลิกที่ฮีโร่ เพื่อดูส่วนฮีโร่สำเร็จรูปทั้งหมดที่คุณสามารถเพิ่มลงในหน้าได้

หากต้องการเพิ่มส่วนฮีโร่นี้ในการออกแบบของคุณ ให้คลิกที่เลือกส่วนนี้.

คลิกที่ภาพสต็อกเพื่อเลือก หากคุณต้องการแทนที่สต็อกของเทมเพลตด้วยภาพของคุณเอง

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

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

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

คลิกเพื่อเลือกบล็อกข้อความ จากนั้นใน พื้นที่ข้อความ พิมพ์ข้อความที่คุณต้องการใช้

เทมเพลตฮีโร่บางส่วนของ SeedProd มีเนื้อหาเพิ่มเติม เช่น ปุ่มกระตุ้นให้ดำเนินการ

หากคุณต้องการเปลี่ยนเนื้อหานี้ คลิกเพื่อเลือกบล็อก จากนั้นทำการเปลี่ยนแปลงในเมนูด้านซ้ายมือของ SeedProd

อีกทางเลือกหนึ่งคือการลบบล็อกจากแม่แบบหลัก

การทำเช่นนี้ คลิกเพื่อเลือกบล็อก และจากนั้น คลิกที่ไอคอนถังขยะ.

หากคุณพอใจกับการออกแบบเพจของคุณแล้ว คลิกที่ปุ่มบันทึก

จากที่นี่ คุณสามารถเลือกเผยแพร่เพจหรือบันทึกเป็นเทมเพลตได้

สรุป

นั่นคือสามวิธีในการเพิ่มข้อความบนรูปภาพใน WordPress ง่ายใช่มั้ย? เลือกวิธีที่เหมาะสมกับระดับทักษะและความชอบในการออกแบบของคุณ

นอกจากนี้ จัดระเบียบ เพิ่มประสิทธิภาพ และจัดการไฟล์สื่อของคุณอย่างมืออาชีพด้วย WP Media Folder ถึงเวลาที่จะบอกลาไลบรารีที่ยุ่งเหยิง!