Course Outline
คอร์ส WordPress + Elementor สร้างเว็บไซต์ธุรกิจแบบมืออาชีพ
เตรียมความพร้อม ก่อนเริ่มเรียน
- แนำนำวิธีเรียนคอร์สนี้ให้ประสบความสำเร็จ
- ตัวอย่างเว็บไซต์สำหรับฝึกหัด
- ดาวน์โหลดไฟล์ประกอบการเรียน (Workshop)
หมวดที่ 1 : พื้นฐานและการติดตั้ง WordPress
02 การออกแบบเว็บไซต์เบื้องต้น
- ประเภทของเว็บไซต์
- Sitemap แผนผังเว็บไซต์
- Basic Website Layout
03 ทำความรู้จักเครื่องมือหลัก
- ทำความรู้จัก WordPress
- Why WordPress? ทำไมทั่วโลกนิยมใช้ (ระดับมหาศาล)
- ข้อมูลสถิติการใช้งาน WordPress + Elementor
- Elementor คืออะไร?
- ทำไมเลือกธีม Astra มาให้เรียน?
04 การเช่าโฮสติ้ง / จดโดเมน / SSL
- องค์ประกอบของเว็บไซต์ที่สร้างด้วย WordPress (โฮสติ้ง & โดเมน คืออะไร)
- วางแผนจัดทำเว็บไซต์ ก่อนจดโดเมน
- การเลือกสเปคโฮสติ้ง + ค่าใช้จ่าย
- การเลือกชื่อโดเมน + ค่าใช้จ่าย
- SSL (https) คืออะไร ทำไมจำเป็นต้องมี
- พาไปดูเว็บไซต์ผู้ให้บริการโฮสติ้ง
- สาธิตวิธีการสั่งซื้อกับผู้ให้บริการโฮสติ้ง
05 เตรียมระบบก่อนติดตั้ง WordPress
- เริ่มต้นใช้งานโฮสติ้งครั้งแรก (อธิบายข้อมูลต่างๆ ที่ทางผู้ให้บริการโฮสติ้งให้มา)
- เข้าดูแพคเกจโฮสติ้งของเรา
- จัดการโดเมน: Nameserver (DNS)
- จัดการโดเมน: ข้อมูลการติดต่อ / ข้อมูลผู้ถือครองโดเมน
- เข้าใช้งานโฮสติ้ง: Login เข้า DirectAdmin
- Domain Setup: ตั้งค่าโดเมน + เลือก PHP Version
- การทำ SSL (https)
06 ติดตั้ง WordPress – App ง่ายสุด
- การติดตั้ง WordPress บนโฮสติ้งด้วย App Installer ที่ผู้ให้บริการโฮสติ้งส่วนใหญ่จะมีให้
- คอร์สเรียนนี้ใช้ Direct Admin + Softaculous
07 ติดตั้ง WordPress – FTP แมนนวล
- ขั้นตอนการติดตั้ง WordPress ด้วย FTP
- วิธีสร้าง Subdomain (เผื่อกรณีต้องใช้)
- เริ่มการติดตั้ง WordPress ด้วย FTP
08 รู้จักหลังบ้าน WordPress
- อธิบายภาพรวม เมนูต่างๆ ของหลังบ้าน WordPress
- สิทธิ์ผู้ใช้ (User Role)
- ส่วนที่ใช้สร้างหน้าเว็บไซต์ และการเชื่อมโยงแต่ละหน้าให้เข้าถึงกันได้ง่าย
09 Checklist หลังติดตั้ง WordPress
- อธิบายภาพรวม ทำไมต้องทำ
- ปิดกั้น Search Engine เพราะเว็บไซต์ยังไม่พร้อมเผยแพร่
- ลบข้อมูลตัวอย่าง การปิด Comment
- ตั้งค่าพื้นฐาน และตั้งค่า Permalinks สำหรับ SEO
- เปลี่ยน Display Name และ Nicename
- ติดตั้งปลั๊กอิน Classic Editor
- ลองไม่ใช้ปลั๊กอิน Classic Editor แล้วใช้ Gutenberg ให้ดู
- ลบปลั๊กอินที่ไม่ใช้
หมวดที่ 2 : สร้างเว็บไซต์ด้วย Elementor (ตัวฟรี)
10 ติดตั้งธีม Astra + Elementor
- ติดตั้งธีม Astra + ลงเทมเพลตสำเร็จรูป + ติดตั้ง Elementor
- ทำทีเดียวมาทั้ง set (2 นาทีเสร็จ)
11 เรียนรู้จากเทมเพลต
- เครื่องมือพื้นฐาน Elementor จากเทมเพลตที่เราติดตั้งมา
- เรียนเพื่อเข้าใจหลักการทำงานของเครื่องมือในการสร้างหน้าเว็บไซต์
12 Customize Style
- อธิบาย Customize Style ตั้งค่าที่เดียวมีผลกับทั้งเว็บไซต์ (ประหยัดแรง)
- Logo & Site Icon: โลโก้และไอคอนเว็บไซต์
- Color: สีหลัก สีฟอนต์ สีพื้นหลัง
- Button: ปุ่ม
- Typography H1-H6 / Body Font: ฟ้อนต์พาดหัว ฟ้อนต์ข้อความปกติ
13 สร้างเองจากหน้าเปล่า Part 1
- เรามาเพิ่มชาเลนจ์ให้ตัวเองกันค่ะ ด้วยความกล้าหาญสร้างเว็บไซต์เองจากหน้าเปล่า
- เพื่อให้คุณสร้างดีไซน์ได้เอง อิสระตามใจชอบ
14 สร้างเองจากหน้าเปล่า Part 2
- ฝึกสร้างและใช้ Elementor Widget ใส่ลูกเล่นให้สนุกยิ่งขึ้น
15 Responsive Web Design
- ทำความเข้าใจหลักการ Responsive Web Design
- การจัดเลย์เอาท์รองรับจอคอม มื
16 สร้างเทมเพลตของตัวเอง
- ดีไซน์ตัว master แค่ 1 ครั้ง: แล้วนำไปใช้ซ้ำๆ กับหน้าอื่นบนเว็บของเรา
- Draft ของเราเองง่ายๆ: แล้วใช้วิธี Copy/Paste ข้ามหน้าเว็บ
- Import Block สำเร็จรูป: จาก Starter Template ของ Astra & Elementor
- Save My Template: ใช้ฟีเจอร์ของ Elementor ทำ template เก็บไว้ใช้เอง
17 Widget เว็บไซต์ธุรกิจ
Elementor: Widget ที่เว็บไซต์ธุรกิจนิยมใช้
- Gallery: แกลเลอรี่รูปภาพ
- Video: วิดีโอ
- Icon List: ไอคอนหน้าข้อความ
- Social Media: ไอคอน link to โซเชียล
- Google Map: ฝังแผนที่ Google บนเว็บไซต์
- Button: ปุ่มเชื่อมต่อ ไลน์ / แชท / โทร / อีเมล / ปุ่มดาวน์โหลด
หมวดที่ 3 : บทความและเครื่องมือ WordPress
18 Posts (บทความ/ข่าวสาร)
- Strategy: แนวคิดกลยุทธ์บทความ เทคนิคใช้บทความพาไปดูสินค้าและบริการ
- Add Post: สร้างบทความ (Single Post)
- Editor: เครื่องมือเขียนบทความ สุดง่าย คล้ายโปรแกรม Word (ด้วยปลั๊กอิน Classic Editor)
- Image & Gallery: เพิ่มรูปภาพและสร้างแกลเลอรี่ในบทความ
- Categories: สร้างหมวดหมู่บทความ / Tags / รูป Thumbnail ของบทความ
19 Customize Post (ระบบ Blog)
- ปรับแต่ง Single Post: หน้าบทความ
- ปรับแต่ง Related Post: บทความที่เกี่ยวข้อง
- ปรับแต่ง Blog / Archive: หน้าหมวดหมู่บทความ
- สร้าง Home Blog: หน้าแรกของโพสต์ ที่รวมบทบทความ
20 Widgets & Sidebar
- เพิ่มฟังก์ชันการทำงานหรือแสดงผลเว็บไซต์ โดยไม่ต้องเขียนโค้ด
- เช่น ช่องค้นหา, บทความล่าสุด, หมวดหมู่, ติดแบนเนอร์โฆษณา
21 Menu / Header / Footer
- Menu: ตั้งค่า/ปรับแต่งเมนูเว็บไซต์
- Customize: Header: ปรับแต่งด้านบนสุดของทุกหน้าเว็บไซต์
- Customize: Footer: ปรับแต่งด้านล่างสุดของทุกหน้าเว็บไซต์
22 Media จัดการไฟล์สื่อ
- Media: จัดการไฟล์สื่อใน WordPress เช่น เพิ่ม ลบ แก้ไข
- Image Optimization: การเตรียมไฟล์ที่เหมาะกับเว็บไซต์
- Free Tools: เครื่องมือฟรี! Resize + Compress (บีบอัดไฟล์)
- มีไฟล์แจกให้: สำหรับฝึกทำเว็บไซต์ Optimize ให้เรียบร้อยแล้ว
23 Privacy Policy & Cookie
- Knowledge: ความรู้เบื้องต้นเกี่ยวกับนโยบายข้อมูลส่วนบุคคล
- Privacy Policy: สร้างหน้านโยบายข้อมูลส่วนบุคคล
- Cookie Consent: ติดตั้งปลั๊กอินและจัดการคุกกี้
หมวดที่ 4 : เพิ่มประสิทธิภาพ และการดูแลเว็บไซต์
24 Privacy Policy & Cookie
- Meta Tag คืออะไร
- ติดตั้งปลั๊กอินและตั้งค่า Yoast SEO
- ปรับแต่ง SEO Meta Tags
- ใส่รูป Thumbnail หน้าเว็บ เมื่อแชร์จะแสดงได้เหมาะสมทั้งเว็บไซต์และโซเชียล
25 เพิ่มความเร็วเว็บไซต์
- Optimize Database: ปรับปรุงและลดขนาดฐานข้อมูล
- Cache: จัดการระบบแคช ลดภาระโหลดเซิร์ฟเวอร์ (เว็บเร็วจี๋เลย)
- แนวทางเลือกใช้ธีมและปลั๊กอิน: เพื่อลดภาระโหลดหน้าเว็บไซต์
26 เชื่อมโยงเว็บไซต์เข้ากับ Google
- ความรู้เบื้องต้น Google Index & Search Console
- เปิดให้ Search Engine เข้าถึงเว็บไซต์ได้
- ยืนยันความเป็นเจ้าของเว็บไซต์ กับ Google
- Submit Sitemap XML (เพื่อ Google เข้าใจโครงสร้างเว็บไซต์ได้ง่ายและเก็บข้อมูลได้เร็วขึ้น)
- การดูรายงานสถิติเบื้องต้น: เช่น ยอดวิวเว็บไซต์ มาจากช่องทางใด มาด้วย keyword อะไร เป็นต้น
27 Backup / Restore / Delete / Update
- ความรู้เบื้องต้น และเหตุผลที่ควร Backup & Update WordPress
- Backup: การสำรองข้อมูลเว็บไซต์
- Restore: การกู้คืนเว็บไซต์
- Delete Site: การลบเว็บไซต์โดยใช้แอป Softaculous สำหรับโฮสติ้งที่รองรับ
- Update: การอัปเดตเวอร์ชั่น WordPress อย่างถูกต้อง เว็บไม่พัง (อัปเดตทั้งระบบ)
28 โหมดซ่อมบำรุง (Maintenance Mode)
- ความรู้เบื้องต้น ไอเดียการเปิดใช้โหมดซ่อมบำรุงชั่วคราว แบบไหนควรใช้หรือไม่ควรใช้
- การติดตั้งปลั๊กอิน และวิธีการใช้งาน
29: Plugins & Themes
- Plugin: จัดการปลั๊กอิน + แนวทางเลือกใช้ (ปลั๊กอินฟรี ถูกลิขสิทธิ์)
- Free WordPress Theme: แนวทางเลือกใช้ (ธีมฟรี ถูกลิขสิทธิ์)
- Premium WordPress Theme: แนวทางเลือกซื้อธีมพรีเมียม จากแหล่งยอดนิยม เช่น ThemeForest
30 Users
- สิทธิ์ผู้ใช้ (User Roles): การเข้าถึงส่วนต่างๆ ของระบบ WordPress
- User Profile: แก้ไขข้อมูลผู้ใช้ / เปลี่ยนรหัสผ่าน
- เพิ่มผู้ใช้ สิทธิ์ Subscriber: ดูได้อย่างเดียว แก้ไขเว็บไซต์ไม่ได้
- เพิ่มผู้ใช้ สิทธิ์ Editor: แก้ไขเว็บไซต์ได้ แต่เปลี่ยนธีม ติดตั้งปลั๊กอินไม่ได้
- สิทธิ์ผู้ใช้ Author: เหมาะกับแค่ให้เขียนบทความ แต่ไม่ต้องการให้แก้ดีไซน์/โครงสร้างเว็บไซต์
- Elementor Role: แนวทางให้สิทธิ์เข้าถึง Elementor
- Delete User: การลบผู้ใช้ และการโอนบทความไปยังผู้ใช้รายอื่น
หมวดที่ 5 : สรุปบทเรียน
- สรุปบทเรียน 5 ขั้นตอนการจัดทำเว็บไซต์
- แนวทางต่อยอด ฝึกฝนให้ให้ผู้เรียนเก่งขึ้นเรื่อยๆ
อาจารย์ยุ้ย กัญญ์ชิตา วริทธิ์ทินานนท์
Founder of Webmonster Lab
อัปเดตล่าสุด: 26 สิงหาคม 2026