เนื้อหาของคอร์ส
WordPress Basic
เกี่ยวกับบทเรียน

การแก้ไขแบนเนอร์ของเว็บจะมีจุดสังเกตุหลักๆที่สามารถบอกให้รู้ว่า Banner ที่เราต้องการแก้ไข อยู่ใน block ไหน ยกตัวอย่างเช่น

หากเราต้องการแก้ไขรูป banner ในส่วนนี้

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

ให้เราทำการ login เข้าระบบหลังบ้าน

จากนั้นเมื่อ login แล้ว ให้เราทำการเปิดกลับไปที่หน้าเว็บหรือจะคลิกขวาเปิดที่มุมซ้ายบนก็ได้

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

พอเปิดกลับมาที่หน้าเว็บหลังจาก login ให้เราไปที่ส่วนที่เราต้องการแก้ไข จะสังเกตุได้ว่า เมื่อเราเคลื่อนไปชี้ที่ส่วนที่เราต้องการแก้ไข จะปรากฏ block popup เล็กๆขึ้นมาแบบนี้

จะเห็นได้ว่ามีชื่อ block รูปภาพนี้อยู่

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

ตัวอย่างเช่นเว็บนี้จะขึ้นชื่อ block ว่า  Edit Block: Bottom branner

เราจะรู้แล้วว่า รูป banner ที่เราต้องการแก้ไข จะอยู่ที่ block ชื่อ Bottom branner

จากนั้นให้เราไปที่ block

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

และทำการหา block ที่ชื่อ Bottom branner ให้เรากดเข้าไปเพื่อทำการแก้ไข

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

เมื่อเข้ามาแล้วจะปรากฏหน้าแบบนี้ ให้เราคลิกเข้าไปที่ UX Builder

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

เข้ามาแล้วจะแสดงผลลัพธ์ดังภาพ

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

ให้สังเกตุที่ด้านซ้ายมือ จะเห็นได้ว่าทางทีมมีการกลุ่มไว้แล้วว่า ภาพไหนสำหรับการแสดงผลในจอมือถือ หรือจอ PC

หากต้องการแก้ไข ให้ดับเบิลคลิกเข้าไปที่ Image ในกรุ๊ปที่ต้องการแก้ไข เช่น อยากจะเปลี่ยนภาพในส่วนของ PC ให้เลือก  Image ในกรุ๊ปของ For PC

เมื่อดับเบิลคลิกเข้ามาแล้วจะปรากฏข้อมูลที่ทางทีมได้อัพโหลดไว้ดังภาพ

จากนั้นให้ทำการคลิกที่ change media เมื่อต้องการเปลี่ยนรูป

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

และทำการอัพโหลดไฟล์จากเครื่องได้เลย

เมื่อเลือกรูปภาพที่ต้องการเปลี่ยนเรียบร้อยแล้ว ให้คลิกที่ปุ่ม apply เพื่อทำการบันทึกได้เลย

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

จากนั้นให้กดออกที่มุมซ้ายบน

เมื่อออกมาแล้ว ให้กด อัปเดต อีกเพื่อให้แน่ใจว่าทำการบันทึกเรียบร้อยแล้ว

ในการเปลี่ยนแปลงภาพ Banner ต่างๆในหน้าแรกของเว็บไซต์ สามารถทำได้ตามขั้นตอนนี้เหมือนกันทั้งหมด อาจจะมีบางจุดที่ banner มีมากกว่า 1 ภาพ เช่น

การเปลี่ยน Banner ในจุดต่างๆ ของเว็บ WordPress

ก็สามารถแก้ไขรูปภาพในแต่ละช่องได้เลย