Các mẫu thiết kế từ danh mục của 1001site.
Một "style" là một mẫu thiết kế website được xây dựng sẵn dựa trên một nền tảng phổ biến: màu sắc, phông chữ, hình dạng nút và thẻ, và hiệu ứng động. Danh mục của 1001site chứa 1.000 kiểu. Chọn một mẫu, nhấp vào "Áp dụng", và website của bạn sẽ được thiết kế theo kiểu đó.
Sản phẩm này phù hợp với đối tượng nào?
Dành cho những ai muốn có một trang web đẹp mà không cần đến nhà thiết kế chuyên nghiệp. Bạn có thể thay đổi kiểu dáng bao nhiêu lần tùy thích.
Nên chọn kiểu dáng ở đâu#
- Trong tài khoản của bạn: Cài đặt → Trang chủ và Menu → "Kiểu trang web" → "Chọn kiểu" (hoặc "Chọn kiểu khác"). Hoặc làm theo bước 2 của hướng dẫn.
- Trên trang web tham khảo danh bạ 1001site.com: mở kiểu và nhấp vào "Áp dụng cho bảng của bạn" ở cuối thẻ. Nếu bạn đã đăng nhập, kiểu sẽ được áp dụng ngay lập tức.
- Trong danh mục sản phẩm, khi đăng ký, hãy chọn "Mua ngay" → "Trọn gói". Kiểu dáng sẽ được lưu lại và áp dụng sau khi thanh toán.
Các bước#
Bước chân 1. Mở danh mục#
Trong mục "Kiểu trang web", hãy nhấp vào "Chọn kiểu". Một cửa sổ với các thẻ sẽ mở ra. Di chuột qua một thẻ để xem video về trang web mẫu.
Bước chân 2. Tìm một phong cách#
Chức năng tìm kiếm cho phép tìm kiếm theo tên thương hiệu, màu sắc, phông chữ và danh mục. Ví dụ: "apple," "minimal," "dark," "shop."
Bước chân 3. Nhấp vào Áp dụng#
Chỉ trong vài giây, kiểu dáng sẽ được áp dụng: màu sắc, phông chữ, bo tròn, đổ bóng và hiệu ứng động. Tên và bản xem trước của kiểu dáng đã chọn sẽ xuất hiện trong khối "Kiểu dáng trang web". Mở trang web bằng cách nhấp vào liên kết "Xem kết quả".
Điều gì làm thay đổi phong cách?#
| Cái gì | Làm sao |
|---|---|
| Màu sắc | Hình nền, thẻ bài, văn bản, điểm nhấn. Chủ đề mặc định sáng hoặc tối — như trong ví dụ. |
| Phông chữ | Một phông chữ tương tự với phông chữ ví dụ được chọn từ Google Fonts. |
| Hình thức | Bo tròn các nút và thẻ, thẻ phẳng hoặc có bóng, độ dày |
| Hoạt hình | Một trong bốn bộ: tĩnh lặng, dịu nhẹ, rạng rỡ, năng động |
| Trang chủ | Nếu tùy chọn "thiết kế trang chủ" được bật, một khối thông tin nổi bật hiển thị tên trang web và khẩu hiệu phong cách sẽ được thêm vào đầu trang. |
Kiểu định dạng này không ảnh hưởng đến văn bản, sản phẩm, danh mục, trang hoặc CSS của bạn. Các chỉnh sửa CSS của bạn được lưu bên cạnh khối kiểu định dạng.
Phong cách và trợ lý AI#
Sau khi chọn một phong cách, trợ lý AI sẽ tự động thiết kế trang chủ và các trang con dựa trên các yếu tố tham khảo của phong cách đó: bố cục, hình ảnh, kiểu chữ và giọng văn. Nguyên tắc này cũng tương tự như đối với các nhà thiết kế: phong cách → hệ thống thiết kế → các trang.
Thay đổi hoặc xóa kiểu dáng#
- Thay đổi: "Chọn Khác" → chọn mới → "Áp dụng". Khối kiểu trước đó được thay thế, không phải được thêm vào.
- Xóa: biểu tượng thùng rác trên bản xem trước kiểu. Thao tác này sẽ xóa CSS và tên của kiểu. Màu sắc và phông chữ vẫn giữ nguyên — bạn có thể điều chỉnh chúng trong phần Thương hiệu hoặc yêu cầu trợ lý "đặt lại thiết kế".
Tệp kiểu#
Mỗi kiểu dáng trong danh mục đều có các tệp tin mà các công cụ AI có thể hiểu được:
- DESIGN.md (phiên bản đầy đủ và gọn nhẹ) — mô tả kiểu dáng: màu sắc với vai trò, phông chữ, kích thước, thụt lề, quy tắc nên/không nên làm.
- Tailwind v4 là một giao diện dành cho Tailwind.
- Biến CSS - Các biến CSS.
- Mã thiết kế — JSON có chứa mã.
Bạn có thể sao chép hoặc tải xuống các tệp từ trang danh mục kiểu. Việc gửi chúng cho Claude, ChatGPT, Cursor hoặc trợ lý của chúng tôi rất dễ dàng: "Hãy tạo theo kiểu này." Xem Danh mục Kiểu.
Thuế quan#
Áp dụng kiểu dáng cho trang web của bạn chỉ khả dụng với các gói trả phí. Nếu không có gói trả phí, kiểu dáng sẽ được lưu và áp dụng tự động sau khi thanh toán.
Câu hỏi và câu trả lời#
Tôi đã áp dụng giao diện, nhưng trang web trông không giống như ví dụ. Tại sao vậy?#
Phong cách này bao gồm màu sắc, phông chữ, hình dạng và hiệu ứng động. Cấu trúc trang và ảnh là do bạn tự thiết kế. Để trang chủ trông giống như ví dụ, hãy yêu cầu trợ lý AI: "Thiết kế trang chủ theo phong cách của trang web: phần giới thiệu, ưu điểm, thư viện ảnh, liên hệ."
Tôi có thể áp dụng một kiểu định dạng cho nhiều trang web không?#
Đúng vậy, kiểu dáng đã được áp dụng cho trang web hiện tại. Hãy chuyển sang trang web khác trong bảng điều khiển của bạn và áp dụng lại kiểu dáng.
Tôi đã tự tay thay đổi màu sắc rồi mới áp dụng kiểu dáng. Cái nào thắng?#
Kiểu dáng. Màu sắc từ kiểu dáng sẽ ghi đè lên các màu được thiết lập thủ công. CSS tùy chỉnh từ phần "Mã và Tiện ích" vẫn được giữ nguyên.
Bạn lấy các ví dụ đó từ đâu?#
Từ một danh mục mở các kiểu thiết kế website phổ biến. Video và áp phích được lưu trữ trên máy chủ của chúng tôi.