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

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

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

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

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

   • รูปภาพ , Quiz, Assignment

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

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

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

การแสดงผล : คอร์สเรียงเป็นเเนวตั้ง

– บนคอม แสดงผล แถวละ 4 คอร์ส

– บนมือถือ แสดงผล แถวละ 2 คอร์ส

การแสดงผล : คอร์สเรียงเป็น 1 แถว เป็นแบบสไลด์

– บนคอม แสดงผล แถวละ 4 คอร์ส และหากเลือกมากกว่า 4 จะเป็นสไลด์

– บนมือถือ แสดงผล แถวละ 1 คอร์ส และ จะเป็นแบบสไลด์

การแสดงผล : คอร์สเรียงเป็น 1 แถว เป็นแบบสไลด์

– บนคอม แสดงผล แถวละ 4 คอร์ส และหากเลือกมากกว่า 4 จะเป็นสไลด์

– บนมือถือ แสดงผล แถวละ 1 คอร์ส และ จะเป็นแบบสไลด์

การแสดงผล : คอร์สเรียงเป็นเเนวตั้ง

– บนคอม แสดงผล แถวละ 4 คอร์ส

– บนมือถือ แสดงผล แถวละ 2 คอร์ส

การแสดงผล : คอร์สเรียงเป็น 1 แถว เป็นแบบสไลด์

– บนคอม แสดงผล แถวละ 4 คอร์ส และหากเลือกมากกว่า 4 จะเป็นสไลด์

– บนมือถือ แสดงผล แถวละ 1 คอร์ส และ จะเป็นแบบสไลด์

การแสดงผล : คอร์สเรียงเป็น 1 แถว เป็นแบบสไลด์

– บนคอม แสดงผล แถวละ 4 คอร์ส และหากเลือกมากกว่า 4 จะเป็นสไลด์

– บนมือถือ แสดงผล แถวละ 1 คอร์ส และ จะเป็นแบบสไลด์

การแสดงผล : คอร์สเรียงเป็นเเนวตั้ง

– บนคอม แสดงผล แถวละ 4 คอร์ส

– บนมือถือ แสดงผล แถวละ 2 คอร์ส

การแสดงผล : คอร์สเรียงเป็น 1 แถว เป็นแบบสไลด์

– บนคอม แสดงผล แถวละ 4 คอร์ส และหากเลือกมากกว่า 4 จะเป็นสไลด์

– บนมือถือ แสดงผล แถวละ 1 คอร์ส และ จะเป็นแบบสไลด์

แนะนำใช้สำหรับ 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

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

สามารถเรียงลำดับการแสดงผลคอร์สเรียนได้

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

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

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

สามารถกำหนดชื่อหมวดหมู่หลัก และหมวดหมู่ย่อย พร้อมเลือกคอร์สที่จะแสดงในแต่ละหมวดหมู่ เองได้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ขนาดวิดีโอแนะนำ 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. 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. 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. Search Instructor Name 
6. Box Shadow
7. Background Image 1900px X 1600px *ขนาดภาพพื้นหลังจะปรับตามขนาดหน้าจอ โปรดออกแบบภาพให้แสดงผลได้ดีในทุกขนาดหน้าจอ แม้จะมีการครอปบางส่วน

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

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

ขนาดรูปภาพแนะนำ 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)

ขนาดรูปภาพแนะนำ 400 X 300 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

ขนาดรูปภาพ ของแต่ละขั้นตอน 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 ขั้นตอน 

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

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

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

ขนาดรูปภาพแนะนำ 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. เมื่อมีผู้สนใจกรอกข้อมูล ข้อมูลจะไปแสดงที่เมนู ผู้ติดตาม ในระบบหลังบ้าน

ขนาดรูปภาพแนะนำ 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

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

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

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

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

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

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

ขนาดรูปภาพแนะนำ 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 ภายในโมดูล

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

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