← กลับหน้า Gallery

เอาสไตล์ไปใช้ยังไง? 🚀

ทุกสไตล์ใน Gallery นี้ ก๊อปไปใช้ได้ฟรี — เลือกวิธีที่เหมาะกับคุณจาก 3 ทางด้านล่าง

อัปเดตล่าสุด: 14 ส.ค. 2569

📋ทาง 1: Copy Codeได้ไฟล์ HTML สำเร็จรูป เปิดใช้ได้ทันที
✓ เหมาะกับคนพอเขียนเว็บเป็น
🤖ทาง 2: AI Promptให้ AI สร้างเว็บสไตล์นี้เวอร์ชันของคุณเอง
✓ เหมาะกับคนใช้ AI เป็น ไม่ต้องเขียน code
🌐ทาง 3: ขึ้นเว็บจริงเอาไฟล์ขึ้น GitHub + Vercel ให้คนทั้งโลกเข้าได้
✓ เหมาะกับคนอยากมีเว็บจริง ฟรี

1ทาง 1: Copy Code — เร็วสุด (2 นาที)

ทุกหน้า demo เป็นไฟล์ HTML ไฟล์เดียวจบ ไม่ต้องติดตั้งอะไร

  1. ที่หน้า Gallery กดปุ่ม ✨ ใช้สไตล์นี้ บนการ์ดที่ชอบ
  2. เลือก 📋 Copy Code (คัดลอกทั้งหน้า) หรือ 💾 ดาวน์โหลดไฟล์
  3. ถ้าก๊อป: เปิดโปรแกรมแก้ text (VS Code, Notepad) → วาง → เซฟเป็น index.html
  4. ดับเบิลคลิกไฟล์ → เว็บเปิดในเบราว์เซอร์ทันที 🎉
  5. แก้ข้อความ/สี/รูปตามใจ — ทุกอย่างอยู่ในไฟล์เดียว
💡 ไม่รู้จะแก้ตรงไหน? เอาไฟล์ที่โหลดมา + บอกสิ่งที่อยากแก้ โยนให้ AI (ทาง 2) ช่วยแก้ให้ก็ได้

2ทาง 2: AI Prompt — ไม่ต้องเขียน code เลย

ยุคนี้ไม่ต้องก๊อป code แล้ว — ก๊อป "คำสั่ง" ให้ AI สร้างเว็บสไตล์เดียวกันเป็นเวอร์ชันของคุณเองได้เลย

  1. กดปุ่ม ✨ ใช้สไตล์นี้ → เลือก 🤖 Copy AI Prompt
  2. เปิด AI ตัวไหนก็ได้: Claude (claude.ai), ChatGPT (chatgpt.com), Gemini, v0.dev
  3. วาง prompt แล้วพิมพ์เพิ่มว่าเว็บคุณเกี่ยวกับอะไร เช่น "ทำให้ร้านกาแฟชื่อ Slow Bar"
  4. AI จะสร้างไฟล์ HTML สไตล์นั้นให้ — เซฟแล้วเปิดใช้ได้ทันที
  5. คุยกับ AI ต่อเพื่อปรับจนพอใจ เช่น "เพิ่มเมนูราคา" "เปลี่ยนโทนเขียว"

สายจริงจัง: ใช้ AI CLI (Claude Code / Codex)

ถ้าคุณใช้ AI ในเทอร์มินัลอยู่แล้ว วาง prompt เดียวกันได้เลย เช่น:

claude "<วาง prompt ที่ก๊อปมา> แล้วเซฟเป็น index.html"

codex "<วาง prompt ที่ก๊อปมา>"

AI CLI จะสร้างไฟล์ + แก้ไข + ต่อยอดเป็นหลายหน้าให้ได้ในโปรเจกต์เดียว

3ทาง 3: เอาขึ้นเว็บจริง — ฟรี (10 นาที)

มีไฟล์ HTML แล้ว (จากทาง 1 หรือ 2) อยากให้คนอื่นเข้าดูได้ทั่วโลก ทำตามนี้

ขั้น A: สมัคร 2 บริการ (ฟรีทั้งคู่ ครั้งเดียวจบ)

  1. GitHub — ที่เก็บ code: github.com/signup (ใช้อีเมลสมัคร)
  2. Vercel — ตัวทำให้เป็นเว็บ: vercel.com/signup → เลือก Continue with GitHub (ผูกกันเลย สมัครทีเดียว)

ขั้น B: อัปโหลดไฟล์ขึ้น GitHub

  1. เข้า GitHub → กดปุ่ม + มุมขวาบน → New repository
  2. ตั้งชื่อ เช่น my-website → เลือก Public → กด Create repository
  3. กดลิงก์ uploading an existing file → ลากไฟล์ index.html ลงไป
  4. กด Commit changes — เสร็จ ไฟล์อยู่บน GitHub แล้ว

ขั้น C: ทำให้เป็นเว็บด้วย Vercel

  1. เข้า vercel.com/new → จะเห็น repo my-website ที่เพิ่งสร้าง → กด Import
  2. ไม่ต้องตั้งค่าอะไร → กด Deploy → รอ ~30 วินาที
  3. ได้ลิงก์เว็บจริง เช่น my-website.vercel.app — ส่งให้ใครก็เข้าได้ 🎉
  4. อยากแก้เว็บ: แก้ไฟล์บน GitHub (กดไฟล์ → ✏️ Edit → Commit) → เว็บอัปเดตเองอัตโนมัติ
💡 อยากได้โดเมนสวยๆ ของตัวเอง (เช่น mybrand.com): ซื้อโดเมน (~400 บาท/ปี) แล้วผูกใน Vercel → Settings → Domains — เว็บนี้ก็ทำแบบเดียวกัน
⚠️ ฟรีจริง ไม่มีเงื่อนไขแอบแฝง — Vercel ฟรีสำหรับเว็บส่วนตัว/โปรเจกต์เล็ก เพียงพอสำหรับเว็บ HTML แบบนี้สบายๆ

?คำถามพบบ่อย

ใช้ทำเว็บขายของ/เว็บบริษัทได้ไหม?
ได้ — สไตล์ทั้งหมดเอาไปใช้และดัดแปลงได้อิสระ ไม่ต้องขออนุญาต ไม่ต้องให้เครดิต (ให้ก็ยินดี 😊)
ไม่มีคอมพิวเตอร์ ใช้มือถือทำได้ไหม?
ทาง 2 (AI Prompt) ทำบนมือถือได้เต็มรูปแบบ — ก๊อป prompt วางในแอพ Claude/ChatGPT แล้วให้ AI ส่งไฟล์ให้ ส่วนขั้นขึ้น GitHub/Vercel ทำผ่านเบราว์เซอร์มือถือได้แต่จอเล็กหน่อย
เว็บใน Gallery มีหลายหน้าไหม?
แต่ละสไตล์เป็นหน้าเดียว (landing page) — ถ้าอยากได้หลายหน้า ใช้ AI CLI (ทาง 2) ต่อยอดจากไฟล์แรกได้เลย
ติดปัญหา ถามใครได้?
โยนคำถาม + ภาพหน้าจอให้ AI (Claude/ChatGPT) ช่วยได้แทบทุกเรื่อง หรือดู คู่มือ Vercel ฉบับเต็ม
← เลือกสไตล์ที่ชอบจาก 44 แบบ