วิธีแก้ไขปัญหาภาพทั่วไปใน WordPress?

เผยแพร่แล้ว: 2020-05-10

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

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

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

เริ่มต้นด้วยจุดเริ่มต้น หมายถึงวิธีการอัปโหลดภาพ:

1. อัพโหลดภาพ

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

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

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

2. จัดรูปภาพให้ชิดซ้ายหรือขวา

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

วิธีแก้ไขปัญหาทั่วไปเกี่ยวกับรูปภาพใน WordPress
  • ไปที่บล็อกแถบเครื่องมือ
  • คลิกปุ่มการจัดตำแหน่ง
  • เลือกการจัดตำแหน่งที่ต้องการ: ซ้าย ขวา หรือตรงกลาง

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

3.คำบรรยายใต้ภาพ

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

วิธีแก้ไขปัญหาทั่วไปเกี่ยวกับรูปภาพใน WordPress
  • อัพโหลดภาพ
  • คลิกที่ตัวเลือก “ เขียนคำบรรยายภาพ ” ใต้ภาพตัวอย่าง
  • เขียนชื่อหรือคำอธิบายสั้นๆ เป็นคำบรรยายสำหรับภาพนั้น

4. วิธีแสดงรูปภาพในคอลัมน์และแถว

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

วิธีแก้ไขปัญหาทั่วไปเกี่ยวกับรูปภาพใน WordPress

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

5. สร้างแกลเลอรีที่ตอบสนอง

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

6. ตั้งค่าคุณสมบัติรูปภาพ

หากคุณต้องการแก้ไขภาพขนาดย่อของโพสต์ที่หายไป คุณต้องตั้งค่าคุณลักษณะสำหรับบล็อกของคุณ โดยทำตามขั้นตอนต่อไปนี้:

  • เปิดแดชบอร์ดของคุณ
  • คลิกที่ “ Set Featured Image ” ที่แผงด้านขวา
  • อัปโหลดรูปภาพเด่น
วิธีแก้ไขปัญหาทั่วไปเกี่ยวกับรูปภาพใน WordPress

หลังจากทำเช่นนี้ คุณจะสามารถเห็นภาพขนาดย่อของโพสต์ในภาพเด่นได้

7. เพิ่มภาพหน้าปกสำหรับหน้าและบทความของ WordPress

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

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

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

8. แก้ไขรูปภาพเด่นสองครั้งที่ปรากฏ

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

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

9. ตั้งค่าขนาดของภาพ

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

  • ไปที่สื่อ
  • คลิกที่ปุ่ม “เพิ่มใหม่”
  • อัพโหลดภาพ
  • ไปที่ลิงก์แก้ไขที่แผงด้านขวา
  • คลิกที่ปุ่ม “ แก้ไขรูปภาพ
วิธีแก้ไขปัญหาทั่วไปเกี่ยวกับรูปภาพใน WordPress

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

10. รูปภาพส่วนหัวใน WordPress

รูปภาพส่วนหัวอยู่ภายใต้คุณลักษณะของธีม หมายความว่าคุณจะได้รูปภาพส่วนหัวที่มีธีมฟรีและพรีเมียมมากมาย ในหลายๆ ธีม บางธีมให้คุณตั้งค่ารูปภาพส่วนหัวสำหรับทั้งไซต์ และบางธีมให้คุณตั้งค่าได้เฉพาะรูปภาพส่วนหัวเท่านั้น หากคุณต้องการรูปภาพส่วนหัว คุณสามารถไปที่ ลักษณะที่ปรากฏ >> ปรับแต่ง > รูปภาพส่วนหัว

วิธีแก้ไขปัญหาทั่วไปเกี่ยวกับรูปภาพใน WordPress

บทสรุป

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

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

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