Bắt đầu ở đây

Phong cách

Hãy bắt đầu với kiểu dáng của mẫu.

Màu sắc

Mẫu Web3 X được xây dựng bằng Color Swatches, có nghĩa là bạn có thể dễ dàng chỉnh sửa một mẫu màu để được cập nhật trên toàn trang web.

Để thực hiện việc này, bạn chỉ cần chuyển đến tab Kiểu ở thanh bên phải, sau đó cuộn đến Màu trong phần Kiểu chữ và nếu bạn nhấp vào màu, bạn sẽ có thể xem tất cả các mẫu màu và chỉnh sửa chúng để được cập nhật trên toàn trang web thành bất kỳ màu nào cần thiết.

Phông chữ

Mẫu Web3 X sử dụng một phông chữ duy nhất rộng một bên và nó được thiết lập trong bộ chọn Nội dung (Tất cả các trang), vì vậy điều này có nghĩa là bạn có thể dễ dàng cập nhật phông chữ trên tất cả các trang web chỉ bằng một cú nhấp chuột.

Trên bất kỳ trang nào, chỉ cần nhấp vào tùy chọn bộ chọn màu cam ở trên cùng bên phải của tab Kiểu, sau đó chọn Nội dung (Tất cả các trang). Sau khi làm điều này, bạn có thể chuyển đến phần Kiểu chữ bên dưới và thay đổi phông chữ thành bất kỳ phông chữ nào cho thương hiệu doanh nghiệp của mình.

Trong trường hợp bạn cần một phông chữ tùy chỉnh hoặc cao cấp không có sẵn trên Webflow, bạn luôn có thể đi tới Cài đặt dự án > Phông chữ và bạn sẽ có thể tải lên phông chữ tùy chỉnh hoặc kết nối tài khoản Adobe Fonts của mình.

Đồ họa & Biểu tượng

Một số biểu tượng hoặc đồ họa trong mẫu là hình ảnh / đồ họa bình thường, vì vậy bạn sẽ nhận thấy rằng khi cập nhật tất cả các màu, chúng vẫn sẽ có màu mẫu.

Điều này xảy ra vì những đồ họa này là hình ảnh (PNG, JPG, SVG, v.v.), vì vậy việc cập nhật Webflow CSS (kiểu dáng) sẽ không ảnh hưởng đến chúng. Nếu bạn muốn sử dụng lại đồ họa này, bạn luôn có thể tải xuống và chỉnh sửa chúng bằng bất kỳ phần mềm thiết kế nào (ví dụ: Photoshop, Illustrator, Sketch, Figma, v.v.) hoặc tải lên trực tiếp hình ảnh / đồ họa của riêng bạn phù hợp với thương hiệu của bạn.

Trang tĩnh

Nội dung tĩnh là tất cả nội dung không dựa trên CMS, có nghĩa là nó không động (ví dụ như Bài đăng trên blog).

Bạn có thể dễ dàng xác định tất cả nội dung này vì nó được hiển thị dưới dạng màu xám trong Thanh bên trái Bộ điều hướng và nó hiển thị đường viền màu xanh lam khi bạn nhấp hoặc di chuột qua nội dung đó.

Nếu bạn muốn chỉnh sửa loại nội dung này, bạn chỉ cần nhấp đúp vào nó và bạn sẽ có thể nhập trực tiếp ngay tại đó.

Nội dung động (CMS)

Nội dung động là tất cả nội dung động và sẽ được tạo tự động dựa trên nội dung được thêm vào phần CMS ở thanh bên trái (ngay bên dưới biểu tượng Trang).

Bạn có thể dễ dàng xác định tất cả những điều này vì nó được hiển thị dưới dạng màu tím trong Thanh bên trái Bộ điều hướng và nó hiển thị đường viền màu tím khi bạn nhấp hoặc di chuột qua nó.

Nội dung này nên được cập nhật trực tiếp trong phần CMS. Điều này có nghĩa là để giúp bạn rất dễ dàng cập nhật nó, vì rất có thể nó sẽ cần được cập nhật liên tục (Ví dụ: thêm một bài đăng blog mới)

Ngoài ra, nếu bạn muốn chỉnh sửa trang CMS được tạo tự động hoàn chỉnh (ví dụ: Bài đăng trên blog), bạn sẽ thấy trang này có sẵn để chỉnh sửa ở cuối tất cả các trang trong phần Trang ở thanh bên trái.

Sản phẩm (Thương mại điện tử)

Sản phẩm hoặc nội dung Thương mại điện tử hoạt động theo cách tương tự như nội dung động CMS, tuy nhiên, điều này tập trung riêng cho các sản phẩm Thương mại điện tử.

Bạn có thể xác định nội dung Thương mại điện tử theo cách tương tự như nội dung CMS, bởi vì nó cũng được hiển thị dưới dạng màu tím trong Thanh bên trái Navigator, cũng như với đường viền màu tím khi bạn nhấp hoặc di chuột qua nó.

Nội dung này phải được cập nhật trực tiếp trong tab Thương mại điện tử ở thanh bên trái. Điều này có nghĩa là giúp bạn rất dễ dàng cập nhật nó, vì rất có thể nó sẽ cần được cập nhật liên tục (Ví dụ: thay đổi giá sản phẩm hoặc thêm nhiều hàng tồn kho)

Ngoài ra, nếu bạn muốn chỉnh sửa trang Thương mại điện tử sản phẩm được tạo tự động, bạn sẽ thấy trang này có sẵn để chỉnh sửa gần như ở cuối tất cả các trang ngay phía trên các trang bộ sưu tập CMS.

Ghi chú hữu ích

Ngoài lời giải thích cơ bản chính mà chúng tôi đã chia sẻ ở trên, ở đây chúng tôi chia sẻ một số mẹo và cách thực hiện là từ những câu hỏi phổ biến nhất mà chúng tôi nhận được.

Tương tác

Nếu bạn muốn chỉnh sửa bất kỳ Tương tác mẫu nào (tức là xóa hiệu ứng xuất hiện), bạn có thể dễ dàng xác định các yếu tố có tương tác vì chúng có biểu tượng Tương tác nhỏ (một sấm sét nhỏ) trong Thanh bên trái Bộ điều hướng.

Nếu bạn nhấp vào biểu tượng Tương tác nhỏ này, bạn sẽ mở tab Tương tác bên phải cho phần tử này, nơi bạn có thể chỉnh sửa tương tác.

Dạng xem Di động hoặc Máy tính bảng

Mỗi khi bạn thực hiện thay đổi (ví dụ: bạn tạo một thiết kế phần mới), bạn nên đi tới điều hướng trên cùng của Viewport và xem nó trông như thế nào trên Máy tính bảng và Thiết bị di động.

Nếu bạn chỉ chỉnh sửa phần Mẫu với văn bản hoặc hình ảnh được cập nhật và bạn không xóa bất kỳ lớp Mẫu nào, điều này không cần thiết, tuy nhiên, nếu bạn tùy chỉnh mẫu sâu hơn, chỉnh sửa các lớp hoặc tạo các phần mới, bạn nên liên tục chỉnh sửa chế độ xem trên thiết bị di động và máy tính bảng của mình để đảm bảo mọi thứ trông hoàn hảo.

Chỉnh sửa tiêu đề meta, desc và hình ảnh nổi bật

Nếu bạn muốn tùy chỉnh Tiêu đề, Mô tả và Hình ảnh được hiển thị khi bạn chia sẻ trang web của mình ở bất kỳ nơi nào (ví dụ: Facebook, Twitter, v.v.), bạn có thể dễ dàng đi tới phần Trang ở Thanh bên trái, nhấp vào biểu tượng Cài đặt nhỏ của trang bạn muốn tùy chỉnh và tất cả các cài đặt này sẽ xuất hiện.

Xin lưu ý rằng điều quan trọng là phải thay đổi điều này trên cơ sở trang.

Sao lưu

Ví dụ: nếu có sự cố xảy ra, nếu bạn không thích trang web sẽ đến đâu, nếu bạn đã xóa một số lớp quan trọng được yêu cầu để làm cho Mẫu trông đẹp mắt hoặc nếu bạn chỉ muốn chuyển đến phiên bản trước vì bất kỳ lý do gì, bạn luôn có thể chuyển đến phần Sao lưu.

Bạn có thể tìm thấy nó trong phần Cài đặt ở Thanh bên trái, sau đó bạn chỉ có thể xem tất cả các bản sao lưu tự động hoặc thủ công. Khôi phục về bản sao lưu cũ chỉ là một cú nhấp chuột.