• SP Page Builder
• คู่มือJoomla
• Video
• ส่วนเสริมการใช้งาน

เขียนโดย M154

หมวด: Page Builder

เผยแพร่เมื่อ: 01 กรกฎาคม 2565

ฮิต: 293

การเพิ่มวิดิโอจากภายในและภายนอก 

1. ทำการเลือก addon ที่ชื่อว่า Video โดยเลือก Media >>  Video 
   
   

   

   
   
   
   
2. ส่วนของ Video สามารถระบุชื่อ Title และนำลิงค์วิดโอจาก Youtube แนบเข้าแสดงผลได้ หรือ จะอัปโหลดวิดิโอเพิ่มเข้าไปได้เช่นกัน 
   
   
   

   

   
   
   
   
3. กรณีที่ต้องการอัปโหลดวิดิโอเลือก Turn on MP4 Video เพื่อทำการตั้งค่า Video โดยสามารถอัพโหลดข้อมูล และ เลือกหน้าปกสำหรับวิดิโอนี้
   
   
   

   

   
   
   
   
4. ตรงส่วนนี้สามารถที่จะกำหนดให้วิดิโอวนซ้ำ ปิดเสียง หรือ ให้เล่นวิดิโออัตโนมัติได้  หลังจากนั้นกด Apply เพื่อบันทึกข้อมูล 
   
   
   

   

   
   
   
5. เมื่อกด Save Page  สามารถกด preview เพื่อดูตัวอย่างบนหน้าเว็บไซต์ได้
   
   
   

   

   
   
   
   
6. ตัวอย่างการแสดงผล Video บนหน้าเว็บไซต์โดยใช้ addon 

เขียนโดย M154

หมวด: Page Builder

เผยแพร่เมื่อ: 01 กรกฎาคม 2565

ฮิต: 293

การจัด 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 ตามที่กำหนดลักษณะดังนี้

เขียนโดย M154

หมวด: Page Builder

เผยแพร่เมื่อ: 01 กรกฎาคม 2565

ฮิต: 294

การเพิ่มรูปภาพด้วย Image 

1. สามารถเพิ่มรูปภาพได้ โดยเลือก Addon >> Media >> image 
   

   

   
   
   
   
2. กำหนดรายละเอียดข้อมูลให้ครบถ้วนของรูปภาพ แล้วกด Apply เพื่อบันทึก
   

   

   
   
   

    

    

   

    

   คำอธิบายรายละเอียดของ Image addon 
   

   1.Title	ระบุหัวข้อชื่อรูปภาพ
   2.Choose your image	อัปโหลดรูปภาพที่ต้องการ
   3.Alt text	ข้อความใต้ภาพ
   4.Image position	กำหนดตำแหน่งการวางของรูปภาพ
   5.Link	การกำหนดลิงค์เชื่อมโยงภายนอกหรือภายในเว็บไซต์

   
   
   
   
3. กด preview เพื่อดูตัวอย่างบนหน้าเว็บไซต์ได้  

เขียนโดย M154

หมวด: Page Builder

เผยแพร่เมื่อ: 01 กรกฎาคม 2565

ฮิต: 266

การเพิ่มข้อความด้วย Text Block

1.  สร้าง Row ตามที่ต้องการ ตัวอย่างนี้ ได้ทำการเลือก Row แบบ 2 คอลลัม
   
   

   

   
   
   
2.  เลือก Addon  >> Content >> Text block
   
   

   

   
   
   
   
3. กำหนดหัวข้อได้ที่ Title และ ข้อความรายละเอียดข้างใต้หัวข้อ บนส่วนของ Content
   
   

   

   
   
   
   
4. สามารถจัดการตัวอักษรได้ ตั้งแต่ ฟอร์ตตัวหนังสือ ขนาด ความหนา ความกว้างระยะห่างของตัวอักษร 
   
   

   

   
   
   
   
   

   รายละเอียดคำอธิบายของการปรับขนาด Font 

   1.Content alignment	กำหนดการจัดวางตัวอักษร
   2.Content font family	กำหนดรูปแบบของตัวอักษร
   3. Content font size	กำหนดขนาดของตัวอักษร
   4.Content line height	กำหนดความสูงของตัวอักษร
   5.Content fonts weight	กำหนดความกว้างของตัวอักษร

    

    
5. กด Apply เมื่อต้องการบันทึกข้อมูล 
   
   
   

   

   
   
   
   
6. กด Preview เพื่อแสดงตัวอย่างการจัดหน้า