จัดการหน้าเว็บไซต์

ธีม สี ฟอนต์ สไลด์ เมนู ส่วนเนื้อหา และลูกเล่นเพิ่มเติมของหน้าบ้าน

ศูนย์รวมการจัดการ

เมนู จัดการหน้าเว็บไซต์ รวมทางเข้าทั้งหมดไว้ในหน้าเดียว พร้อมตัวเลขสรุปว่ามีสไลด์กี่รายการ เมนูกี่รายการ และเปิด section ไว้กี่ส่วน

ภาพที่ 1 — ศูนย์รวมจัดการหน้าเว็บไซต์ — ปุ่มพรีวิวหน้าเว็บสดอยู่มุมขวาบน ผู้ดูแลระบบ

ทางเข้า	ใช้ทำอะไร
จัดวางหน้าแรก & ดีไซน์	เลือกธีม สี ฟอนต์ ทรงปุ่ม และลากจัดเรียง section ของหน้าแรก
จัดการคอนเทนต์	สไลด์โชว์ จุดเด่น รีวิว FAQ และพาร์ทเนอร์
เมนูหน้าบ้าน	เมนูนำทางบนหัวเว็บ
ลูกเล่นเพิ่มเติม	แถบประกาศ โซเชียล SEO Custom CSS และหน้า Splash
ตั้งค่าเว็บไซต์	ชื่อเว็บ โลโก้ ข้อมูลติดต่อ และการสมัครสมาชิก

ปุ่ม พรีวิวหน้าเว็บสด เปิดหน้าเว็บจริงในกรอบเล็ก ๆ ข้างการตั้งค่า ปรับแล้วเห็นผลทันทีโดยไม่ต้องสลับแท็บไปมา

เลือกธีม

ไปที่ จัดวางหน้าแรก & ดีไซน์ → แท็บธีม เลือกได้ 6 แบบ

ธีม	ลักษณะ	เหมาะกับ
โมเดิร์น	ไล่เฉดเข้ม โดดเด่น	สถาบันอบรมเอกชน คอร์สออนไลน์
มินิมอล	สะอาด โปร่ง เรียบง่าย	องค์กรที่ต้องการความเป็นทางการแบบเบา ๆ
โดดเด่น	สีสด ตัวอักษรใหญ่	กลุ่มเป้าหมายวัยรุ่น คอร์สสายสร้างสรรค์
คลาสสิก	โทนอุ่น เป็นทางการ	สถานศึกษาในระบบ หน่วยงานราชการ
พาสเทล	โทนนุ่ม อบอุ่น	โรงเรียนอนุบาล–ประถม
ดาร์ก	พื้นหลังดำ ตัดกันชัด	คอร์สสายเทคโนโลยี

สี ฟอนต์ และทรงปุ่ม

ตั้งค่า	ตัวเลือก
สีหลักของเว็บ	ใช้สีของธีม หรือเลือกสีเองด้วยตัวเลือกสี
ชุดฟอนต์	ฟอนต์หัวเรื่อง × ฟอนต์เนื้อหา ใช้ทั้งเว็บ
ทรงปุ่ม	โค้งมน · แคปซูล · เหลี่ยม · โค้งนุ่ม · ตัดมุม · เยื้อง · โค้งบน · ใบไม้ · ตัดมุมรอบ · ป้าย
ความกว้างสไลด์โชว์	แบบกล่อง (มีขอบมน) หรือเต็มความกว้างจอ
รูปแบบหน้ารายวิชา	โมเดิร์น (แบนเนอร์สีธีมใหญ่ + ภาพปก) · มินิมอล (หัวเรียบบาง โทนสว่าง) · และแบบอื่น

การตั้งค่าในแท็บนี้ บันทึกอัตโนมัติทันทีที่เลือก ไม่ต้องกดปุ่มบันทึก — ดูผลได้จากกรอบพรีวิวข้าง ๆ

โหมดสีของเว็บ

ปรับโทนสีทั้งเว็บรวมถึงรูปภาพ ใช้ในโอกาสพิเศษ เช่น ช่วงไว้อาลัย

โหมด	ผลที่เห็น
ปกติ	แสดงสีตามธีม
ลดสี 10% / 30% / 50% / 70% / 90%	ลดความสดของสีลงตามระดับ
โหมดเทา · Sepia · ขาวดำ	ปรับเป็นโทนเทา น้ำตาลคลาสสิก หรือขาวดำเต็มรูปแบบ
สดใส · โทนอุ่น · นุ่มนวล	ปรับอารมณ์ของสีให้จัดจ้าน อบอุ่น หรือนุ่มสบายตา

โครงหน้าแรก (Section)

แท็บ โครงหน้าแรก คือรายการ section ทั้งหมดของหน้าแรก ลากเพื่อสลับลำดับ และเปิด/ปิดแต่ละส่วนได้

ภาพที่ 3 — หน้าแรกของเว็บไซต์ทั้งหน้า — เรียงตามลำดับ section ที่ตั้งไว้

Section	แสดงอะไร	แหล่งข้อมูล
สไลด์โชว์	แบนเนอร์ภาพเลื่อนอัตโนมัติบนสุด	จัดการคอนเทนต์ → สไลด์โชว์
ส่วนหัว (Hero)	หัวเรื่องหลัก คำโปรย และปุ่มเรียกร้องการกระทำ	แก้ข้อความในหน้านี้
สถิติ	แถบตัวเลขสรุป เช่น จำนวนคอร์ส ผู้เรียน ผู้สอน	ดึงจากระบบอัตโนมัติ
คอร์สเรียน	การ์ดคอร์สล่าสุด	ดึงจากระบบอัตโนมัติ — ตั้งจำนวนที่แสดงได้
จุดเด่น	การ์ดจุดเด่นพร้อมไอคอน	จัดการคอนเทนต์ → จุดเด่น
รีวิวผู้เรียน	การ์ดรีวิวพร้อมดาวและรูป	จัดการคอนเทนต์ → รีวิวผู้เรียน
ผู้สอนของเรา	รูปและชื่อผู้สอน สูงสุด 8 คน	ดึงจากระบบอัตโนมัติ
วิดีโอแนะนำ	ฝังวิดีโอ YouTube	ตั้งลิงก์ที่ปุ่มแก้ไขของ section
คำถามที่พบบ่อย	กล่องคำถาม-คำตอบแบบกดเปิด/พับ	จัดการคอนเทนต์ → FAQ
โลโก้พาร์ทเนอร์	แถบโลโก้เลื่อนอัตโนมัติ	จัดการคอนเทนต์ → พาร์ทเนอร์
ปุ่มเชิญชวน (CTA)	กล่องเชิญชวนสมัคร/เริ่มเรียน ก่อนส่วนท้าย	แก้ข้อความในหน้านี้

section ที่เปิดไว้แต่ยังไม่มีคอนเทนต์จะถูกซ่อนอัตโนมัติบนหน้าเว็บ จึงไม่ต้องกังวลว่าจะมีช่องว่างโล่ง ๆ ระหว่างที่ยังไม่ได้ใส่ข้อมูล

สไลด์โชว์

ภาพที่ 4 — จัดการสไลด์ — ลากจัดลำดับ เปิด/ปิดทีละสไลด์ ผู้ดูแลระบบ

ช่อง	คำแนะนำ
รูปภาพแบนเนอร์	ขนาดแนะนำ 1600×600 px
หัวข้อ / คำบรรยาย	กรอกได้ทั้งภาษาไทยและอังกฤษ — เว้นภาษาอังกฤษว่างจะใช้ภาษาไทยแทน
ข้อความปุ่ม	เช่น "เริ่มเรียน" หรือ "ดูรายละเอียด"
ลิงก์ปุ่ม	เช่น `index.php?p=all-course` หรือ URL ภายนอก

จัดการคอนเทนต์

แท็บ	กรอกอะไร
จุดเด่น	ไอคอน หัวข้อ และคำอธิบายสั้น — ตอบคำถามว่า "ทำไมต้องเรียนกับเรา"
รีวิวผู้เรียน	ชื่อผู้รีวิว บทบาท/ตำแหน่ง ข้อความรีวิว คะแนนดาว และรูป (ไม่บังคับ)
คำถามที่พบบ่อย	คำถามและคำตอบ — ลดคำถามซ้ำ ๆ ที่มาถึงเจ้าหน้าที่
พาร์ทเนอร์	ชื่อองค์กร โลโก้ (แนะนำ PNG พื้นใส) และลิงก์เว็บไซต์

รีวิวในส่วนนี้เป็นข้อความที่ผู้ดูแลกรอกเอง ต่างจากรีวิวในหน้ารายวิชาซึ่งผู้เรียนเป็นคนเขียน — ควรใช้ข้อความที่ได้รับอนุญาตจากเจ้าของจริงเท่านั้น

เมนูหน้าบ้าน

ภาพที่ 6 — เมนูนำทางส่วนหัว — ลากจัดลำดับ ตั้งชื่อสองภาษา และเลือกเปิดในแท็บใหม่ ผู้ดูแลระบบ

ช่อง	คำอธิบาย
ชื่อเมนู (ไทย / อังกฤษ)	เว้นภาษาอังกฤษว่างได้ จะใช้ชื่อไทยแทน
ลิงก์	ลิงก์ภายใน เช่น `index.php?p=all-course` หรือ URL ภายนอก
เปิดใน	หน้าเดิม หรือแท็บใหม่ (แนะนำแท็บใหม่สำหรับลิงก์ออกนอกเว็บ)
แสดง/ซ่อน	ซ่อนชั่วคราวโดยไม่ต้องลบทิ้ง

ลูกเล่นเพิ่มเติม

แถบประกาศ

แถบข้อความบนสุดของเว็บ ผู้ชมกดปิดได้ ใส่ลิงก์และข้อความลิงก์เพิ่มได้ — เหมาะกับประกาศรับสมัครหรือโปรโมชันช่วงสั้น ๆ

โซเชียลลิงก์

Facebook, LINE, Instagram, X — แสดงเป็นไอคอนที่ส่วนท้ายเว็บ เว้นว่างช่องไหนไอคอนนั้นจะไม่แสดง

SEO

คำอธิบายเว็บไซต์ (meta description) และคีย์เวิร์ดคั่นด้วยจุลภาค ใช้กับเครื่องมือค้นหาอย่าง Google

Custom CSS

CSS เพิ่มเติมที่ใส่ต่อท้ายทุกหน้าของหน้าบ้าน สำหรับปรับรายละเอียดที่ตัวเลือกในระบบทำไม่ได้

Custom CSS เป็นฟีเจอร์ขั้นสูง — CSS ที่เขียนผิดอาจทำให้หน้าเว็บพัง ควรทดสอบทีละส่วนและเก็บสำเนาโค้ดเดิมไว้ก่อนแก้

หน้า Splash

ภาพเต็มจอที่แสดงก่อนเข้าเว็บไซต์ เช่น วันสำคัญหรือวันเฉลิมพระชนมพรรษา

ช่อง	คำอธิบาย
ภาพหน้าแรก	แนะนำภาพแนวนอนขนาดใหญ่ (JPG/PNG/WebP)
แสดงตั้งแต่วันที่ – ถึงวันที่	เว้นว่างทั้งสองช่อง = แสดงตลอดที่เปิดใช้งาน
ข้อความปุ่มเข้าเว็บไซต์	เช่น "เข้าสู่เว็บไซต์"

ผู้ชมเห็นหน้า Splash ครั้งแรกของการเข้าชมเท่านั้น จะไม่ถูกขวางทุกครั้งที่เปิดหน้าใหม่

ตั้งค่าเว็บไซต์

โลโก้และไอคอน

รายการ	ใช้ที่ไหน	คำแนะนำ
โลโก้ (พื้นหลังสว่าง)	หัวเว็บโหมดสว่าง	PNG พื้นหลังโปร่งใส
โลโก้ (พื้นหลังมืด)	หัวเว็บโหมดมืด	PNG/SVG สีอ่อน
Favicon	ไอคอนบนแท็บเบราว์เซอร์	PNG/ICO 32×32
App Icon	ไอคอนแอปเมื่อ "เพิ่มไปยังหน้าจอโฮม"	PNG สี่เหลี่ยมจัตุรัส

รองรับ PNG / JPG / WEBP / SVG — อัปโหลดเฉพาะรายการที่ต้องการเปลี่ยน

การสมัครสมาชิกและความปลอดภัย

ตัวเลือก	ผลที่เกิดขึ้น
เปิดรับสมัครสมาชิกผ่านหน้าเว็บ	ผู้เยี่ยมชมสมัครบัญชีเองได้ที่หน้า `/register` — ปิดได้ทุกเมื่อ
Google reCAPTCHA v3	ป้องกันบอทและสแปมในฟอร์มหน้าเว็บ ต้องขอคีย์จาก Google ก่อน
เข้าสู่ระบบด้วยบัญชี Google	ผู้ใช้กดปุ่มเดียวเข้าระบบได้ ถ้ายังไม่มีบัญชีระบบจะสมัครให้อัตโนมัติ
URL สวย	ซ่อน `.php` และ `?p=` — ต้องมีไฟล์ `.htaccess` และโฮสต์รองรับ mod_rewrite

ถ้าเปิด "URL สวย" แล้วหน้าเว็บขึ้น 404 ทุกหน้า แปลว่าโฮสต์ไม่รองรับ mod_rewrite ให้ปิดสวิตช์นี้กลับ ระบบจะกลับไปใช้ index.php?p=… ซึ่งทำงานได้ทุกโฮสต์

พอร์ทัลนักเรียน

ขายคอร์สและรับชำระเงิน