Bắt đầu ở đây

Bắt đầu

Cảm ơn bạn đã mua mẫu Coin X. Trong hướng dẫn ngắn gọn này, chúng tôi đề cập đến tất cả những điều cơ bản về cách chỉnh sửa các yếu tố cơ bản (tức là màu sắc, phông chữ, nội dung CMS, v.v.) từ mẫu Coin X Webflow.

Nếu bạn không quen thuộc lắm với Webflow, chúng tôi thực sự khuyên bạn nên tham gia Khóa học cấp tốc Webflow 101 từ Đại học Webflow, vì nó sẽ dạy cho bạn tất cả những điều cơ bản để bắt đầu và chạ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 Coin 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ẫ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 sắc trong 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 Coin X sử dụng một phông chữ duy nhất ở bên cạnh 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). Khi đã làm được điều này, bạn có thể chuyển đến phần Typography 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 bạn.

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.

Chỉnh sửa trang

Bây giờ là lúc để tiếp tục với các bước tiếp theo để chỉnh sửa các trang web của bạn. Thông thường có 2 loại nội dung sẽ được chỉnh sửa, đó là như sau.

Nội dung 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 điều hướng bên trái và nó hiển thị đường viền màu xanh lam khi bạn nhấp hoặc di chuột qua nó.

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 điều hướng bên trái và nó hiển thị đường viền màu tím khi bạn nhấp hoặc di chuột vào nó.

Nội dung này cầ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 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 chỉ tập trung vào 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, vì nó cũng được hiển thị dưới dạng màu tím trong Bộ điều hướng thanh bên trái, cũng như có đường viền màu tím khi bạn nhấp hoặc di chuột vào nội dung đó.

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 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 hàng).

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 ra, 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 vài mẹo và cách thực hiện 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ỳ mẫu Tương tác 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 Bộ điều hướng thanh bên trái.

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 thanh bên phải cho phần tử này, nơi bạn có thể chỉnh sửa tương tác.

Chế độ xem trên thiết bị 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à 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 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 (tức là 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

Nếu có sự cố xảy ra, ví dụ: nếu bạn không thích nơi trang web sẽ đến, 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 sang 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 và 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ỉ bằng một cú nhấp chuột.

Hỗ trợ mẫu Coin X Webflow

Như bạn có thể thấy ở trên, Coin X được xây dựng trên Webflow bằng cách sử dụng các phương pháp hay nhất để giúp bạn dễ dàng chỉnh sửa mẫu và tùy chỉnh nó theo nhu cầu của mình.

Tuy nhiên, nếu bạn tìm thấy bất kỳ vấn đề nào, cần trợ giúp hoặc chỉ muốn nói xin chào, vui lòng gửi cho chúng tôi theo địa chỉ email tại [email protected] - Chúng tôi sẽ sẵn lòng giúp bạn.

Thiết kế & Phát triển tùy chỉnh

Mặt khác, nếu bạn đang tìm kiếm trợ giúp để xây dựng một phiên bản độc đáo và được cá nhân hóa của Coin X hoặc chỉ là một trang web tuyệt vời được thiết kế và phát triển từ đầu trên Webflow, vui lòng liên hệ với Cơ quan Thiết kế & Phát triển Webflow của chúng tôi. Đội ngũ tuyệt vời đằng sau Mẫu Coin X Webflow có thể giúp bạn.