Cách tùy chỉnh giao diện tài liệu của bạn (Chủ đề, Màu sắc & Phông chữ)
Bạn có thể tùy chỉnh giao diện tài liệu đã xuất bản để phù hợp với bản sắc thương hiệu của mình. Các cài đặt này nằm trong mục Project Settings (Cài đặt dự án), tại thẻ Publishing > Themes & Colors (Xuất bản > Chủ đề & Màu sắc). Tại đây, bạn có thể kiểm soát chủ đề, màu sắc, phông chữ và các yếu tố phong cách khác mà người xem sẽ thấy.
Chọn chế độ chủ đề
Cài đặt Default Theme Mode (Chế độ chủ đề mặc định) sẽ quyết định giao diện ban đầu của tài liệu khi khách truy cập. Bạn có thể chọn một chủ đề cụ thể hoặc để hệ thống tự động điều chỉnh theo cài đặt của người dùng.
- Auto (Tự động theo cài đặt hệ thống): Đây là tùy chọn mặc định. Tài liệu sẽ tự động chuyển đổi giữa chủ đề sáng và tối dựa trên cài đặt hệ điều hành của khách truy cập.
- Light (Sáng): Tài liệu của bạn sẽ luôn hiển thị ở chủ đề sáng, bất kể cài đặt hệ thống của người dùng là gì.
- Dark (Tối): Tài liệu của bạn sẽ luôn hiển thị ở chủ đề tối.
Cấu hình logo
Bạn có thể tải lên các logo riêng biệt cho cả chủ đề sáng và tối để đảm bảo logo luôn hiển thị rõ ràng và phù hợp với thương hiệu. Nếu không tải logo lên, văn bản bạn cung cấp sẽ được hiển thị thay thế.
- Light Theme Logo (Logo chủ đề sáng): Tải lên logo hiển thị tốt nhất trên nền sáng.
- Dark Theme Logo (Logo chủ đề tối): Tải lên logo được thiết kế cho nền tối.
- Light/Dark Theme Logo Text (Văn bản thay thế logo): Nhập tên thương hiệu hoặc văn bản khác để hiển thị nếu logo tương ứng không có sẵn.
Tùy chỉnh màu sắc
Xác định bảng màu thương hiệu của bạn bằng cách thiết lập màu chính và màu phụ cho cả chủ đề sáng và tối. Điều này đảm bảo tính nhất quán cho thương hiệu trên các chế độ xem khác nhau.
- Primary Color (Màu chính): Đây là màu nhấn chủ đạo được sử dụng cho các yếu tố tương tác như nút bấm, liên kết và các thành phần nổi bật.
- Secondary Color (Màu phụ): Màu này được sử dụng cho các yếu tố hỗ trợ, tạo độ tương phản tinh tế.
Cài đặt phông chữ và kiểu dáng
Tinh chỉnh giao diện tài liệu của bạn hơn nữa bằng cách chọn phông chữ và điều chỉnh kiểu góc của các thành phần giao diện.
- Primary Font Family (Phông chữ chính): Chọn phông chữ chủ đạo cho tất cả các tiêu đề, văn bản nội dung và các thành phần giao diện chung từ danh sách được cung cấp.
- Monospace Font Family (Phông chữ đơn cách): Chọn phông chữ dành riêng cho các khối mã và đoạn mã nhỏ.
- Corner Style (Kiểu góc): Điều chỉnh độ bo góc cho các thành phần giao diện. Các tùy chọn bao gồm Sharp (0px - Sắc nét), Rounded (4px - Bo tròn), và Extra Rounded (8px - Bo tròn nhiều).
Mẹo tùy chỉnh
Hãy nhớ lưu các thay đổi của bạn, sau đó nhấp vào nút Publish Changes (Xuất bản thay đổi) ở đầu cài đặt xuất bản để áp dụng cập nhật. Luôn sử dụng các tổ hợp màu có độ tương phản cao để cải thiện khả năng đọc, đặc biệt là đối với văn bản và các yếu tố tương tác.
Tóm tắt
Bài viết này trình bày chi tiết cách tùy chỉnh giao diện trực quan cho trang tài liệu Hinto đã xuất bản của bạn. Nội dung bao gồm cách chọn chế độ chủ đề mặc định, tải lên logo tùy chỉnh cho nền sáng và tối, xác định màu sắc thương hiệu chính và phụ, cùng với việc chọn phông chữ để tạo nên một diện mạo chuyên nghiệp, tinh tế phù hợp với thương hiệu của bạn.