ยินดีต้อนรับสู่คู่มือการใช้งาน
เอกสารฉบับนี้จัดทำขึ้นเพื่ออธิบายขั้นตอนการทำงานของเว็บไซต์อย่างละเอียด ทั้งในมุมมองของผู้ใช้งานที่เข้ามาเยี่ยมชมเว็บไซต์ และมุมมองของผู้ดูแลระบบ (Admin) ในการจัดการเนื้อหาหลังบ้าน
1. การใช้งานหน้าเว็บหลัก (สำหรับผู้เข้าชม)
หน้าหลักของเว็บไซต์ถูกออกแบบมาให้ทันสมัยและใช้งานง่าย โดยมีฟีเจอร์เด่นคือระบบ **Light/Dark Mode** เพื่อถนอมสายตา
1 การเปิด-ปิดโหมดกลางคืน (Dark Mode)
ผู้ใช้งานสามารถปรับเปลี่ยนธีมของเว็บไซต์ได้ตามความต้องการ โดยระบบจะจำค่าไว้แม้ปิดเว็บไปแล้ว
- สังเกตที่ มุมซ้ายบน ใต้แถบเมนูหลัก จะมีปุ่ม ปิดไฟ (กลางคืน)
- เมื่อคลิก 1 ครั้ง พื้นหลังจะเปลี่ยนเป็นสีดำสนิท กล่องข้อความจะโปร่งแสง และหัวข้อจะเรืองแสงเป็นสีทอง
- หากต้องการกลับเป็นโหมดปกติ ให้คลิกที่ปุ่มเดิม เปิดไฟ (กลางวัน)
ภาพที่ 1: ปุ่มสวิตช์เปิด-ปิดไฟ และการแสดงผลหน้าเว็บโหมดมืด
(นำภาพ Screenshot หน้าจอเว็บตอนเป็นสีดำมาใส่ที่นี่)2. การดูข่าวสารและดาวน์โหลดเอกสาร (สำหรับผู้เข้าชม)
1 ระบบดูตัวอย่างข่าวแบบรวดเร็ว (Quick Preview)
เมื่อผู้ใช้เลื่อนลงมาที่หมวด "อัปเดตข่าวล่าสุด" ไม่จำเป็นต้องกดเข้าไปโหลดหน้าใหม่เพื่ออ่านข่าวเสมอไป
- นำเมาส์ไปชี้ที่การ์ดข่าวสาร จะมีปุ่ม ดูตัวอย่าง ปรากฏขึ้น
- คลิกปุ่มนั้น ระบบจะแสดงหน้าต่างป๊อปอัป (Modal) เด้งขึ้นมากลางหน้าจอ
- สามารถอ่านรายละเอียดข่าว รูปภาพ และกดปุ่ม ปิดหน้าต่าง หรือ ไปที่หน้าข่าวเต็ม ได้จากป๊อปอัปเลย
ภาพที่ 2: หน้าต่างป๊อปอัป (Modal) แสดงรายละเอียดข่าวสาร
(นำภาพ Screenshot ตอนที่กด "ดูตัวอย่าง" แล้วมีข่าวเด้งขึ้นมาใส่ที่นี่)3. การจัดการโปรไฟล์ผู้ดูแลระบบ (Admin)
ระบบหลังบ้านออกแบบมาให้ผู้ดูแลระบบสามารถปรับแต่งข้อมูลส่วนตัวได้อย่างปลอดภัย
1 การแสดงสถานะ Online และเข้าสู่หน้าโปรไฟล์
หลังจากเข้าสู่ระบบสำเร็จ (Login)
- ที่เมนูด้านซ้าย (Sidebar) เลื่อนลงมาล่างสุด จะพบชื่อของคุณพร้อม จุดสีเขียวกระพริบ (สถานะ Online)
- คลิกที่รูปโปรไฟล์หรือชื่อของคุณ เพื่อเข้าสู่หน้า "จัดการโปรไฟล์ผู้ดูแลระบบ"
2 การเปลี่ยนรูปภาพและชื่อ
- ในกรอบ "ข้อมูลส่วนตัว" ให้กรอก ชื่อ-นามสกุล ที่ต้องการให้แสดง
- คลิกปุ่ม Choose File เพื่อเลือกรูปภาพโปรไฟล์ใหม่ (รองรับ JPG, PNG)
- กดปุ่ม บันทึกข้อมูล ระบบจะแจ้งเตือนสำเร็จและเปลี่ยนรูปให้ทันที
ภาพที่ 3: หน้าจอการตั้งค่าโปรไฟล์ และฟอร์มเปลี่ยนรหัสผ่าน
(นำภาพ Screenshot หน้า admin_profile.php มาใส่ที่นี่)3 การเปลี่ยนรหัสผ่าน
- ในกรอบ "ความปลอดภัย" ให้กรอก รหัสผ่านปัจจุบัน เพื่อยืนยันตัวตนก่อน
- กรอก รหัสผ่านใหม่ และ ยืนยันรหัสผ่านใหม่ (ต้องตรงกันทั้ง 2 ช่อง)
- กดปุ่ม เปลี่ยนรหัสผ่าน หากสำเร็จระบบจะเด้งข้อความแจ้งเตือน (SweetAlert2)
4. การเขียนและเผยแพร่ข่าวสารใหม่
1 การจัดการเนื้อหาด้วย CKEditor
- ไปที่เมนู "เพิ่มข่าวใหม่" กรอกชื่อหัวข้อข่าว และเลือกหมวดหมู่ที่ต้องการ
- ในช่องรายละเอียด ระบบจะใช้เครื่องมือ CKEditor ซึ่งสามารถพิมพ์และจัดรูปแบบได้เหมือน Microsoft Word
- สามารถทำ ตัวหนา, ตัวเอียง, จัดกึ่งกลาง, สร้างรายการ (List), สร้างตาราง หรือแทรกลิงก์ได้อย่างอิสระ
ภาพที่ 4: หน้าจอการเพิ่มข่าว และหน้าตาเครื่องมือ CKEditor
(นำภาพ Screenshot หน้าฟอร์มเขียนข่าวมาใส่ที่นี่)5. การอัปโหลดเอกสารและบันทึกข้อมูล (Records)
ส่วนนี้ใช้สำหรับสร้างหน้าประกาศที่ต้องการแนบไฟล์เอกสารให้บุคคลภายนอกดาวน์โหลด (เช่น ใบสมัคร, ประกาศจัดซื้อจัดจ้าง)
1 ขั้นตอนการแนบไฟล์
- ไปที่เมนู "บันทึกข้อมูลใหม่"
- กรอกหัวข้อและรายละเอียดให้ครบถ้วน
- ที่ช่อง อัปโหลดรูปภาพหน้าปก: เลือกไฟล์รูปภาพ (JPG, PNG) เพื่อให้แสดงเป็นรูปปกของประกาศ
- ที่ช่อง แนบไฟล์เอกสาร: เลือกไฟล์ (PDF, Word, Excel) ที่ต้องการให้ประชาชนดาวน์โหลด
- เลือกสถานะ "ใช้งาน" และกดยืนยันการบันทึก ข้อมูลจะไปปรากฏที่หน้าเว็บผู้ใช้งานทั่วไปทันที
ภาพที่ 5: การแนบรูปภาพหน้าปกและไฟล์ PDF
(นำภาพ Screenshot การแสดงผลเอกสารที่หน้าเว็บ หรือหน้าระบบอัปโหลดมาใส่ที่นี่)