ขนาดรูปภาพของโมดูล และตัวอย่างการแสดงผลบนเว็บไซต์

1. หมวดหมู่คอร์สเรียน
2. ชื่อคอร์ส
3. ชื่อผู้สอน 
4. Progress Complete ตัวอย่าง 80% *Progress Complete คือ % ที่ผู้เรียนต้องเรียน จึงจะได้รับใบประกาศนียบัตร
5. วิดีโอตัวอย่าง (ถ้ามี)
6. ราคาคอร์ส /รูปแบบคอร์ส ตัวอย่าง 5,000 บาท ลดเหลือ 3,500 บาท / เรียนได้ 3 เดือน
7. โครงสร้างคอร์สเรียน
8. Tag title
9. Tag Description
10. รูปปกคอร์สเรียน (ขนาดรูปภาพตามโมดูล Course ที่ต้องการเลือกใช้)
11. รูปประกาศนียบัตร

1.  หัวข้อ (Section) คือ การสร้างชื่อหัวข้อเท่านั้น ไม่สามารถเพิ่มสื่อการสอนในหัวข้อได้
2.  บทเรียน (Lecture) คือ บทเรียนที่จะทำการเพิ่มสื่อการสอนเข้าไป สามารถเพิ่มสื่อการสอนได้หลากหลาย

   • ข้อความ  (Text Editor)

   • วิดีโอ  (.mp4 and .mov)

   • รูปภาพ , Quiz, Assignment

   • ไฟล์ (eg. docx, pptx, pdf)

ตัวอย่างโครงสร้างคอร์สเรียน

ตัวอย่างการแสดงผลหน้าเว็บไซต์

1. Background Color
2. Font Color 

1. Background Color
2. Font Color 
3. Background Color Two 
4. Font Color Two 

1. Background Color
2. Font Color 
3. Icon Color Theme White, Black

1. Background Color
2. Font Color 
3. Login Button Background Color
4. Login Button Font Color

1. Background Color
2. Font Color 

1. Background Color
2. Font Color 

1. Background Color
2. Upload file image ขนาด 1500px X 500px
3. Background Color on Responsive (ในหน้าจอขนาดล็กจะแสดงเป็นสีแทนรูปภาพ)

1. Background Color
2. Font Color
3. Background Color Two
4. Font Color Two

1. Background Color
2. Font Color

1. Background Color
2. Font Color
3. Background Color Two
4. Font Color Two
    

* Logo จะถูกนำมาแสดงผลอัตโนมัติ จากเมนู

1. Background Color
2. Font Color
3. Login Button Background Color
4. Login Button Font Color
5. Register Button Background Color
6. Register Button Font Color

* Logo จะถูกนำมาแสดงผลอัตโนมัติ จากเมนู

1. Background Color
2. Font Color 

1. Background Color
2. Font Color 

1. Background Color
2. Font Color
3. Icon color theme White , Black

1. Title เช่น บทความ
2. Ordering คือ การเรียงลำดับบทความ จะมีให้เรียง 3 แบบ เรียงจากใหม่ไปเก่า , เรียงจากเก่าไปใหม่ , และเรียงลำดับเอง
3. Choose content from เป็นการเลือกว่าจะแสดงตามหมวดหมู่ หรือ แสดงตามรายการที่เลือก (หากเป็นหมวดหมู่จะไม่สามารถเรียงลำดับเองได้)
4. Background Color
5. Font Color
6. Copyright Background Color
7. Copyright Font Color

1. Google Map Embed link
2. Background Color 
3. Font Color
4. Copyright Background Color
5. Copyright Font Color

1. Title เช่น รีวิว
2. Ordering คือ การเรียงลำดับบทความ จะมีให้เรียง 3 แบบ เรียงจากใหม่ไปเก่า , เรียงจากเก่าไปใหม่ , และเรียงลำดับเอง
3. Choose content from เป็นการเลือกว่าจะแสดงตามหมวดหมู่ หรือ แสดงตามรายการที่เลือก (หากเป็นหมวดหมู่จะไม่สามารถเรียงลำดับเองได้)
4. Background Color
5. Font Color
6. Contact us Background Color
7. Contact us Font Color
8. Copyright Background Color
9. Copyright Font Color

1. Background Color
2. Font Color

ขนาดรูปภาพบนหน้าจอคอม แนะนำ 1920 X 640 px 

ขนาดรูปภาพบนหน้าจอมือถือ แนะนำ 1024 X 800 px 

*ควรทำรูปภาพไว้ทั้ง 2 ขนาดเพื่อให้แต่ละหน้าจอสามารถแสดงผลได้พอดี

การตั้งค่าโมดูล

1. อัพโหลดได้สูงสุด 10 รูปภาพ
2. การแสดงผลเต็มหน้าจอ
3. สามารถอัพโหลดรูปภาพ สำหรับแสดงบนหน้าจอมือถือได้
4. สามารถใส่ Link ของแต่ละสไลด์ได้

ขนาดรูปภาพบนหน้าจอคอม แนะนำ 1920 X 640 px 

ขนาดรูปภาพบนหน้าจอมือถือ แนะนำ 1024 X 800 px 

*ควรทำรูปภาพไว้ทั้ง 2 ขนาดเพื่อให้แต่ละหน้าจอสามารถแสดงผลได้พอดี

การตั้งค่าโมดูล

1.  อัพโหลดได้สูงสุด  10 รูปภาพ
2. อัพโหลดรูปภาพสำหรับแสดงผลบนหน้าจอมือถือได้
3. การแสดงผลจะไม่เต็มหน้าจอ จะมีระยะห่างซ้าย และ ขวา 
4. Background สามารถเลือกเป็นกำหนดสี หรือ ใส่เป็นภาพได้ 
5. ลูกศร < > สามารถกำหนดสีได้
6. สามารถใส่ Link ของแต่ละสไลด์ได้

ขนาดรูปภาพ แนะนำ 500 X 300 px 

การตั้งค่าโมดูล

1.  อัพโหลดได้สูงสุด  10 รูปภาพ ‘ควรอัพอย่างน้อย 5 ภาพ*
2. การแสดงผลจะเป็นภาพ 2 แถว เลื่อนพร้อมกัน
3. สามารถกำหนดข้อความที่จะแสดงได้
4. สามารถกำหนดสี และ Link ของปุ่มได้
5. เลือกสีของ Background ได้

*การแสดงผลเปลี่ยนแปลงไปตามขนาดหน้าจอ

1. เมื่ออัพโหลด 1 รูป โมดูลจะแสดงรูปภาพขนาด 100% และเมื่อมีการอัพโหลดเพิ่ม 2 – 4 รูป รูปภาพจะถูกย่อขนาด โดยการเฉลี่ยแสดงผลให้เป็น 100%  (สูงสุด 10 ภาพ)
2. หากอัพโหลดรูปภาพเกิน 4 รูป รูปที่ 5 เป็นต้นไปโมดูลจะแสดงโดยการสไลด์รูปภาพไปเรื่อย ๆ
3. ไม่สามารถตั้งค่าสี Background ได้ 

* การแสดงผลปลี่ยนแปลงไปตามขนาดหน้าจอ

ขนาดรูปภาพแนะนำ 1500 X 200 px 

รายละเอียดการแสดงผล

1. ใส่ได้ 1 รูปภาพ
2. รูปภาพจะมีระยะขอบว่าง 2 ข้างซ้าย ขวา บน ล่าง (ไม่แสดงเต็มหน้าจอ หากต้องการให้แสดงเต็มหน้าจอใช้เป็น Banner 04)
3. ไม่สามารถตั้งค่าสีพื้นหลังได้

*แนะนำให้ใช้สำหรับการทำโฆษณา เช่น คูปอง

* การแสดงผลเปลี่ยนแปลงไปตามขนาดหน้าจอ

1. เมื่ออัพโหลด 1 รูป โมดูลจะแสดงรูปภาพขนาด 100% และเมื่อมีการอัพโหลดเพิ่ม 2 – 3 รูป รูปภาพจะถูกย่อขนาด โดยการเฉลี่ยแสดงผลให้เป็น 100%  (สูงสุด 10 ภาพ)
2. หากอัพโหลดรูปภาพเกิน 3 รูป รูปที่ 4 เป็นต้นไปโมดูลจะแสดงโดยการสไลด์รูปภาพไปเรื่อย ๆ
3. สามารใส่ Link ของแต่ละสไลด์ได้
4. ไม่สามารถเลือกสี Background ได้

* การแสดงผลเปลี่ยนแปลงตามขนาดหน้าจอ

ขนาดรูปภาพแนะนำ 1920 X 900 px 

รายละเอียดการแสดงผล

1. อัพโหลด 1 รูปภาพ
2. การแสดงผลเต็มหน้าจอ
3. สามารถเพิ่ม ปรับแต่งข้อความได้ (กล่อง Text)
4. สามารถใส่ Link ได้

*การแสดงผลเปลี่ยนแปลงไปตามขนาดหน้าจอ

ขนาดรูปภาพแนะนำ 1920 X 900 px 

รายละเอียดการแสดงผล

1. อัพโหลด 1 รูปภาพ
2. Video Link นำลิ้งค์ของวิดีโอ ในเมนูวิดีโอมาใส่ จะทำให้เมื่อเลื่อนเมาส์ไปชี้วิดีโอจะแสดงผล แต่หากไม่ใส่วิดีโอจะแสดงเพียงรูปภาพเท่านั้น
3. Title เช่น Popular Course
4. Title color 
5. Title content เช่น New
6. Title content color
7. Background title content color
8. Sub title content (กล่อง Text)
9. Line section color
10. Description (กล่อง Text)
11. Text button
12. Image Icon link รูปภาพ icon
13. Background Color
14. Button text color
15. Button background color
16. Banner Link

*การแสดงผลเปลี่ยนแปลงไปตามขนาดหน้าจอ

ข้อมูลที่นำมาแสดงผล จะมาจากการกรอก ข้อมูลติดต่อ

ที่เมนู ตกแต่งเว็บไซต์ > ข้อมูลติดต่อ

ขนาดรูปภาพแนะนำ 1900 X 650 px 

รายละเอียดการแสดงผล

1. อัพโหลดได้  1 รูป
2. การแสดงผลเต็มหน้าจอ
3. สามารถปรับข้อความการแสดงผลได้ 

การแสดงผลจะเหมือนกับ Contact us 01 แต่ข้อมูลติดต่อจะสามารถทำการกรอกใหม่ได้

1. Facebook
2. Line
3. Instagram
4. Tiktok
5. YouTube

ขนาดรูปภาพแนะนำ 960 X 690 px 

รายละเอียดการแสดงผล

1. อัพโหลดได้  1 รูป
2. สามารถปรับข้อความการแสดงผลได้ 
3. เมื่อมีผู้สนใจกรอกข้อมูล ข้อมูลจะไปแสดงที่เมนู ผู้ติดตาม ในระบบหลังบ้าน

ขนาดรูปภาพ ของแต่ละขั้นตอน 1200 X 600 px

ขนาดรูปภาพ Background 1900 X 1000px (เฉพาะถ้าต้องการใส่ การแสดงผลรูปภาพพื้นหลัง จะแตกต่างกันไปแต่ละหน้าจอ)

การตั้งค่าโมดูล

1. สามารถอัพโหลดได้  1 รูป ต่อ 1 ขั้นตอน
2. วิธีการนำรูปมาใช้จะต้องไปทำการอัพโหลดในเมนู Media > Image  เมื่ออัพโหลดรูปภาพเรียบร้อยแล้วคัดลอก URL มาใส่ช่อง Image Link ภายในโมดูล
3. Title
4. Description
5. Title Color
6. Description Color
7. Background Image
8. Name , Description, Image Link

* แนะนำให้เพิ่ม 3 – 4 ขั้นตอน 

ตัวอย่างการแสดงผล (การแสดงผลแตกต่างกันไปแต่ละหน้าจอ)

ขนาดรูปภาพ ของแต่ละขั้นตอน 460 X 600 px

ขนาดรูปภาพ Background 1900 X 1000px (เฉพาะถ้าต้องการใส่ การแสดงผลรูปภาพพื้นหลัง จะแตกต่างกันไปแต่ละหน้าจอ)

การตั้งค่าโมดูล

1. สามารถอัพโหลดได้  1 รูป ต่อ 1 ขั้นตอน
2. วิธีการนำรูปมาใช้จะต้องไปทำการอัพโหลดในเมนู Media > Image  เมื่ออัพโหลดรูปภาพเรียบร้อยแล้วคัดลอก URL มาใส่ช่อง Image Link ภายในโมดูล
3. Title
4. Description
5. Title Color
6. Description Color
7. Background Image
8. Name , Description, Image Link

* แนะนำให้เพิ่ม 3 – 4 ขั้นตอน 

ตัวอย่างการแสดงผล (การแสดงผลแตกต่างกันไปแต่ละหน้าจอ)

ตัวอย่างรูปภาพ ขนาด 1200 x 628 px

ตัวอย่างรูปภาพ ขนาด 500 x 675 px

ขนาดรูปภาพแนะนำ 1200 X 628 px 

ขนาดรูปภาพ แนวตั้ง แนะนำ  500  X 675 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น Facebook 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างข่าวสาร ในเมนู Content > article >  รายละเอียดบทความ ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title 
3. Ordering สามารถตั้งค่าการเรียงลำดับของบทความ
4. Box Shadow ตั้งค่าให้มีเงา
5. Column In Mobile การแสดงผลบนมือถือ สามารถตั้งให้แสดงเป็น 1 หรือ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่บทความที่จะแสดง
7. Background Color
8. การแสดงผลจะแสดงบทความทั้งหมดที่เลือก ใน 1 หน้า ไม่จำกัดแถว

* ควรใช้รูปภาพขนาดเดียวกันทุกบทความ

ขนาดรูปภาพแนะนำ 1200 X 628 px 

ขนาดรูปภาพ แนวตั้ง แนะนำ  500  X 675 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น Facebook 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างข่าวสาร ในเมนู Content > article >  รายละเอียดบทความ ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title 
3. Ordering สามารถตั้งค่าการเรียงลำดับของบทความ
4. Box Shadow ตั้งค่าให้มีเงา
5. Column In Mobile การแสดงผลบนมือถือ สามารถตั้งให้แสดงเป็น 1 หรือ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่บทความที่จะแสดง
7. Background Color
8. การแสดงผลจะแสดงบทความทั้งหมดที่เลือก ใน 1 หน้า ไม่จำกัดแถว แสดงผลแค่ภาพบทความเท่านั้น

* ควรใช้รูปภาพขนาดเดียวกันทุกบทความ

ขนาดรูปภาพแนะนำ 1200 X 628 px 

ขนาดรูปภาพ แนวตั้ง แนะนำ  500  X 675 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น Facebook 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างข่าวสาร ในเมนู Content > article >  รายละเอียดบทความ ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title 
3. Ordering สามารถตั้งค่าการเรียงลำดับของบทความ
4. Box Shadow ตั้งค่าให้มีเงา
5. Column In Mobile การแสดงผลบนมือถือ สามารถตั้งให้แสดงเป็น 1 หรือ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่บทความที่จะแสดง
7. Background Color
8. การแสดงผล 1 หน้า จะแสดง 6 บทความ หากเกิน 6 บทความจะแสดงเป็นหน้า 2 , 3 ตามลำดับ

* ควรใช้รูปภาพขนาดเดียวกันทุกบทความ

ขนาดรูปภาพแนะนำ 1200 X 628 px 

ขนาดรูปภาพ แนวตั้ง แนะนำ  500  X 675 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น Facebook 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างข่าวสาร ในเมนู Content > article >  รายละเอียดบทความ ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title 
3. Ordering สามารถตั้งค่าการเรียงลำดับของบทความ
4. Box Shadow ตั้งค่าให้มีเงา
5. Column In Mobile การแสดงผลบนมือถือ สามารถตั้งให้แสดงเป็น 1 หรือ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่บทความที่จะแสดง
7. Background Color
8. การแสดงผล 1 หน้า จะแสดง 4  บทความ (1 แถว)  และกดลูกศร เพื่อเลื่อซ้าย/ขวา ได้ (การแสดงผลขึ้นอยู่กับแต่ละขนาดหน้าจอ)

* ควรใช้รูปภาพขนาดเดียวกันทุกบทความ

ขนาดรูปภาพแนะนำ 1200 X 628 px 

ขนาดรูปภาพ แนวตั้ง แนะนำ  500  X 675 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น Facebook 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างข่าวสาร ในเมนู Content > article >  รายละเอียดบทความ ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title 
3. Background Image ขนาด  1900 X 1200px (การแสดงผลภาพพื้นหลังต่างไปตามขนาดแต่ละหน้าจอ)
4. การแสดงผล จะแสดงบทความทั้งหมด โดยสามารถเลือกดูตามหมวดหมู่ได้

* ควรใช้รูปภาพขนาดเดียวกันทุกบทความ

ขนาดรูปภาพแนะนำ 500 X 300 px 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Marketing  > Promotion >  รายละเอียด Promotion ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับ
4. Box Shadow เปิดให้แสดงเงา
5. Column In Mobile การแสดงผลบนมือถือ สามารถตั้งได้ 1 และ 2 คอลัมน์
6. การแสดงผล 1 หน้า แสดง 8 โปรโมชั่น หากมากกว่า 8 จะสามารถกดหน้าที่ 2, 3 ได้ตามลำดับ 

* ควรใช้ขนาดเดียวกันทุกโปรโมชั่น

ขนาดรูปภาพแนะนำ 500 X 300 px 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Marketing  > Promotion >  รายละเอียด Promotion ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับ
4. Box Shadow เปิดให้แสดงเงา
5. Column In Mobile การแสดงผลบนมือถือ สามารถตั้งได้ 1 และ 2 คอลัมน์
6. การแสดงผล 1 หน้า แสดง 4 โปรโมชั่น หากมากกว่า 4 จะเป็นสไลด์ และเลื่อนซ้าย-ขวา ได้ 

* ควรใช้ขนาดเดียวกันทุกโปรโมชั่น

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์สทั้งหมดที่เลือกใน 1 หน้า ไม่จำกัดแถว

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับคอร์สเรียน
4. Box Shadow เปิดการแสดงผลเงา
5. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่คอร์สเรียน
7. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์สทั้งหมดที่เลือกใน 1 หน้า ไม่จำกัดแถว แสดงแค่รูปปกคอร์สเท่านั้น

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับคอร์สเรียน
4. Box Shadow เปิดการแสดงผลเงา
5. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่คอร์สเรียน
7. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์สทั้งหมดที่เลือกใน 1 หน้า ไม่จำกัดแถว แสดงรูปปกคอร์ส ชื่อคอร์ส และ คำอธิบายอย่างย่อ เท่านั้น

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับคอร์สเรียน
4. Box Shadow เปิดการแสดงผลเงา
5. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่คอร์สเรียน
7. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์ส 3 คอร์ส หากมากกว่า 3 คอร์ส จะเป็นสไลด์ สามารถเลื่อนซ้าย-ขวา ได้

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับคอร์สเรียน
4. Box Shadow เปิดการแสดงผลเงา
5. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่คอร์สเรียน
7. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์ส 4 คอร์ส หากมากกว่า 4 คอร์สจะเป็นสไลด์เลื่อนซ้าย-ขวา ได้ (การ์ดสามารถพลิกได้)

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering การเรียงลำดับคอร์สเรียน
4. Box Shadow เปิดการแสดงผลเงา
5. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
6. Choose content from เลือกหมวดหมู่คอร์สเรียน
7. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์สทั้งหมดที่เลือก ไม่จำกัดแถว

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Sub Title
4. Ordering การเรียงลำดับคอร์สเรียน
5. Box Shadow เปิดการแสดงผลเงา
6. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
7. Choose content from เลือกหมวดหมู่คอร์สเรียน
8. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์ส 4 คอร์ส หากมากกว่า 4 จะแสดงเป็นสไลด์ เลื่อนซ้าย-ขวา ได้

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Sub Title
4. Ordering การเรียงลำดับคอร์สเรียน
5. Box Shadow เปิดการแสดงผลเงา
6. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
7. Choose content from เลือกหมวดหมู่คอร์สเรียน
8. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์ส 4 คอร์ส หากมากกว่า 4 จะแสดงเป็นสไลด์ เลื่อนซ้าย-ขวา ได้

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Sub Title
4. Ordering การเรียงลำดับคอร์สเรียน
5. Box Shadow เปิดการแสดงผลเงา
6. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
7. Choose content from เลือกหมวดหมู่คอร์สเรียน
8. Background Color ตั้งค่าสีพื้นหลัง

ขนาดรูปภาพแนะนำ 400 X 600 px 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์ส 5 คอร์ส หากมากกว่า 5 จะแสดงเป็นสไลด์ เลื่อนซ้าย-ขวา ได้

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Title Color
4. Text Link
5. Text Link Color
6. Ordering การเรียงลำดับคอร์สเรียน
7. Box Shadow เปิดการแสดงผลเงา
8. Column In Mobile ตั้งค่าการแสดงผลบนมือถือ สามารถตั้งเป็น 1 และ 2 คอลัมน์
9. Choose content from เลือกหมวดหมู่คอร์สเรียน
10. Slide Arrow color
11. Slide Arrow Background color
12. Slide Dot color
13. Course Name Color
14. Instructor nickname color
15. Instructor full name color
16. Button One Title
17. Button One Font Colo
18. Button One Background Color
     
19. Button Two Title
20. Button Two Font Color
21. Button Two Background Color
22. Background Color Card
23. Background Color สามารถเลือกเป็นสี หรือ ภาพ ได้ (ขนาดภาพพื้นหลัง ………..)

ขนาดรูปภาพแนะนำ 1200 X 628 px 

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* รูปภาพมาจากภาพผู้สอน 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์ส 1 คอร์ส แสดงเป็นสไลด์ เลื่อนซ้าย-ขวา 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู …………………… ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Title Color
4. Text Link
5. Text Link Color
6. Ordering
7. Box Shadow
8. Column In Mobile
9. Choose content from Item
10. Slide Arrow color
11. Slide Arrow Background color
12. Slide Dot color
13. Course Name Color
14. Course Description Color
15. Button One Title
16. Button One Font Color
17. Button One Background Color
18. Button Two Title
19. Button Two Font Color
20. Button Two Background Color
21. Background Color Card
22. Background Color สามารถเลือกเป็นสี หรือ อัพโหลดภาพ ได้ ขนาดภาพ ………….

ขนาดรูปภาพแนะนำ 1200 X 628 px

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* รูปภาพมาจากภาพผู้สอน 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดงคอร์สทั้งหมดที่เลือก ไม่จำกัดแถว

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering
4. Box Shadow
5. Column In Mobile
6. Choose content from
7. Background Color
8. Background Button
9. Background Font And border

ขนาดรูปภาพแนะนำ 1200 X 628 px

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

* รูปภาพมาจากภาพผู้สอน 

* ควรใช้ภาพขนาดเดียวกันทุกคอร์ส

* การแสดงผล จะแสดง 4 คอร์ส มากกว่า 4 จะแสดงเป็นสไลด์ เลื่อน ซ้าย-ขวา ได้

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Course > Course >  รายละเอียด Course ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering
4. Box Shadow
5. Column In Mobile
6. Choose content from
7. Background Color

ขนาดรูปภาพแนะนำ 300 X 400 px 

*ควรใช้ขนาดเดียวกันทั้งหมด

*การแสดงผลจะแสดงทั้งหมดที่เลือก ไม่จำกัดแถว การจัดเรียงแตกต่างไปตามขนาดหน้าจอ

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Review > รายละเอียด Review ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering
4. Box Shadow
5. Button View More
6. Column In Mobile
7. Choose content from
8. Background Color

ขนาดรูปภาพแนะนำ  300  X 400 px 

*ควรใช้ขนาดเดียวกันทั้งหมด

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

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Review > รายละเอียด Review ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering
4. Box Shadow
5. Button View More
6. Column In Mobile
7. Choose content from
8. Background Color

ขนาดรูปภาพแนะนำ  300  X 400 px 

*ควรใช้ขนาดเดียวกันทั้งหมด

*การแสดงผลแสดงผล 3 รีวิว หากมากกว่า 3 จะแสดงผลเป็นสไลด์ สามารถเลื่อนซ้าย-ขวา ได้ การจัดเรียงแตกต่างไปตามขนาดหน้าจอ

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Review > รายละเอียด Review ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Background Button Color
3. Font Color
4. Description Color
5. Title
6. Ordering
7. Box Shadow
8. Button View More
9. Column In Mobile
10. Choose content from
11. Background Color

ขนาดรูปภาพแนะนำ  300  X 400 px 

*ควรใช้ขนาดเดียวกันทั้งหมด

*การแสดงผลแสดงผล 4 รีวิว หากมากกว่า 4 จะแสดงผลเป็นสไลด์ สามารถเลื่อนซ้าย-ขวา ได้ และเนื้อหารีวิวจะแทรกอยู่ในภาพ  การจัดเรียงแตกต่างไปตามขนาดหน้าจอ

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Review > รายละเอียด Review ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Background Button Color
3. Font Color
4. Description Color
5. Title
6. Ordering
7. Box Shadow
8. Button View More
9. Column In Mobile
10. Choose content from
11. Background Color

สามารถอัพได้ทุกขนาด ขนาดรูปภาพแนะนำ  300  X 400 px  หรือ 1:1

*ควรใช้ขนาดเดียวกันทั้งหมด

*การแสดงผลแสดงผล 4 รีวิว หากมากกว่า 4 จะแสดงผลเป็นสไลด์ สามารถเลื่อนซ้าย-ขวา ได้ แสดงแค่รูปภาพ  การจัดเรียงแตกต่างไปตามขนาดหน้าจอ

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Review > รายละเอียด Review ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Ordering
4. Box Shadow
5. Button View More
6. Column In Mobile
7. Choose content from
8. Background Color

ขนาดรูปภาพแนะนำ 1:1

*การแสดงผล จะแสดงรูปภาพของ Gallery ที่เลือกไว้ทั้งหมด 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Gallery > รายละเอียด Gallery ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Box Shadow
4. Button View More
5. Column In Mobile
6. Choose content from

ขนาดรูปภาพแนะนำ  380  X 200 px 

* การแสดงผล จะแสดงเป็นสไลด์

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างข่าวสาร ในเมนู Content > Gallery > รายละเอียด Gallery ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Box Shadow
4. Button View More
5. Column In Mobile
6. Choose content from

ตัวอย่างการแสดงผลบนโมดูล

ขนาดรูปภาพแนะนำ 1:1

*การแสดงผล จะแสดงรูปภาพของ Gallery ที่เลือกไว้ทั้งหมด 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Gallery > รายละเอียด Gallery ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Box Shadow
4. Button View More
5. Column In Mobile
6. Choose content from
7. Description (กล่อง Text)

ขนาดรูปภาพแนะนำ 1:1

*การแสดงผล จะแสดงรูปภาพของ Gallery ที่เลือกไว้ทั้งหมด 

การตั้งค่าโมดูล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Content > Gallery > รายละเอียด Gallery ในแถบ Photo ระบบจะดึงรูปมาใช้โดยอัตโนมัติ
2. Title
3. Box Shadow
4. Button View More
5. Column In Mobile
6. Choose content from
7. Description (กล่อง Text)

ขนาดวิดีโอแนะนำ 1920 X 1020 px 

ขนาดไฟล์ไม่ควรเกิน 20 MB

*กรณีที่ต้องการอัพขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

รายละเอียดการแสดงผล

1. อัพโหลด 1 วิดีโอ การแสดงผลเต็มหน้าจอ
2. Background Color

ขนาดวิดีโอแนะนำ 1920 X 1020 px 

*ขนาดไฟล์ไม่ควรเกิน 20 MB

*กรณีที่ต้องการอัพขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

การตั้งค่าโมดูล

1. Video column
2. Background Color
3. Type สามารถเลือกเป็น
   1. System อัพโหลดวิดีโอ
   2. YouTube นำ ID มาใส่ ตัวอย่าง https://youtu.be/j6ErK008d_Y?si=ruVM7Kb0XtCDwvJI
4. Title
5. สามารถเพิ่มจำนวนได้ไม่จำกัดวิดีโอ แต่ไม่ควรเพิ่มเยอะเกินไปเนื่องจากจะทำให้หน้าเว็บโหลดช้าได้

ขนาดวิดีโอแนะนำ 1920 X 1020 px 

*ขนาดไฟล์ไม่ควรเกิน 20 MB

*กรณีที่ต้องการอัพขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

การตั้งค่าโมดูล

1. Title
2. Background Color
3. Upload File Image 800px X 1200px
4. Article Title
5. Article Description
6. Type สามารถเลือกเป็น
   1. System อัพโหลดวิดีโอในเมนูสื่อการสอน และ copy link มาวาง
   2. YouTube นำ ID มาใส่ ตัวอย่าง https://youtu.be/j6ErK008d_Y?si=ruVM7Kb0XtCDwvJI
7. Title ของวิดีโอ
8. Description ของวิดีโอ

ขนาดวิดีโอแนะนำ 1920 X 1020 px 

*ขนาดไฟล์ไม่ควรเกิน 20 MB

*กรณีที่ต้องการอัพขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

การตั้งค่าโมดูล

1. Title
2. Font Color
3. Background Color
4. Preview video อัพโหลดไฟล์ Preview
5. Main video อัพโหลดไฟล์ที่ยาว

ขนาดวิดีโอแนะนำ 1920 X 1020 px 

*ขนาดไฟล์ไม่ควรเกิน 20 MB

*กรณีที่ต้องการอัพขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

การตั้งค่าโมดูล

1. Title
2. Link
3. BackgroundColor
4. Type สามารถเลือกเป็น
   1. System อัพโหลดวิดีโอในเมนูสื่อการสอน และ copy link มาวาง
   2. YouTube นำ ID มาใส่ ตัวอย่าง https://youtu.be/j6ErK008d_Y?si=ruVM7Kb0XtCDwvJI
5. Title ของวิดีโอ
6. Url Image ของวิดีโอ ขนาดของรูปภาพ 1080 * 650 px อัพโหลดในเมนูสื่อการสอน > รูปภาพ และนำลิ้งค์มาวาง

ขนาดรูปภาพแนะนำ 1:1

* การแสดงผล ระบบจะดึงผู้สอนทั้งหมดมาแสดงผลอัตโนมัติ

การตั้งค่าโมดูล

1. อัพโหลดรูปภาพ ผู้สอน ใน บัญชีผู้ใช้ > ผู้สอน 
2. Title
3. Search Course
4. Search Course Category
5. Box Shadow
6. Background Image 1900px X 1600px *การแสดงผลภาพพื้นหลังแตกต่างกันไปตามแต่ละหน้าจอ

แนะนำใช้สำหรับ Section Q&A คำถามที่พบบ่อย

การตั้งค่าโมดูล

1. Box Shadow
2. Title Color
3. Question Color
4. Answer Color
    
5. กด Add เพื่อเพิ่มการแสดงผล 1 ชุด
6. Title 
7. Item name
8. Item link

สำหรับจัดเรียงหมวดหมู่คอร์สย่อย ได้เองตามความต้องการ

*การแสดงผลแตกต่างไปตามหนาดหน้าจอ

การตั้งค่าโมดูล

1. Title
2. Box Shadow
3. Column In Mobile
4. level 1 Name ตั้งชื่อหมวดหมูหลัก เช่น ภาษาอังกฤษ
5. level 2 Name ตั้งชื่อหมวดหมู่ย่อย เช่น ภาษาอังกฤษ ม.ปลาย
6. level 3 Name ตั้งชื่อหมวดหมู่ย่อย เช่น ม.6
7. Course List เลื่อกคอร์สเรียน ที่เป็น ภาษาอังกฤษ ม.6

ระบบดึงคอร์สมาแสดงผลอัตโนมัติ

*การแสดงผลแตกต่างไปตามหนาดหน้าจอ

การตั้งค่าโมดูล

1. Title
2. Column
3. Box Shadow
4. Column In Mobile

ระบบดึงคอร์สทั้งหมดมาแสดงผลอัตโนมัติ

*การแสดงผลสูงสุด 12 คอร์สใน 1 หน้า หากมากกว่า 12 คอร์ส จะเป็นหน้า 2,3 ตามลำดับ

* แสดงผลเป็น

การตั้งค่าโมดูล

1. Title
2. Sub Title
3. Column
4. Box Shadow
5. Column In Mobile
6. Font Color
7. Background Image ขนาด 820px X 312px *การแสดงผลเปลี่ยนแปลงไปตามขนาดหน้าจอ

ระบบดึงคอร์สทั้งหมดมาแสดงผลอัตโนมัติ

รูปปกคอร์สเรียน ขนาดแนะนำ 400 x 600 px (ภาพแนวตั้ง)

*การแสดงผลสูงสุด 12 คอร์สใน 1 หน้า หากมากกว่า 12 คอร์ส จะเป็นหน้า 2,3 ตามลำดับ

* แสดงผลเป็น

การตั้งค่าโมดูล

1. Title
2. Column
3. Button One Title
4. Button Two Title
5. Box Shadow
6. Column In Mobile
7. Course Name Color
8. Instructor nickname color
9. Instructor full name color
10. Button One Font Color
11. Button One Background Color
12. Button Two Font Color
13. Button Two Background Color

ระบบดึงคอร์สมาแสดงผลอัตโนมัติ

*การแสดงผลแตกต่างไปตามหนาดหน้าจอ การ์ดไม่พลิก

การตั้งค่าโมดูล

1. Title
2. Column
3. Box Shadow
4. Column In Mobile

แนะนำใช้สำหรับการแสดงหัวข้อ

การตั้งค่าโมดูล

1. Title 
2. Title Color
3. Description (กล่อง Text)
4. Background
   1. Background Image ขนาด 1900px X 200px *แสดงผลต่างไปตามหน้าจอ
   2. Background Color

แนะนำขนาดภาพ 1:1 หรือใช้เป็นไฟล์ Gif 

การตั้งค่าโมดูล

1. Column
2. Title One
3. Title One Color
4. title Two
5. Title Two Color
6. Description จะมีกล่องขึ้นตามจำนวนคอลัมน์
7. Background
   1. Background Image ขนาด 1900px X 500px *แสดงผลต่างไปตามหน้าจอ
   2. Background Color

แนะนำขนาดภาพ 1:1 หรือใช้เป็นไฟล์ Gif 

การตั้งค่าโมดูล

1. Column
2. Title One
3. Title One Color
4. title Two
5. Title Two Color
6. Description จะมีกล่องขึ้นตามจำนวนคอลัมน์
7. Description Background Color
8. Background
   1. Background Image ขนาด 1900px X 500px *แสดงผลต่างไปตามหน้าจอ
   2. Background Color

ขนาดรูปภาพแนะนำ 1500 X 670 px 

*กรณีที่ต้องการอัพรูปขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px หรือ 1920 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

การตั้งค่าโมดูล

1. อัพโหลด 1 รูปภาพ การแสดงผลเต็มหน้าจอ
2. Title One
3. titleOneColor
4. title Two
5. titleTwoColor
6. Link
7. Background
   1. Background Image ขนาด 1900px X 500px *แสดงผลต่างไปตามหน้าจอ
   2. Background Color

มีให้เลือก 3 ขนาด

การตั้งค่าโมดูล

1. Title
2. Link
3. Antd Icon ค้นหาไอคอนได้ที่ https://3x.ant.design/components/icon/ 
4. Font Color
5. Background Color
6. Size Button

การตั้งค่าโมดูล

1. Google Map Embed link
2. ไปยัง Google Map > แชร์ > ฝังแผนที่

ขนาดรูปภาพแนะนำ 1200 X 628 px  หรือ  400 x 400 px (1: 1 )

*ขนาด 1200 x 628 px  เป็นขนาดที่เหมาะสมที่สุดสำหรับการแชร์ไปยัง Social Media เช่น facebook 

รายละเอียดการแสดงผล

1. อัพโหลดในขั้นตอนการสร้างไปยังเมนู Product > Product >  รายละเอียดProduct ในแถบ Photo
2. ระบบจะดึงรูปมาใช้โดยอัตโนมัติ

ตัวอย่างรูปภาพ 1200 x 628 px

ตัวอย่างรูปภาพ 400 x 400 px

เฉพาะระบบ CodexLearn Private Class

ขนาดรูปภาพแนะนำ 1500 X 720 px 

*กรณีที่ต้องการอัพรูปขนาดอื่น ความกว้างจะแนะนำเป็น 1500 px หรือ 1920 px ในส่วนของความสูง สามารถกำหนดเองตามต้องการ

รายละเอียดการแสดงผล

1. สามารถอัพโหลดได้  1 รูป ต่อ 1 ขั้นตอน
2. วิธีการนำใช้จะต้องไปทำการอัพโหลดในเมนู Media > Image  เมื่ออัพโหลรูปภาพเรียบร้อยแล้วคัดลอก URL มาใส่ช่อง Link ภายในโมดูล

ตัวอย่างรูปภาพ

ตัวอย่างการแสดงผล