AI Website Master · Student Resource

Prompt & Download
Hub

คำสั่งที่ใช้จริงในคอร์ส เรียงตาม Chapter — ก๊อป วาง แก้ข้อมูลในวงเล็บ แล้วทำตามคลิปได้ทันที

WordPress Skills

อ่านก่อน: ไม่ใช่ทุกคลิปต้องใช้ Prompt — คลิปติดตั้งและคลิปอธิบายทางเลือกให้ทำตามหน้าจอ ส่วนที่ต้องก๊อปจะมีปุ่ม “คัดลอก” ชัดเจน คำสั่งยาวถอดจากข้อความบนจอ ส่วนคำสั่งสั้นเรียบเรียงจากที่พูดและทำในคลิปให้ก๊อปใช้ได้ โดยคงเจตนาเดิม

อ.เบิร์ด ภกรณ์ ผู้สอน AI Website Master
ผู้สอนอ.เบิร์ด · Pakorn AI

Course Table of Contents

สารบัญเข้าเรียน

กด Chapter ที่ต้องการเพื่อเปิดคลิปใน Facebook Group ได้โดยตรง

หมายเหตุ: Chapter 1–3 ให้ดูตามลำดับ จากนั้นเลือก Chapter 4, 5 หรือ 6 ตามทางของตัวเอง

แสดงทั้งหมด
01

เริ่มต้นที่นี่

เครื่องมือและค่าใช้จ่าย

P1Preview เครื่องมือ และค่าใช้จ่ายที่ใช้ในคอร์สนี้ทำตามคลิป
ไม่มี Prompt ที่ต้องก๊อป — ใช้คลิปนี้เลือกเครื่องมือและวางแผนค่าใช้จ่าย
P2วิธีติดตั้ง Claude Code Desktopทำตามคลิป
ไม่มี Prompt ที่ต้องก๊อป — ติดตั้งตามหน้าจอในคลิป
P3วิธีติดตั้ง ChatGPT Codex Desktopทำตามคลิป
ไม่มี Prompt ที่ต้องก๊อป — ติดตั้งตามหน้าจอในคลิป
02

ปั้นหน้าเว็บให้สวยจนเสร็จ

ตั้งแต่ขุดข้อมูลธุรกิจ ไปจนถึงแก้งานด้วยภาษาคน

EP.1เตรียมข้อมูลธุรกิจ สินค้า บริการ คู่แข่ง ฯลฯ1 Prompt

แก้เฉพาะข้อความใน [วงเล็บ] ถ้าไม่มีลิงก์ใดให้ลบบรรทัดนั้นได้

BUSINESS RESEARCH
คุณคือนักวิจัยข้อมูลธุรกิจมืออาชีพ ที่เก็บข้อมูลเพื่อนำไปสร้างเว็บไซต์ หน้าที่ของคุณคือค้นหาข้อมูลธุรกิจของผมจากอินเทอร์เน็ตให้ละเอียดทุกซอกทุกมุม แล้วสรุปเป็นรายงานพร้อมใช้ออกแบบเว็บ

ข้อมูลตั้งต้นของธุรกิจผม:
- ชื่อธุรกิจ/แบรนด์: [ใส่ชื่อธุรกิจ ทั้งภาษาไทยและอังกฤษถ้ามี]
- ประเภทธุรกิจ: [เช่น ร้านอาหาร / คลินิก / คอร์สสอน / ขายสินค้า]
- พื้นที่ให้บริการ: [เช่น เชียงใหม่ / ทั่วประเทศ / ออนไลน์]
- เว็บไซต์ (ถ้ามี): [ลิงก์]
- Facebook Page: [ลิงก์]
- YouTube: [ลิงก์]
- TikTok: [ลิงก์]
- Instagram / LINE OA / Shopee / Lazada: [ลิงก์]
- Google Maps: [ลิงก์ หรือชื่อที่ใช้ค้นในแผนที่]

ภารกิจของคุณ

ขั้นที่ 1: ตรวจสอบตัวตนก่อน
ค้นหาชื่อธุรกิจนี้ก่อน แล้วสรุปสั้น ๆ ว่าเจอธุรกิจไหน อยู่ที่ไหน ทำอะไร เพื่อยืนยันกับผมว่าเป็นเจ้าเดียวกันแน่ (ระวังชื่อซ้ำกับเจ้าอื่น) รอผมยืนยันก่อนค่อยไปขั้นที่ 2

ขั้นที่ 2: ขุดข้อมูลจากทุกแหล่งที่หาเจอ
ไล่เก็บจากเว็บไซต์เดิม, Facebook Page, YouTube/TikTok, Google Maps/Google Business Profile, สื่อ/บทความ/ข่าว, Pantip/กลุ่ม Facebook/ฟอรั่ม และ Marketplace เท่าที่หาเจอ พร้อมแนบลิงก์ที่มา

ขั้นที่ 3: วิเคราะห์คู่แข่งเบื้องต้น
หาคู่แข่งในหมวดเดียวกัน 2–3 เจ้า ดูว่าเว็บ/เพจเขานำเสนออะไร แล้วชี้ว่าธุรกิจของผมมีจุดไหนเหนือกว่า หรือควรนำเสนอต่างจากเขาอย่างไร

ขั้นที่ 4: สรุปเป็นรายงาน “Website Content Research Report”
อย่างน้อยให้มี: ภาพรวมธุรกิจ, สินค้า/บริการทั้งหมดและราคาเท่าที่หาเจอ, กลุ่มลูกค้า, จุดขาย (USP), หลักฐานความน่าเชื่อถือ, เสียงลูกค้า, FAQ, ช่องทางติดต่อ, ข้อมูลที่ขัดแย้งกัน, ข้อมูลที่ยังขาด และโครงสร้างหน้าเว็บที่แนะนำ

ขั้นที่ 5: สร้าง “HOME PAGE BRIEF” สำหรับส่งต่อให้ AI ออกแบบเว็บ
หลังส่งรายงานเสร็จ ให้สร้างข้อความอีกก้อนแยกต่างหาก ชื่อ HOME PAGE BRIEF ที่จบในตัวเอง ยาวไม่เกิน 1 หน้ากระดาษ คัดเฉพาะสิ่งที่หน้า Home ต้องใช้จริง และเขียนก็อปปี้จริง ไม่ใช่คำสั่ง เช่น Section Hero ต้องมีพาดหัวจริง ไม่ใช่เขียนว่า “ใส่พาดหัวดึงดูด”
EP.2รู้จัก Claude Design · Usage Limits · การเลือก Modelทำตามคลิป
ไม่มี Prompt หลัก — คลิปนี้สอนเลือกเครื่องมือและโมเดล
EP.3สร้างหน้า Home Page หน้าแรกกัน1 Prompt
FIRST DESIGN
ช่วยออกแบบ Home Page ให้ที จากไฟล์อ้างอิงที่แนบไว้
EP.4ให้ Claude Design ทำหน้า Home ให้เราหลาย ๆ แบบ1 Prompt
5 DIRECTIONS
ช่วยออกแบบ mockup ตัวอย่างหน้าเพจที่ไม่ซ้ำแบบกันให้ดูสัก 5 แบบ เพื่อให้ผมใช้เป็นทางเลือก โดยไม่ต้องทำมาแบบสมบูรณ์ ทำมาให้เห็นในเบื้องต้นก็พอ
EP.5เพิ่ม Option Tweak Design หลาย ๆ แบบ7 Prompts

เลือกใช้ทีละข้อ ไม่ต้องยิงทั้งหมดพร้อมกัน

PICK A DIRECTION
ผมเลือกแบบ [ใส่ชื่อแบบ] ช่วยทำหน้าเต็ม ๆ มาให้ด้วย
FONT
ขอเพิ่ม option tweak font สัก 5 แบบ
COLOR
ขอเพิ่ม option คู่สีอีก 10 คู่ ให้ผมกดเปรียบเทียบและเลือกได้
HERO
ขอเพิ่ม option tweak Hero Section อีก 5 แบบ
BUTTON HOVER
ขอเพิ่ม effect ตอน hover ปุ่มอีก 5 แบบ ให้ผมเลือก
CTA
ขอเพิ่มปุ่ม CTA แบบที่ยังไม่มี เพื่อดึงดูดให้คนกด อีก 5 แบบ
MORE IDEAS
ช่วยเสนอสิ่งที่ tweak ได้อีกสัก 5 เรื่อง ให้ผมเลือก
EP.6ส่งต่องานให้ Claude Code พร้อมเรื่องพื้นฐานที่ควรรู้กดจากระบบ
Claude Design จะสร้าง Prompt ส่งต่องานให้เอง ให้กด Send to Code / Copy Prompt ตามคลิป ไม่ควรใช้ Prompt กลางแทน เพราะรายละเอียดของแต่ละเว็บไม่เหมือนกัน
EP.7ให้ Claude Code จัดการเรื่องหน้า Home ให้เสร็จ2 Prompts
PLACE LOCAL PHOTOS
ช่วยเอารูปที่รวมทำเว็บในโฟลเดอร์นี้ ไปใส่ในจุดต่าง ๆ ในหน้าเว็บนี้ให้เว็บดูน่าสนใจขึ้น
REUSE REVIEWS
อีกเรื่องหนึ่ง ผมมีเว็บ Landing Page เก่าอยู่ที่ [ใส่ลิงก์] ด้านล่างจะมีรูปรีวิวเพียบเลย ช่วยเอาทั้งหมดมาใส่ในหน้านี้ในตำแหน่งที่เหมาะสมให้ที
EP.8ให้ Claude Code ปรับแต่งหน้า Home ตามความต้องการ2 Prompts
GET LOGO
โลโก้ ช่วยไปเอามาจาก [ใส่ลิงก์เว็บเดิม] แล้วนำมาใช้ในหน้าเว็บนี้
LINE BUTTON
ปุ่ม LINE ทุกปุ่ม ขอให้ใช้สีเดียวกับ LINE Official เพื่อสื่อว่าคลิกไปที่ LINE
EP.9ติดตั้งเครื่องมือช่วย Claude in Chromeทำตามคลิป
ไม่มี Prompt หลัก — ติดตั้งและอนุญาตสิทธิ์ตามหน้าจอในคลิป
03

ทางแยก

เลือกทางเอาเว็บขึ้นออนไลน์

EP.10ทางแยก คุณต้องไปดูบทเรียนไหนต่อเลือกเส้นทาง
ไม่มี Prompt — เลือกดู Chapter 4, 5 หรือ 6 ตามสถานการณ์ของเว็บ
04

ทาง Cloudflare

ขึ้นออนไลน์ฟรี ตรวจงาน และดูแลเวอร์ชัน

CF1เกริ่นนำทำตามคลิป
ไม่มี Prompt — คลิปนี้อธิบายภาพรวมเส้นทาง Cloudflare
CF2เอาเว็บขึ้นออนไลน์ ฟรี เร็ว ปลอดภัย1 Prompt
DEPLOY TO CLOUDFLARE PAGES
ช่วยเอาเว็บในโฟลเดอร์นี้ขึ้นอินเทอร์เน็ตด้วย Cloudflare Pages ให้หน่อย ฉันไม่เคยทำมาก่อนและไม่ถนัดเรื่องเทคนิค ขอให้พาทำทีละขั้น และหยุดรอฉันตรงขั้นที่ฉันต้องลงมือเอง

ขอให้ทำตามนี้:
1. เช็กก่อนว่าเว็บในโฟลเดอร์นี้พร้อมขึ้นออนไลน์หรือยัง ถ้ายังขาดอะไรให้บอกและช่วยแก้ก่อน
2. พาฉันสมัครหรือเข้าใช้ Cloudflare และสร้าง Pages project ทีละขั้น
3. ตรงไหนที่ต้องล็อกอิน ยืนยันตัวตน อนุญาตสิทธิ์ หรือกดปุ่มสำคัญ ให้หยุดและบอกฉันว่าต้องกดตรงไหน
4. อย่าเปิดเผยรหัสผ่าน API key token หรือข้อมูลลับในแชทและไฟล์งาน
5. ก่อนอัปขึ้นจริงให้สรุปว่ากำลังจะทำอะไร และขอให้ฉันยืนยันก่อน
6. อัปขึ้นแล้วให้เปิด URL จริง ตรวจว่าหน้าเว็บ รูป เมนู ปุ่ม และหน้ามือถือทำงานครบ แล้วส่งลิงก์ให้ฉัน

ถ้าติดตรงไหนให้บอกฉันตรง ๆ อย่าเดาแล้วทำต่อ
CF3พาตรวจหน้า Home ใหม่ ก่อนใช้จริง1 Prompt
LIVE WEBSITE AUDIT
ช่วยตรวจหน้าเว็บที่เพิ่งออนไลน์ให้หน่อยว่าครบถ้วนและพร้อมใช้งานจริงไหม ให้ตรวจจากหน้าเว็บจริง ไม่ใช่ไฟล์ในเครื่อง และรายงานเป็นตารางทีละหมวด อย่าเพิ่งแก้อะไรทั้งนั้นจนกว่าฉันจะสั่ง

ตรวจอย่างน้อยเรื่องต่อไปนี้:
- ตัวเลข คำอวดอ้าง ชื่อบริษัท ที่อยู่ ช่องทางติดต่อ และข้อมูลที่ต้องให้ฉันยืนยัน
- ลิงก์และปุ่มทุกปุ่มว่ากดแล้วมีปลายทาง
- วิดีโอและแบบฟอร์มว่าใช้งานได้จริง
- คำที่เสี่ยงผิดกฎหมายหรือทำให้เข้าใจผิด
- หน้ามือถือว่ามีข้อความซ้อน ล้น หรือเล็กเกินไปหรือไม่
- SEO On-page, Meta Title, Meta Description
- OG Title, Description และ Image ตอนแชร์ LINE/Facebook
- robots.txt, llms.txt และไฟล์มาตรฐานที่ควรมี
- Google Analytics, Google Tag Manager, Facebook Pixel (ตรวจอย่างเดียว ไม่ต้องติดตั้ง)
- สิ่งผิดปกติอื่น ๆ ที่พบ

แยกผลเป็น “ผ่าน / ต้องยืนยัน / ต้องแก้” และรอคำสั่งฉันก่อนแก้ทุกจุด
CF4ให้ AI Search มาเก็บข้อมูล · ทำ robots.txt, llms.txt1 Prompt
STANDARD FILES
ช่วยสร้างไฟล์มาตรฐานที่ยังขาดให้ครบ และอัปขึ้น Cloudflare ทับของเดิม

1. robots.txt — อนุญาต bot ของ AI และ Search Engine เข้ามาอ่านเว็บ ห้ามใส่กฎบล็อกโดยไม่ถาม
2. หน้า 404 — สำหรับคนพิมพ์ที่อยู่ผิด ดีไซน์เรียบ ๆ โทนสีเดียวกับหน้าเว็บ ข้อความภาษาไทย และมีปุ่มกลับหน้าแรก
3. llms.txt — สรุปให้ AI เข้าใจว่าธุรกิจนี้คืออะไร ขายอะไร มีหน้าและข้อมูลสำคัญอะไรบ้าง

ก่อนอัปให้เปิดเนื้อหาทั้ง 3 ไฟล์ให้ฉันตรวจและยืนยันก่อน หลังอัปให้เปิด URL จริงของแต่ละไฟล์เพื่อตรวจอีกครั้ง
CF5การสั่งแก้ไข backup ข้อมูล และย้อนเวอร์ชันใน Cloudflare4 Prompts
EDIT + DEPLOY
ช่วยแก้ [บอกจุดที่ต้องการแก้] ในหน้าเว็บนี้ แล้วเปิดให้ผมดูก่อน อย่าเพิ่งอัปขึ้นเว็บจริงจนกว่าผมจะยืนยัน
BACKUP
ช่วย backup เว็บไซต์เวอร์ชันปัจจุบันก่อนแก้ และบอกตำแหน่งไฟล์สำรองให้ผมด้วย
DEPLOY LATEST
ผมตรวจแล้ว เอาเวอร์ชันนี้ขึ้น Cloudflare ทับของเดิมได้เลย หลังอัปให้ตรวจ URL จริงทั้งจอคอมและมือถือ
ROLL BACK
ช่วยย้อนเว็บไซต์กลับไปใช้เวอร์ชันก่อนหน้า แล้วตรวจ URL จริงให้ด้วยว่าเปลี่ยนกลับเรียบร้อย
CF6เพิ่มหน้าต่อ ๆ ไป ลงในเว็บไซต์ของเราบน CF1 Prompt
ADD ANOTHER PAGE
ผมมีดีไซน์หน้านี้มา และอยากได้หน้านี้ขึ้นเป็นหน้าใหม่บนเว็บเดียวกัน ช่วยทำเมนูเข้าหน้านี้จากหน้า Home ให้ด้วย และทำหน้าใหม่ขึ้นให้เรียบร้อย หลังทำเสร็จให้ตรวจว่าลิงก์ไปกลับระหว่างสองหน้าถูกต้อง
CF7เกริ่นเรื่องการใช้ Domain name จริง กับเว็บใหม่บน Cloudflareทำตามคลิป
ไม่มี Prompt หลัก — ใช้คลิปนี้เลือกกรณี Domain ที่ตรงกับตัวเอง
CF8ซื้อ Domain name ใหม่ทำตามคลิป
ไม่มี Prompt ที่ควรก๊อปตายตัว — ชื่อโดเมน ราคา และหน้าจอซื้อเปลี่ยนได้ ให้ทำตามขั้นตอนในคลิปและอ่านยอดเงินจริงก่อนกดซื้อ
05

ทาง Hosting

เช่าโฮสต์ของตัวเองและเตรียม WordPress

H1การเช่า hosting ของตัวเองทำตามคลิป
ไม่มี Prompt ตายตัว — แพ็กเกจและราคาของแต่ละผู้ให้บริการเปลี่ยนได้ ให้ใช้เกณฑ์ในคลิปเทียบก่อนซื้อ
H2ถ้าเช่า Host และติดตั้ง WordPress แล้ว ทำไงต่อเลือกเส้นทาง
ไม่มี Prompt — ไปต่อ Chapter 6 เพื่อ backup และ deploy
06

ทาง WordPress

สำรองเว็บเดิม เอาหน้าใหม่ขึ้น และมีทางเปลี่ยนกลับ

WP1เกริ่นนำ เอาเว็บใหม่ขึ้น WordPress เดิมห้ามข้าม
ไม่มี Prompt — ฟังกติกาความปลอดภัยก่อนแตะเว็บจริง
WP2ห้ามข้าม · เว็บเดิมจะพังไหม กับกติกาความปลอดภัยห้ามข้าม
ไม่มี Prompt — ดูคลิปให้จบก่อนติดตั้ง Skill และห้ามเอารหัสผ่านหลักส่งในแชท
WP3ติดตั้ง Skill backup และ deploy WordPress2 Downloads

ดาวน์โหลดไฟล์ ZIP จากส่วน ไฟล์ดาวน์โหลด ด้านล่าง แล้วติดตั้งทีละ Skill ตามคลิป

WP4ใช้ Skill Backup WordPress ก่อนแตะของจริง3 Prompts
START SKILL
/pakorn-backup-wordpress
PLAIN LANGUAGE
ช่วย backup เว็บ WordPress นี้ให้หน่อย: [ใส่ URL เว็บ]
พาผมทำทีละขั้น ตรงไหนที่ผมต้องล็อกอินหรือกดเองให้หยุดรอ และเมื่อเสร็จแล้วบอกตำแหน่งไฟล์ backup ให้ชัดเจน
RESTORE
ช่วยกู้เว็บจาก backup ล่าสุดให้หน่อย ก่อนเริ่มให้บอกว่าจะใช้ไฟล์ไหน และรอผมยืนยันก่อนกู้จริง
WP5ใช้ Skill Deploy ขึ้น WordPress2 Prompts
START SKILL
/pakorn-deploy-to-wordpress
PLAIN LANGUAGE
ช่วยเอาหน้าเว็บในโฟลเดอร์นี้ขึ้น WordPress ให้หน่อย แต่ยังไม่ต้องตั้งเป็นหน้าแรก พาผมทำทีละขั้น และหยุดรอผมตรงขั้นที่ต้องล็อกอิน ยืนยัน หรือกดปุ่มสำคัญเอง หลังขึ้นแล้วให้ตรวจหน้า URL จริงทั้งจอคอมและมือถือ
WP6พาตรวจหน้า Home ใหม่ 7 รายการก่อนใช้จริง1 Prompt
PRE-HOMEPAGE CHECK
ตรวจความพร้อมก่อนขึ้นหน้าแรก
WP7เปลี่ยนหน้าใหม่เป็นหน้า Home และการเปลี่ยนกลับ2 Prompts
MAKE HOMEPAGE
ช่วยเปลี่ยนหน้านี้เป็นหน้า Home จริงให้ แต่ให้ผมเป็นคนกดยืนยันเองนะ
ROLL BACK HOMEPAGE
ช่วยเปลี่ยนหน้า Home กลับเป็นหน้าเดิมให้หน่อย แต่ให้ผมเป็นคนกดยืนยันเองนะ

ไฟล์ดาวน์โหลดสำหรับผู้เรียน

โหลดรวมก้อนเดียว หรือเลือกเฉพาะไฟล์ที่ต้องใช้

AI Website Master · Pakorn.in.th · อัปเดต 3 กันยายน 2569