---
title: สไตล์จากแคตตาล็อก 1001site
description: วิธีเลือกสไตล์จากตัวอย่างเว็บไซต์ชั้นนำกว่า 1,000 เว็บไซต์ นำไปใช้กับเว็บไซต์ของคุณ เปลี่ยนแปลง หรือลบสไตล์นั้นออก ไฟล์สไตล์สำหรับ AI
section: design
keywords: รูปแบบเว็บไซต์, แคตตาล็อกสไตล์, การออกแบบ, ธีม, สี, ฟอนต์, DESIGN.md
updated: 2026-09-16
howto: yes
---

สไตล์คือเทมเพลตเว็บไซต์ที่ออกแบบไว้ล่วงหน้าโดยอิงจากแพลตฟอร์มที่เป็นที่รู้จักกันดี ได้แก่ สี ฟอนต์ รูปทรงปุ่มและการ์ด และแอนิเมชัน แคตตาล็อกของ 1001site มีสไตล์ให้เลือกถึง 1,000 แบบ เลือกเทมเพลตแล้วคลิก "ใช้" เว็บไซต์ของคุณก็จะได้รับการออกแบบในสไตล์นั้น

> [!tip] เหมาะสำหรับใคร?
> สำหรับทุกคนที่ต้องการเว็บไซต์ที่สวยงามโดยไม่ต้องจ้างนักออกแบบ คุณสามารถเปลี่ยนสไตล์ได้บ่อยเท่าที่ต้องการ

![การเลือกสไตล์สำหรับสำนักงานของคุณ](/wiki/img/style-picker.webp "หน้าต่าง “เลือกสไตล์จากแคตตาล็อก”: ค้นหา, การ์ดแสดงผล, ปุ่ม “ใช้”")

## จะเลือกสไตล์ไหนดี

- ในบัญชีของคุณ: การตั้งค่า → หน้าแรกและเมนู → "รูปแบบเว็บไซต์" → "เลือกรูปแบบ" (หรือ "เลือกรูปแบบอื่น") หรือทำตามขั้นตอนที่ 2 [ของคำแนะนำ](/wiki/th/guide)
- บนเว็บไซต์ไดเร็กทอรี [1001site.com](https://1001site.com/): เปิดสไตล์และคลิก "ใช้กับบอร์ดของคุณ" ที่ด้านล่างของการ์ด หากคุณเข้าสู่ระบบอยู่แล้ว สไตล์จะถูกนำไปใช้ทันที
- ในแคตตาล็อก เมื่อลงทะเบียนแล้ว ให้เลือก "รับเลย" → "แบบรวมทุกอย่าง" ระบบจะจดจำสไตล์ที่เลือกไว้และนำไปใช้หลังจากชำระเงินเรียบร้อยแล้ว

## ขั้นตอน

### ขั้นตอน 1. เปิดแคตตาล็อก

ในส่วน "รูปแบบเว็บไซต์" ให้คลิก "เลือกรูปแบบ" หน้าต่างที่มีการ์ดจะเปิดขึ้นมา เลื่อนเมาส์ไปที่การ์ดเพื่อดูวิดีโอของเว็บไซต์ตัวอย่าง

### ขั้นตอน 2. ค้นหาสไตล์

การค้นหาจะค้นหาตามชื่อแบรนด์ สี แบบอักษร และหมวดหมู่ ตัวอย่างเช่น: "apple," "minimal," "dark," "shop"

### ขั้นตอน 3. คลิกสมัคร

ภายในไม่กี่วินาที รูปแบบการตกแต่งจะถูกนำไปใช้: สี ฟอนต์ ความโค้งมน เงา และแอนิเมชั่น ชื่อและตัวอย่างของรูปแบบที่เลือกจะปรากฏในบล็อก "รูปแบบเว็บไซต์" เปิดเว็บไซต์โดยคลิกที่ลิงก์ "ดูผลลัพธ์"

## อะไรเปลี่ยนสไตล์

| อะไร | ยังไง |
|---|---|
| สี | พื้นหลัง การ์ด ข้อความ เน้นสี ธีมเริ่มต้นแบบสว่างหรือมืด—ดังตัวอย่าง |
| แบบอักษร | มีการเลือกแบบอักษรที่คล้ายกับแบบอักษรตัวอย่างจาก Google Fonts |
| รูปร่าง | การทำให้ปุ่มและบัตรโค้งมน บัตรแบน หรือมีเงา ความหนาแน่น |
| แอนิเมชัน | หนึ่งในสี่ชุด: สงบ นุ่มนวล เปล่งประกาย มีชีวิตชีวา |
| บ้าน | หากเปิดใช้งานตัวเลือก "ออกแบบหน้าแรก" บล็อกส่วนหัวที่มีชื่อเว็บไซต์และสโลแกนสไตล์จะถูกเพิ่มไว้ด้านบนสุด |

รูปแบบการตั้งค่านี้ไม่มีผลต่อข้อความ สินค้า หมวดหมู่ หน้าเว็บ หรือ CSS ของคุณ การแก้ไข CSS ของคุณจะถูกบันทึกไว้ข้างๆ บล็อกรูปแบบการตั้งค่า

## สไตล์และผู้ช่วย AI

หลังจากเลือกสไตล์แล้ว ผู้ช่วย AI จะประกอบหน้าแรกและหน้าต่างๆ โดยอิงตามแบบอ้างอิงการออกแบบของสไตล์นั้น ได้แก่ การจัดองค์ประกอบ ภาพ การจัดวางตัวอักษร และโทนของข้อความ นี่เป็นหลักการเดียวกับที่นักออกแบบใช้ คือ สไตล์ → ระบบการออกแบบ → หน้าเว็บ

## เปลี่ยนหรือลบสไตล์

- **การเปลี่ยนแปลง**: "เลือกอื่นๆ" → เลือกใหม่ → "ใช้" บล็อกสไตล์เดิมจะถูกแทนที่ ไม่ใช่เพิ่มเข้าไป
- **ลบ**: คลิกไอคอนถังขยะในหน้าตัวอย่างสไตล์ การทำเช่นนี้จะลบ CSS และชื่อของสไตล์นั้น สีและแบบอักษรจะยังคงอยู่เหมือนเดิม คุณสามารถปรับแต่งได้ในส่วนการสร้างแบรนด์ หรือขอให้ผู้ช่วย "รีเซ็ตการออกแบบ"

## ไฟล์สไตล์

สไตล์แต่ละแบบในแคตตาล็อกจะมีไฟล์ที่เครื่องมือ AI สามารถเข้าใจได้:

- **DESIGN.md** (สมบูรณ์และกระชับ) — คำอธิบายสไตล์: สีพร้อมบทบาท, แบบอักษร, ขนาด, การเยื้อง, กฎที่ควรทำ/ไม่ควรทำ
- **Tailwind v4** เป็นธีมสำหรับ Tailwind
- **ตัวแปร CSS** - ตัวแปร CSS
- **โทเค็นการออกแบบ** — JSON พร้อมโทเค็น

สามารถคัดลอกหรือดาวน์โหลดไฟล์ได้จากหน้าแคตตาล็อกของสไตล์นั้นๆ ส่งให้ Claude, ChatGPT, Cursor หรือผู้ช่วยของเราได้ง่ายๆ โดยบอกว่า "สร้างงานในสไตล์นี้" ดูรายละเอียดเพิ่มเติมได้ [ที่แคตตาล็อกสไตล์](/wiki/th/reference-catalog)

## อัตราภาษีศุลกากร

การปรับแต่งสไตล์ให้กับเว็บไซต์ของคุณนั้นสามารถทำได้เฉพาะในแพ็กเกจแบบชำระเงินเท่านั้น หากไม่สมัครแพ็กเกจ สไตล์จะถูกบันทึกและนำไปใช้โดยอัตโนมัติหลังจากชำระเงินเสร็จสิ้น

## คำถามและคำตอบ

### ได้ทำการปรับรูปแบบแล้ว แต่เว็บไซต์ไม่เหมือนกับตัวอย่าง ทำไมจึงเป็นเช่นนั้น?

รูปแบบการออกแบบจะคงสี ฟอนต์ รูปทรง และแอนิเมชั่นเอาไว้ โครงสร้างหน้าเว็บและรูปภาพเป็นของคุณ หากต้องการให้หน้าแรกดูเหมือนตัวอย่าง ให้ถามผู้ช่วย AI ว่า "ออกแบบหน้าแรกในสไตล์ของเว็บไซต์: ส่วนหัว ส่วนข้อดี แกลเลอรี่ ติดต่อเรา"

### ฉันสามารถใช้สไตล์เดียวกันกับหลายเว็บไซต์ได้หรือไม่?

ใช่แล้ว รูปแบบดังกล่าวถูกนำไปใช้กับเว็บไซต์ปัจจุบันแล้ว ลองเปลี่ยนเว็บไซต์ในแดชบอร์ดของคุณ แล้วลองใช้รูปแบบนั้นอีกครั้ง

### ฉันเปลี่ยนสีด้วยตนเองแล้วจึงใช้สไตล์ อันไหนดีกว่ากัน?

สไตล์. สีจากสไตล์จะแทนที่สีที่กำหนดเอง CSS ที่กำหนดเองจากส่วน "โค้ดและวิดเจ็ต" จะยังคงอยู่

### ตัวอย่างเหล่านี้มาจากไหน?

จากแคตตาล็อกแบบเปิดของรูปแบบเว็บไซต์ยอดนิยม วิดีโอและโปสเตอร์ถูกจัดเก็บไว้บนเซิร์ฟเวอร์ของเรา