Bạn có thể dễ dàng tùy chỉnh màu sắc và phông chữ để phù hợp với phong cách công ty của bạn. Hướng dẫn này sẽ hướng dẫn bạn cách cập nhật phông chữ, thiết lập màu thương hiệu, tạo nền chuyển màu và nhiều tính năng khác từ bảng điều khiển Notiondesk của bạn.
Tùy chỉnh phông chữ
Chọn phông chữ chính của bạn (tiêu đề và phần đầu trang)
Bạn có thể thay đổi phông chữ được sử dụng cho tiêu đề, phần đầu trang và các thành phần chính khác của trung tâm trợ giúp.
Để cập nhật phông chữ chính của bạn:
- Mở bảng điều khiển Notiondesk của bạn.
- Đi đến Tùy chỉnh phần.
- Dưới Xây dựng thương hiệu cài đặt, tìm Phông chữ chính.
- Chọn một phông chữ từ danh sách có sẵn. Các tùy chọn bao gồm Inter, Lora, Montserrat, Noto, Roboto và các phông chữ khác.
Sau khi chọn, phông chữ mới sẽ tự động áp dụng cho tiêu đề và đầu trang trung tâm trợ giúp của bạn.
Chọn phông chữ phụ của bạn (văn bản chính)
Bạn cũng có thể đặt phông chữ khác cho phần nội dung bài viết trong trung tâm trợ giúp.
Để cập nhật phông chữ phụ của bạn:
- Trong bảng điều khiển Notiondesk của bạn, hãy đi tới Tùy chỉnh phần.
- Dưới Xây dựng thương hiệu, tìm thấy Phông chữ phụ.
- Chọn một phông chữ từ danh sách có sẵn, như Inter, Lora, Montserrat, Noto, Roboto, v.v.
Phông chữ được chọn sẽ áp dụng cho toàn bộ nội dung bài viết trên trung tâm trợ giúp của bạn.
Phông chữ phụ phù hợp sẽ giúp bài viết của bạn dễ đọc, bạn có thể kết hợp các phông chữ để có phong cách riêng biệt hoặc sử dụng cùng một phông chữ cho cả phông chữ chính và phông chữ phụ để đảm bảo tính nhất quán.
Tùy chỉnh màu sắc
Cập nhật màu sắc thương hiệu
Bạn có thể dễ dàng cập nhật màu sắc chính của trung tâm trợ giúp để phù hợp với thương hiệu của mình.
Để thay đổi màu sắc thương hiệu của bạn:
- Mở bảng điều khiển Notiondesk của bạn.
- Đi đến Tùy chỉnh phần.
- Dưới Xây dựng thương hiệu tab, bạn có thể cập nhật các màu sau:
| Color | Description |
|---|---|
| Primary Color | Used for navigation elements like buttons and active links. |
| Text Color | Used for the main body text across your help center. |
| Link Color | Used for standard hyperlinks. |
| Link Hover Color | Changes the link color when a user hovers over it. |
| Background Color | Sets the background color of your entire help center. |
Mỗi khi bạn chọn một màu mới, sự thay đổi sẽ ngay lập tức được phản ánh trên trang web trực tiếp của bạn.
Tùy chỉnh màu tiêu đề
Phần tiêu đề của trung tâm trợ giúp bao gồm các liên kết điều hướng mà khách truy cập sẽ thấy đầu tiên. Bạn có thể cập nhật màu sắc liên kết để phù hợp với thương hiệu của mình hoặc cải thiện khả năng hiển thị.
Để thay đổi màu liên kết tiêu đề:
- Đi đến Tùy chỉnh trong bảng điều khiển Notiondesk của bạn.
- Mở Tiêu đề tab.
- Cập nhật các tùy chọn sau:
| Color | Description |
|---|---|
| Link Color | Sets the default color for links in the header. |
| Link Hover Color | Sets the color for links when users hover over them. |
Tùy chỉnh nền khối anh hùng
Khối Hero là phần trên cùng của trung tâm trợ giúp, thường là điều đầu tiên khách truy cập nhìn thấy. Bạn có thể cá nhân hóa khối này bằng màu nền hoặc hiệu ứng chuyển màu để phản ánh rõ hơn thương hiệu của mình.
Sử dụng màu nền đơn giản
Nếu bạn thích nền sạch, rắn thay vì hình ảnh:
- Đi đến Tùy chỉnh phần trong bảng điều khiển của bạn.
- Mở Khối anh hùng tab.
- Chọn Nền: Màu sắc.
- Chọn màu nền từ trình chọn hoặc dán mã hex thương hiệu của bạn.
Màu bạn chọn sẽ tô toàn bộ nền Hero Block.
Sử dụng nền chuyển màu
Hiệu ứng chuyển màu cho phép bạn pha trộn nhiều màu sắc thành một hiệu ứng chuyển tiếp mượt mà, một cách tuyệt vời để tăng thêm chiều sâu cho tiêu đề mà không cần sử dụng hình ảnh.
Để thiết lập độ dốc:
- Trong Khối anh hùng tab, thiết lập Lý lịch ĐẾN Độ dốc.
- Chọn một Kiểu Gradient:
- Tuyến tính: màu sắc chảy theo hướng thẳng.
- Xuyên tâm: màu sắc tỏa ra từ trung tâm.
- Vì Độ dốc tuyến tính, điều chỉnh Sự quay (góc) để kiểm soát hướng pha trộn.
- Thêm màu gradient. Bạn có thể thiết lập tối đa 5 màu, mỗi màu có tỷ lệ phần trăm và mã màu riêng.
Gradient có thể tùy chỉnh cao. Bạn có thể tạo hiệu ứng chuyển tiếp tinh tế với hai màu hoặc tô đậm bằng cách pha trộn nhiều màu. Chỉ cần đảm bảo văn bản của bạn vẫn dễ đọc ở phía trên.
Tùy chỉnh màu thẻ và chân trang
Bạn cũng có thể cá nhân hóa màu sắc được sử dụng trong thẻ Bộ sưu tập, thẻ Bài viết và chân trang Trung tâm trợ giúp để đảm bảo mọi thứ đều phù hợp với thương hiệu và có tính thống nhất về mặt hình ảnh.
Thẻ Bộ sưu tập và Bài viết
Mỗi Bộ sưu tập hoặc Bài viết được hiển thị trong một thẻ trên trung tâm trợ giúp của bạn. Bạn có thể thay đổi màu nền của các thẻ này để phù hợp với phong cách của mình hoặc phân biệt giữa các mục.
Để cập nhật màu thẻ:
- Đi đến Tùy chỉnh trong bảng điều khiển Notiondesk của bạn.
- Mở Bộ sưu tập hoặc Bài viết tab.
- Chọn màu nền
Chọn màu trơn để đảm bảo văn bản bên trong thẻ vẫn có thể đọc được.
Màu chân trang
Chân trang là phần nằm ở cuối mỗi trang trung tâm trợ giúp. Phần này thường chứa các liên kết hoặc thông tin liên hệ, vì vậy sự rõ ràng là rất quan trọng.
Để cập nhật màu chân trang:
- Đi đến Tùy chỉnh phần.
- Mở Chân trang tab.
- Đặt Màu nền chân trang Và Màu văn bản chân trang.
Điều này giúp đảm bảo phần chân trang của bạn trông đẹp mắt và dễ truy cập trên nền bạn chọn.
Các phương pháp hay nhất để tạo kiểu cho trung tâm trợ giúp của bạn
Việc tùy chỉnh phông chữ và màu sắc giúp trung tâm trợ giúp của bạn trở nên gần gũi với thương hiệu hơn, nhưng việc đảm bảo tính dễ đọc và nhất quán cũng quan trọng không kém. Dưới đây là một vài mẹo để đạt được kết quả tốt nhất:
- Tuân thủ màu sắc thương hiệu của bạn
Sử dụng cùng màu sắc bạn dùng trên trang web và sản phẩm. Điều này giúp người dùng cảm thấy quen thuộc.
- Sử dụng phông chữ dễ đọc
Tránh sử dụng phông chữ quá cầu kỳ, đặc biệt là cho phần thân bài. Hãy chọn những phông chữ rõ ràng, dễ đọc và dễ đọc lướt.
- Giữ độ tương phản tốt
Đảm bảo có đủ độ tương phản giữa văn bản và nền. Ví dụ, tránh sử dụng văn bản màu xám nhạt trên nền trắng.
- Hãy cẩn thận với độ dốc
Hiệu ứng chuyển màu có thể tạo điểm nhấn thị giác, nhưng quá nhiều màu sắc hoặc hiệu ứng chuyển tiếp quá gắt có thể khiến nội dung của bạn khó đọc. Hãy sử dụng hai hoặc ba màu để có kết quả tốt nhất.
- Xem trước trên máy tính để bàn và thiết bị di động
Kiểm tra thiết kế của bạn trên nhiều kích thước màn hình khác nhau để đảm bảo mọi thứ trông gọn gàng và chuyên nghiệp.