คู่มือการใช้งาน Car Gallery CMS

เกี่ยวกับระบบ

Car Gallery เป็นระบบจัดการเว็บไซต์แสดงรถยนต์ที่พัฒนาด้วย PHP 7.4+, MySQL, Bootstrap 5 รองรับการจัดการรถยนต์ หมวดหมู่ รูปภาพ ผู้ใช้ และอื่นๆ อีกมากมาย

🎯 จุดเด่นของระบบ

ดาวน์โหลดไฟล์โปรเจคและแตกไฟล์ลงในโฟลเดอร์ของ Web Server (เช่น htdocs, www, public_html)

สร้างฐานข้อมูล MySQL ใหม่ จากนั้นนำไฟล์ database.sql ไป import ใน phpMyAdmin หรือใช้คำสั่ง SQL

เปิดไฟล์ includes/config.php และกำหนดค่าฐานข้อมูลของคุณ

define('DB_HOST', 'localhost');
define('DB_NAME', 'car_gallery');
define('DB_USER', 'root');
define('DB_PASS', 'your_password');

กำหนดค่า BASE_URL ในไฟล์ includes/config.php

define('BASE_URL', 'http://localhost/car-gallery');

กำหนดสิทธิ์ให้โฟลเดอร์ต่อไปนี้สามารถเขียนได้ (777)

• /assets/uploads/
• /logs/
• /cache/

เข้าสู่ระบบ Admin ที่ http://your-domain.com/admin/login.php

Username: admin
Password: admin123

📌 องค์ประกอบของหน้าแรก

• Hero Section: สไลด์แสดงรถเด่นหรือโปรโมชั่น
• Search Box: ค้นหารถยนต์เบื้องต้น
• Featured Cars: รถยนต์แนะนำ
• Categories: หมวดหมู่รถยนต์
• Latest Cars: รถยนต์มาใหม่

🎯 การใช้งาน

• เลื่อนดูรถยนต์แนะนำและรถมาใหม่
• คลิกที่ปุ่ม "View Details" เพื่อดูรายละเอียดรถ
• คลิกที่หมวดหมู่เพื่อดูรถในหมวดนั้น
• พิมพ์คำค้นหาใน Search Box เพื่อค้นหารถ

📌 ฟังก์ชันการทำงาน

• แสดงรถยนต์ทั้งหมดแบบ Grid View
• ตัวกรองตามหมวดหมู่
• ระบบแบ่งหน้า (Pagination)
• แสดงข้อมูลสรุป: ยี่ห้อ, รุ่น, ปี, ราคา, ประเภทน้ำมัน, เกียร์

🎯 วิธีใช้งาน

• คลิกที่หมวดหมู่ใน Dropdown เพื่อกรองรถตามหมวด
• คลิกที่รูปหรือปุ่ม "View Details" เพื่อดูรายละเอียด
• ใช้ Pagination เพื่อดูรถหน้า下一页

📌 ข้อมูลที่แสดง

• แกลเลอรีรูปภาพ (คลิกเพื่อดูรูปขนาดใหญ่)
• ข้อมูลจำเพาะ: ปี, ระยะทาง, ประเภทน้ำมัน, เกียร์, สี, ขนาดเครื่อง, แรงม้า
• รายละเอียดรถ
• รถที่เกี่ยวข้อง (Related Cars)

🎯 ฟังก์ชันเสริม

• ปุ่ม "Inquiry Now" - ส่งข้อความสอบถาม
• ปุ่ม "Print Details" - พิมพ์รายละเอียดรถ
• แชร์ลิงก์ผ่าน Social Media (Open Graph)

📌 ตัวกรองที่รองรับ

• ค้นหาด้วยคำ: ค้นหาจากยี่ห้อ, รุ่น, หรือคำอธิบาย
• หมวดหมู่: เลือกหมวดหมู่รถ
• ช่วงราคา: กำหนดราคาต่ำสุด-สูงสุด
• ปี: เลือกปีที่ผลิต
• ประเภทน้ำมัน: เบนซิน, ดีเซล, EV, Hybrid
• ระบบเกียร์: Manual, Automatic, CVT

🎯 วิธีใช้งาน

• พิมพ์คำค้นหาในช่องค้นหา
• เลือกตัวกรองทางด้านซ้ายมือ
• ระบบจะอัปเดตผลลัพธ์อัตโนมัติ
• คลิก "Clear All" เพื่อล้างตัวกรอง

📌 ข้อมูลที่แสดง

• ที่อยู่, เบอร์โทร, อีเมล (จัดการได้จาก Admin)
• แบบฟอร์มติดต่อ
• แผนที่ (Google Maps - เพิ่มเติมเอง)

🎯 วิธีใช้งาน

• กรอกชื่อ, อีเมล, หัวข้อ, ข้อความ
• กด "Send Message" เพื่อส่งข้อความ
• ระบบจะแจ้งเตือนเมื่อส่งสำเร็จ

📌 ขั้นตอนการเข้าสู่ระบบ

1. เข้า URL: http://your-domain.com/admin/login.php
2. กรอก Username และ Password
3. ติ๊ก "Remember Me" หากต้องการจดจำการเข้าสู่ระบบ
4. คลิกปุ่ม "Login"

📌 ข้อมูลบน Dashboard

• สถิติ: จำนวนรถ, หมวดหมู่, ผู้ใช้, การเข้าชม
• กราฟ: แสดงสถิติการเข้าชมรถยนต์
• รถล่าสุด: แสดงรถที่เพิ่มล่าสุด 5 รายการ
• กิจกรรมล่าสุด: แสดงการกระทำของผู้ใช้
• ปุ่ม Export: ส่งออกรายงานเป็น CSV/Excel

🎯 ฟังก์ชันการทำงาน

• คลิกที่ปุ่ม Export เพื่อดาวน์โหลดรายงาน
• คลิกที่ชื่อรถเพื่อไปแก้ไข
• ดูกิจกรรมของผู้ใช้ในระบบ

📌 ฟังก์ชันหลัก

• เพิ่มรถใหม่: คลิกปุ่ม "Add New Car"
• แก้ไขรถ: คลิกปุ่ม Edit (สีน้ำเงิน)
• ลบรถ: คลิกปุ่ม Delete (สีแดง)
• จัดการรูป: คลิกปุ่ม Images (สีฟ้า)
• เปลี่ยนสถานะ: คลิกที่ปุ่มสถานะ Available/Sold

📝 ข้อมูลรถที่บันทึก

• ยี่ห้อ (Brand) และ รุ่น (Model)
• ปี (Year) และ ราคา (Price)
• รายละเอียด (Description)
• ประเภทน้ำมัน (Fuel Type)
• ระบบเกียร์ (Transmission)
• สี (Color) และ ระยะทาง (Mileage)
• ขนาดเครื่อง (Engine Size) และ แรงม้า (Horsepower)
• จำนวนประตู (Doors) และ ที่นั่ง (Seats)
• สถานะ (Status) และ การแนะนำ (Featured)
• SEO Title และ Description

🖼️ การจัดการรูปภาพ

• Drag & Drop รูปเพื่ออัปโหลด
• คลิกที่รูปเพื่อดูขนาดใหญ่
• คลิก "Set Cover" เพื่อตั้งเป็นรูปปก
• คลิก "Delete" เพื่อลบรูป
• รองรับการอัปโหลดหลายรูปพร้อมกัน
• ระบบจะแปลงเป็น WebP อัตโนมัติ

📌 ฟังก์ชันหลัก

• เพิ่มหมวดหมู่: คลิกปุ่ม "Add New Category"
• แก้ไขหมวดหมู่: คลิกปุ่ม Edit
• ลบหมวดหมู่: คลิกปุ่ม Delete (ลบได้เฉพาะหมวดที่ไม่มีรถ)
• เรียงลำดับ: กำหนด Sort Order เพื่อเรียงการแสดงผล

🎨 การตั้งค่าไอคอน

• ใช้ FontAwesome 6 ในการกำหนดไอคอน
• ตัวอย่าง: fas fa-car, fas fa-truck
• มีปุ่ม Preview เพื่อทดสอบไอคอน
• มีปุ่มแนะนำไอคอนยอดนิยม

📌 ฟังก์ชันหลัก

• เพิ่มสไลด์: คลิกปุ่ม "Add New Slide"
• แก้ไขสไลด์: คลิกปุ่ม Edit
• ลบสไลด์: คลิกปุ่ม Delete
• เปิด/ปิด Hero Section: ในการตั้งค่า
• เปิด/ปิด Auto-play: ในการตั้งค่า

📝 ข้อมูลสไลด์

• หัวข้อ (Title) และ คำอธิบาย (Subtitle)
• ข้อความปุ่ม (Button Text) และ ลิงก์ (Button Link)
• รูปพื้นหลัง (Background Image)
• สีพื้นหลัง (Background Color)
• สีตัวอักษร (Text Color)
• ลำดับการแสดง (Sort Order)

📌 ส่วนที่จัดการได้

• เนื้อหา: แก้ไขข้อความในส่วนต่างๆ (Mission, Vision, Story)
• ทีมงาน: เพิ่ม/แก้ไข/ลบ สมาชิกทีม
• คำรับรอง: เพิ่ม/แก้ไข/ลบ รีวิวจากลูกค้า
• สถิติ: ระบบคำนวณอัตโนมัติ

👥 การจัดการทีมงาน

• ชื่อ-นามสกุล, ตำแหน่ง, ประวัติย่อ
• อีเมล, เบอร์โทร
• รูปโปรไฟล์
• ลิงก์โซเชียลมีเดีย (Facebook, Twitter, LinkedIn)

📌 ฟังก์ชันหลัก

• เพิ่มผู้ใช้: คลิกปุ่ม "Add New User"
• แก้ไขผู้ใช้: คลิกปุ่ม Edit
• ลบผู้ใช้: คลิกปุ่ม Delete (ไม่สามารถลบตัวเองได้)
• เปลี่ยนบทบาท: Admin หรือ Editor
• เปิด/ปิดใช้งาน: เปลี่ยนสถานะ Active/Inactive

🔐 บทบาทผู้ใช้

• Admin: เข้าถึงได้ทุกฟังก์ชัน จัดการผู้ใช้ได้
• Editor: จัดการรถและหมวดหมู่ได้ แต่อ่านอย่างเดียวในบางส่วน

📌 ตั้งค่าที่ปรับได้

• ทั่วไป: ชื่อเว็บไซต์, คำอธิบาย, โลโก้, Favicon
• ติดต่อ: อีเมล, เบอร์โทร, ที่อยู่
• โซเชียล: ลิงก์ Facebook, Twitter, Instagram
• การแสดงผล: จำนวนรายการต่อหน้า
• โหมดซ่อมบำรุง: เปิด/ปิด Maintenance Mode

📌 ฟังก์ชันการทำงาน

• สร้าง Backup: คลิก "Create New Backup"
• ดาวน์โหลด: คลิก Download เพื่อบันทึกไฟล์ SQL
• กู้คืน: คลิก Restore เพื่อนำข้อมูลกลับมา (⚠️ ระวังข้อมูลจะถูกเขียนทับ)
• ลบ: คลิก Delete เพื่อลบไฟล์ Backup