คอร์ส: WordPress + Elementor Builder
- ระยะเวลาที่แนะนำ: 16–24 ชั่วโมง (หรือ 6–8 ครั้ง x 3 ชั่วโมง)
- ผู้เรียนเป้าหมาย: ผู้ที่ต้องการสร้างหน้าเว็บสวย ๆ โดยไม่ต้องเขียนโค้ดมากมาย, นักการตลาด, เจ้าของธุรกิจที่ต้องการออกแบบเอง
Module 1 — พื้นฐานก่อนใช้งาน Elementor (1.0 hr)
- ทวนสั้น ๆ การติดตั้ง WordPress และการเลือกธีมที่เหมาะกับ Elementor
- แนะนำ Elementor Free vs Elementor Pro (ฟีเจอร์เด่น, ราคาคร่าว ๆ)
- โครงสร้างของ Elementor: Widgets, Sections, Columns, Templates
Module 2 — ติดตั้งและตั้งค่า Elementor (1.0–1.5 hr)
- ติดตั้ง Elementor (และ Elementor Pro ถ้ามี)
- ตั้งค่า Global Settings: Fonts, Colors, Site Settings
- ตั้งค่า Layout, Container (Flexbox) และการใช้งาน Theme Builder เบื้องต้น
Module 3 — พื้นฐานการสร้างหน้าแบบ Visual (2.0–3.0 hr)
- เริ่มสร้างหน้าแรก: การใช้ Sections/Columns, การเพิ่ม Widgets (Heading, Image, Button, Text Editor)
- การตั้งค่า Responsive (Desktop/Tablet/Mobile)
- การจัดการ spacing, padding, margin, alignment
Module 4 — Template & Blocks และระบบ re-usable (1.5–2.0 hr)
- ใช้ Templates สำเร็จรูปและ Blocks (Import/Export)
- สร้าง Global Widget, Global Settings, และ Template Library
- วิธีจัดการและอัปเดต Template แบบกลางที่ใช้ซ้ำได้ทั่วเว็บไซต์
Module 5 — Theme Builder (Header, Footer, Single, Archive) (2.0–3.0 hr)
- สร้าง Header และ Footer ด้วย Elementor Theme Builder
- สร้าง Single Post Template และ Archive/Blog Listing Template
- การใช้ Conditions เพื่อกำหนดว่าจะให้ Template แสดงที่ไหน
Module 6 — ฟอร์มและการเชื่อมต่อ (1.5–2.0 hr)
- สร้างฟอร์มด้วย Elementor Form (หรือปลั๊กอินฟอร์มที่ใช้งานร่วม)
- การตั้งค่าการส่งอีเมล, redirect, webhook, integration กับ Mailchimp/ActiveCampaign
- การป้องกันสแปม (reCAPTCHA, Honeypot)
Module 7 — สร้างหน้าพอร์ตโฟลิโอและหน้าบริการ (1.5–2.0 hr)
- เทคนิคการจัดเลย์เอาต์สำหรับพอร์ตโฟลิโอ
- การใช้ Gallery, Carousel, Lightbox
- สร้างหน้าบริการที่ชัดเจนเพื่อการแปลง (conversion-focused layout)
Module 8 — Animation, Motion Effects, และ Advanced Widgets (1.5–2.0 hr)
- การใช้ Entrance Animation, Scroll Effects, Parallax
- Advanced Widgets ของ Pro: Posts, Slides, Popup Builder, WooCommerce Builder (ถ้ามี)
- เคล็ดลับไม่ให้เว็บช้าจากเอฟเฟกต์เยอะ ๆ
Module 9 — WooCommerce + Elementor (ถ้าต้องการ) (1.5–2.0 hr)
- ติดตั้งและตั้งค่า WooCommerce เบื้องต้น
- ใช้ Elementor ในการออกแบบหน้าร้าน: Single Product, Shop Archive, Cart, Checkout
- ปลั๊กอินเสริมสำหรับองค์ประกอบ e‑commerce (payment, shipping)
Module 10 — Performance, SEO และ Best Practices (1.0–1.5 hr)
- ปรับแต่งให้หน้า Elementor โหลดเร็ว: Critical CSS, Image compression, Lazy load
- ใช้ SEO plugin ร่วมกับ Elementor (meta, schema, sitemap)
- Accessibility พื้นฐาน (alt text, heading structure)
Module 11 — Workshop สร้างเว็บไซต์ตัวอย่างด้วย Elementor (3–4 hr)
- สร้างเว็บไซต์จริง: หน้า Landing Page / หน้า Home / หน้า Contact / Blog / Portfolio
- ใช้ Theme Builder เพื่อสร้าง header/footer และ post template
- ปรับจูน responsive และแก้ปัญหาเฉพาะหน้า
Module 12 — ส่งมอบงานและการดูแลต่อ (0.5–1.0 hr)
- วิธีส่งมอบเว็บไซต์ให้ลูกค้า: ตรวจสอบก่อนส่งมอบ, คู่มือใช้งานพื้นฐาน (how-to)
- ตั้งค่าสำรองและแผนการอัปเดต
- แนะนำแหล่งเรียนรู้เพิ่มเติม (เอกสาร Elementor, ชุมชน, plugin resources)
ผลลัพธ์ที่คาดหวังหลังคอร์ส:
- นักเรียนสามารถออกแบบหน้าเว็บสวย ๆ ด้วย Elementor โดยไม่ต้องเขียนโค้ดมาก
- สามารถสร้าง header/footer, template สำหรับโพสต์และหน้ารวม และหน้า landing ที่ตอบโจทย์ conversion
- เข้าใจการเชื่อมต่อฟอร์ม, การปรับแต่ง responsive และการปรับปรุงประสิทธิภาพ
เพิ่มเติม
- เอกสารประกอบการเรียน: Checklist การตั้งค่า, รายชื่อปลั๊กอินแนะนำ, cheat-sheet ของ Elementor widgets, บันทึกคำสั่งสำคัญ
- แบบฝึกหัดภาคปฎิบัติ: โจทย์จริง (เช่น ทำเว็บร้านกาแฟ / พอร์ตโฟลิโอช่างภาพ) เพื่อฝึกครบทุกขั้นตอน
- การบ้านระหว่างคาบเพื่อให้ได้ฝึกทำจริง
- มีกลุ่มสนับสนุน (เช่น Facebook) ตอบคำถามหลังคอร์ส