🧪 แบบฝึกหัด: สร้างเว็บไซต์จำลองด้วย WordPress บนเครื่องส่วนตัว

🎯 วัตถุประสงค์

ให้นักศึกษาฝึกสร้างเว็บไซต์ด้วย WordPress โดยใช้ความรู้จากบทเรียนเรื่อง Page, Post, Theme, Menu, Plugin, User Roles และการจัดวาง Layout ด้วย Page Builder

📦 เงื่อนไขการทำงาน

รายการ

รายละเอียด

รูปแบบกลุ่ม

3 คน

เครื่องมือ

WordPress บน Localhost ผ่าน XAMPP หรือ Docker

ระยะเวลา

1 อาทิตย์

การส่งงาน

Capture หน้าจอขั้นตอนการทำงาน พร้อมคำอธิบาย รวมเป็นไฟล์ PDF 1 ไฟล์ ส่งผ่าน MSTeams Assignment

🧪 ภารกิจปฏิบัติการ

🔹 ภารกิจที่ 1: สร้างโครงสร้างเว็บไซต์

  • สร้าง Page อย่างน้อย 5 หน้า เช่น หน้าแรก, เกี่ยวกับเรา, ติดต่อ, ข่าวสาร, วีดีโอ
  • สร้าง Post อย่างน้อย 2 เรื่อง พร้อมกำหนด Category
  • ใช้ Plugin เช่น Smart Slider, Video Gallery, Forminator

🔹 ภารกิจที่ 2: ติดตั้งและปรับแต่ง Theme

  • ติดตั้ง Theme “OceanWP” หรือ Theme ฟรีอื่น ๆ
  • ปรับแต่ง Logo, สี, ฟอนต์, Site Icon
  • ตั้งค่าหน้าแรกให้เป็น Static Page
  • ปรับแต่ง Header, Footer และ Top Bar

🔹 ภารกิจที่ 3: สร้าง Menu และ Mega Menu

  • สร้างเมนูหลักให้ครอบคลุมทุกหน้า Page ที่สร้าง
  • ใช้ Mega Menu เพื่อจัดกลุ่มเมนูย่อย
  • ใส่ Custom Links และจัดลำดับเมนูให้เหมาะสม

ภารกิจที่ 4: จัดการ User Roles

  • สร้างผู้ใช้งานใหม่ 4 คน พร้อมกำหนด Role ได้แก่:
    • Administrator
    • Editor
    • Author
    • Contributor

🔹 ภารกิจที่ 5: จัดวาง Layout ด้วย Page Builder

  • ใช้ Elementor สร้างหน้าเว็บโดยใช้ Container และ Grid
  • กำหนด Margin & Padding ให้เหมาะสม
  • ใช้ Elements เช่น Heading, Button, Gallery, Video, Form
  • จัดวางเนื้อหาให้เหมาะกับการแสดงผลทั้ง Desktop และ Mobile

📊 การประเมินผล

เกณฑ์

คะแนนเต็ม

รายละเอียด

ความครบถ้วนของภารกิจ

40

ทำครบทุกภารกิจตามที่กำหนด

ความถูกต้องของการใช้งาน

20

ใช้ฟีเจอร์ WordPress ได้ถูกต้อง

ความเรียบร้อยของไฟล์ PDF

20

จัดรูปแบบดี อ่านง่าย มีคำอธิบายประกอบ

ความคิดสร้างสรรค์

20

มีการออกแบบเนื้อหาและโครงสร้างเว็บอย่างน่าสนใจ

📁 โครงสร้างไฟล์ PDF ที่นักศึกษาควรส่ง

   WordPress_Project_รหัสนักศึกษา.pdf
   ├── หน้า 1: ข้อมูลนักศึกษา + หัวข้อเว็บไซต์
   ├── หน้า 2-10: ภาพหน้าจอ + คำอธิบายการสร้าง Page/Post/Category
   ├── หน้า 11-15: ภาพหน้าจอการติดตั้ง Theme และปรับแต่ง
   ├── หน้า 16-20: ภาพหน้าจอการสร้าง Menu และ Mega Menu
   ├── หน้า 21-25: ภาพหน้าจอการจัดการ User Roles
   └── หน้า 26-30: ภาพหน้าจอการใช้งาน Page Builder และ Layout

** ตัวอย่างเท่านั้นนักศึกษาอาจมีจำนวนหน้าที่ต่างกันไป **

## ส่งงานใน Assignment ในโปรแกรม MSTeams

📁 ให้นักศึกษาลงชื่อสมาชิกในกลุ่มของตัวเองในลิงค์ต่อไปนี้

*** หากนักศึกษาไม่กรอกรายชื่อในกลุ่มไม่สามารถพิจารณาคะแนนให้ได้ ***

ลงชื่อกลุ่มสำหรับส่งงาน