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

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

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

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

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

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

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

2. เพิ่มประสบการณ์ผู้ใช้

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

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

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

4. การเพิ่ม SEO

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

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

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

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

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

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

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

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

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

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

2. ใช้ CSS

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

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

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

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

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

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

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

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

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

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

» เมื่อคุณอยู่ที่นี่ไปข้างหน้าและ วางคีย์ของคุณลงใน ฟิลด์ จากนั้นคุณเพียงแค่คลิก ที่คีย์ ยืนยัน

ถัดไปจะตรงไปที่ SeedProd »หน้า Landing Pages และคลิกที่ เพิ่มหน้า Landing Page ใหม่

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

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

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

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

ใน ชื่อหน้า พิมพ์ชื่อสำหรับหน้า

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

คลิกที่ ปุ่ม

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

อีกทางเลือกหนึ่งคือการลบบล็อกออกจากเทมเพลตฮีโร่

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

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

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

บทสรุป

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

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