การจัด layout รูปภาพด้วย Image Layout 

1. เพิ่ม Addon โดย Media >> Image Layout 
   
   

   

2. ระบุชื่อของ Title แล้วเลือกรูปแบบ  Layout ของรูปภาพ ตามลักษณะงานที่ต้องการ
   
   

   

   
   
   
   
3. สามารถที่จะอัปโหลดรูปภาพ และกำหนดชื่อ alt text สำหรับทำ SEO  
   
   

   
   

   
   
   
4. สามารถ กำหนด ลิงค์เชื่อมบนรูปภาพ และ ตั้งค่าให้ขึ้น New tab เมื่อกดที่รูปภาพหรือไม่
   
   

   

   
   
   
   
5. ส่วนนี้จะเป็นส่วนที่กำหนด ขนาด ตำแหน่ง ของตัว Layout รูปภาพ
   
   

   

   
   
   

   คำอธิบายรายละเอียดข้อมูลของการตั้งค่า Image layout

    

   1.Admin label
   2.Select image layout
   3.Choose your image
   4.Image desktop order
   5.Image Click link
   6. Open link in new tab
   7. Content order option
   8.Text Alignment
   9.Content Vectical Alignment
   10.Content options
   11.Text content
   12.Button

6. ส่วนของ Title เป็นกำหนดชื่อของของรูปภาพที่จะแสดงบนหน้าเว็บไซต์ สามารถปรับตำแหน่ง ขนาดรูปแบบฟอนด์ และสีของข้อความได้ 
   
   
   

   

   
   
   
7. Text content เป็นข้อความย่อที่จะปรากฏบน Layout สามารถกำหนดรูปแบบ ขนาด สีของข้อความได้
   
   

   

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

   

   
   
   
9. หลังจากระบุข้อมูลรายละเอียดครบถ้วนแล้ว กด Apply เพื่อบันทึกข้อมูล 
   
   

   

   
   
   
   
10. เมื่อกด Preview บนหน้าเว็บไซต์จะแสดง Layout ตามที่กำหนดลักษณะดังนี้