---
title: อ้างอิงจากแคตตาล็อกสไตล์ 1001site.com
description: วิธีใช้งานแคตตาล็อก 1000 Styles: การค้นหา, แท็บ, หน้าสไตล์, ไฟล์สไตล์, ปุ่ม "รับไปใช้เอง", ราคา, ธีม และภาษา
section: reference
keywords: ไดเร็กทอรีสไตล์, ข้อมูลอ้างอิง, 1001site, สไตล์เว็บไซต์, ทำเองได้, ไฟล์สไตล์
updated: 2026-09-16
---

[1001site.com](https://1001site.com/) คือแคตตาล็อกของสไตล์เว็บไซต์กว่า 1,000 แบบจากเว็บไซต์และร้านค้าออนไลน์ที่ดีที่สุดทั่วโลก เปิดดูสไตล์ใดก็ได้ ดูสี ฟอนต์ รูปแบบ และวิดีโอของเว็บไซต์ตัวอย่าง ดาวน์โหลดไฟล์สไตล์ แล้วสร้างเว็บไซต์แบบเดียวกันด้วยตัวคุณเอง

![แคตตาล็อกบ้าน](/wiki/img/reference-home.webp "หน้าแรก: แท็บส่วนหัว, ค้นหา, หมวดหมู่ชิป, สินค้ามาแรง, สินค้ายอดนิยม และร้านค้าออนไลน์")

## บ้าน

- **ค้นหา** ตามแบรนด์ สี ฟอนต์ และหมวดหมู่ แถบการค้นหามีตัวกรองด่วนให้เลือกใช้ ได้แก่ ความเรียบง่าย ซอฟต์แวร์as a service (SaaS) บริสุทธิ์ บทความเชิงบรรณาธิการ การไล่ระดับสีแบบนุ่มนวล ขาวดำ สนุกสนาน ความคมชัดสูง และระดับพรีเมียม
- **แท็บ**: "กำลังเป็นที่นิยม", "สินค้ายอดนิยม", "ร้านค้าออนไลน์"
- **ฟีด** การ์ดแบบสามคอลัมน์ เมื่อเลื่อนเมาส์ไปที่การ์ด วิดีโอของเว็บไซต์จะเล่น ตัวนับจะแสดง "1001 เว็บไซต์ยอดนิยมของโลก" หรือจำนวนที่ค้นพบ
- **ส่วนหัว**: โลโก้, แว่นขยาย (ลิงก์ค้นหา), ปุ่ม "สั่งซื้อ", เมนู เมนูประกอบด้วยตัวสลับธีม (สว่าง, มืด, อัตโนมัติ) และตัวเลือกภาษาจาก 107 ภาษา พร้อมฟังก์ชันค้นหา
- **แถบส่วนท้ายเว็บไซต์** แสดงโลโก้และไอคอนของ YouTube, Telegram และ WhatsApp การคลิกที่แถบจะเปิดส่วนท้ายเว็บไซต์แบบเต็มพร้อมรายละเอียด หน้าต่างๆ และไอคอนต่างๆ (ข้อมูล EU, GDPR, HTTPS, Stripe, Monobank, การสำรองข้อมูล, การตรวจสอบ, Claude, ChatGPT, Gemini)

![ริบบิ้นสไตล์](/wiki/img/reference-feed.webp "จัดรูปแบบการ์ดด้วยวิดีโอเมื่อวางเมาส์เหนือการ์ด")

## หน้าสไตล์

![หน้าสไตล์](/wiki/img/reference-style.webp "หน้าสไตล์: ตัวอย่างวิดีโอ คำอธิบาย แท็ก ปุ่ม “ดูเว็บไซต์”")

ที่อยู่: `/style/название`. บนหน้าเว็บ:

- **ตัวอย่าง** — วิดีโอและโปสเตอร์ของเว็บไซต์ตัวอย่าง ชื่อเรื่อง คำโปรย แท็ก และลิงก์ "ดูเว็บไซต์" (เปิดเว็บไซต์ต้นฉบับในแท็บใหม่)
- **คำอธิบาย** —ลักษณะสไตล์ องค์ประกอบภาพ สำหรับบางสไตล์ การวิเคราะห์ฉบับเต็มเป็นภาษารัสเซียยังอยู่ระหว่างการจัดทำ โดยจะแสดงคำโปรยและข้อเท็จจริง
- **ไฟล์สไตล์** — แท็บ DESIGN.md (แบบกะทัดรัดและแบบขยาย), Tailwind v4, ตัวแปร CSS, โทเค็นการออกแบบ ปุ่ม "คัดลอก" และ "ดาวน์โหลด" ไฟล์เหล่านี้ใช้งานได้กับ Claude, ChatGPT, Cursor, Codex และแดชบอร์ดของเรา
- **พาเล็ตสี** - สีต่างๆ พร้อมบทบาทและรหัส (คลิกเพื่อคัดลอกรหัส)
- **การจัดวางตัวอักษร** - แบบอักษร, แบบอักษรทดแทนจาก Google Fonts, ขนาดตัวอักษร
- **ระยะห่างและรูปทรง** - ความหนาแน่น ระยะห่างระหว่างเส้น รัศมี เงา ความกว้าง
- **กฎเกณฑ์** - สิ่งที่ควรทำและสิ่งที่ไม่ควรทำในสไตล์นี้
- **สไตล์คล้ายกัน**
- **การ์ด "สิ่งที่คุณจะได้รับในสไตล์นี้..."** ประกอบด้วยปุ่ม "ใช้สไตล์นี้" และลิงก์ "ใช้บริการของเราอยู่แล้วใช่ไหม? นำไปใช้กับบอร์ดของคุณ" สำหรับผู้ที่เป็นเจ้าของแผน
- ทางด้านขวาเป็นแถวของการ์ดต่างๆ ได้แก่ หน้าแรก แคตตาล็อก การ์ดสินค้า ตะกร้าสินค้า เวอร์ชันมือถือ และแผงควบคุม (ตัวอย่างหน้าจอของเว็บไซต์ของคุณในอนาคต)

![ไฟล์สไตล์](/wiki/img/reference-style-files.webp "Tabs DESIGN.md, Tailwind v4, CSS Variables, Design Tokens")

## หาซื้อสักอันให้ตัวเองสิ

ปุ่ม "รับสินค้าด้วยตัวเอง" ที่ลอยอยู่ (และปุ่ม "สั่งซื้อ" ในส่วนหัว) จะเปิดหน้าต่างป๊อปอัพขึ้นมา:

1. **คำขอ** – โปรดระบุชื่อและที่อยู่ WhatsApp หรือ Telegram เราจะได้รับคำขอของคุณและตอบกลับผ่านทางแอปพลิเคชันส่งข้อความ
2. **แพ็กเกจ** — "รวมทุกอย่าง" (ราคาพร้อมรหัสโปรโมชั่น; เว็บไซต์, สไตล์, Telegram และ WhatsApp; AI บนคีย์ Claude ของคุณหรือผ่าน MCP; +20 € ต่อเดือนสำหรับเว็บไซต์เพิ่มเติม) → ปุ่ม "ชำระเงิน" จะนำไปยังการลงทะเบียนด้วยสไตล์และรหัสโปรโมชั่นที่เลือก; "แบบครบวงจร" (เราสร้างเว็บไซต์ให้คุณ ราคาขึ้นอยู่กับขนาด) → "พูดคุยเกี่ยวกับโครงการ"; สำหรับองค์กรขนาดใหญ่ — ติดต่อเรา
3. **เสร็จเรียบร้อยแล้ว** – เพิ่มลิงก์ไปยัง WhatsApp และ Telegram แล้ว

![ป๊อปอัพ “เลือกซื้อของคุณเอง”](/wiki/img/reference-plans.webp "การเลือกอัตราค่าบริการหลังจากสมัครแล้ว")

## หัวข้อและภาษา

เมนูส่วนหัวประกอบด้วยธีม "สว่าง/มืด/อัตโนมัติ" (ค่าเริ่มต้นจะเหมือนกับในเบราว์เซอร์) และมีให้เลือก 107 ภาษา พร้อมฟังก์ชันค้นหา แคตตาล็อกจะได้รับการแปลเป็นภาษาอื่นๆ ในภายหลัง ขณะนี้หน้าเว็บเป็นภาษารัสเซีย และระบบจะจดจำการเลือกภาษาไว้

## สำหรับนักพัฒนาและปัญญาประดิษฐ์ (AI)

- ไฟล์สไตล์สามารถเข้าถึงได้ที่ `/site/data/styles/<название>/design.md` (และ `design.compact.md`, `tailwind.css`, `variables.css`, `tokens.json`)
- แคตตาล็อกในรูปแบบ JSON: `/api/styles/catalog?q=…&kind=site|shop`. หนึ่งสไตล์: `/api/styles/<название>`.
- ฐานข้อมูลความรู้: `/wiki`, แผนผังสำหรับผู้ช่วย AI: `/llms.txt`

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

### วิดีโอเล่นไม่ได้

วิดีโอจะเริ่มเล่นเมื่อวางเมาส์เหนือวิดีโอ หรือเมื่อแตะบนโทรศัพท์ หากไม่มีวิดีโอ ระบบจะแสดงภาพจำลองที่มีสีสันตามสไตล์นั้นแทน

### รูปแบบเหล่านี้มาจากไหน?

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

### วิธีการปรับแต่งสไตล์ให้กับเว็บไซต์ของคุณ?

หากคุณเป็นลูกค้าอยู่แล้ว ให้คลิก "เป็นลูกค้าอยู่แล้วใช่ไหม? สมัครรับข้อมูลสำหรับบอร์ดของคุณ" ในหน้าสไตล์ หรือ "เลือกสไตล์" ในบัญชีของคุณ หากยังไม่ใช่ลูกค้า ให้คลิก "รับข้อมูลสำหรับตัวคุณเอง" → "รวมอยู่ในแพ็กเกจแล้ว" ดู [สไตล์จากแคตตาล็อก](/wiki/th/styles)