Skip to content
Ngôn ngữ: Tiếng Việt

Trình tạo trang

Thiết kế: màu sắc, nền và phông chữ

Cập nhật 1 tháng 11, 2026 5 phút đọc

Mẫu màu có sẵn, màu sắc, nền dạng ảnh, chuyển sắc hoặc video, kiểu nút, phông chữ và bề mặt phía sau nội dung trong tab Giao diện.

Trong tab “Giao diện” của trình tạo, bạn đặt diện mạo của cả trang: màu sắc, nền, hình dạng nút và phông chữ. Mọi thay đổi trừ CSS tùy chỉnh đều được tự động lưu vào bản nháp sau khoảng 2 giây và lên trực tuyến ở lần xuất bản tiếp theo.

Tab được sắp xếp từ trên xuống: “Mẫu”, “Bộ màu có sẵn”, “Màu sắc”, “Nền”, “Bề mặt phía sau nội dung”, “Kiểu nút”, “Phông chữ” và “CSS tùy chỉnh”. Mẫu có bài viết riêng.

Tab Giao diện với lưới mẫu và phần đầu của các mẫu màu có sẵn
Tab Giao diện bắt đầu bằng mẫu và mẫu màu có sẵn

Mẫu màu có sẵn

Mẫu màu có sẵn là các tổ hợp màu làm sẵn. Một cú nhấp đặt cùng lúc màu nền, màu chữ, màu nút và kiểu nút, đồng thời đặt lại màu chữ trên nút do bạn chọn. Có 16 mẫu màu: Cổ điển, Nửa đêm, Bến cảng, Đại dương, Rừng, Hoàng hôn, Hoa hồng, Đá phiến, Đơn sắc, Sương giá, Oải hương, Hổ phách, Than chì, Bạc hà, Đỏ thẫm và Cát. Mẫu màu đang dùng được đánh dấu chừng nào bạn chưa đổi một trong bốn giá trị.

Màu sắc

Bốn màu cơ bản, mỗi màu có bộ chọn màu và giá trị hex (không có độ trong suốt):

“Nền”
Màu nền của trang; cũng được dùng khi loại nền là “Màu”.
“Màu chữ”
Màu cho tên, giới thiệu và văn bản.
“Màu nút”
Màu của các nút liên kết và màu mặc định cho nút trong khối.
“Chữ trên nút”
Chữ trên các nút. Nếu không tự chọn, một màu dễ đọc trên màu nút sẽ được tự động chọn.

Giá trị hiển thị luôn là giá trị đang có hiệu lực, kể cả khi nó đến từ mẫu. Nhiều khối có trường màu riêng ở “Tùy chọn hiển thị”. Chừng nào chúng hiển thị “Mặc định (theo giao diện)”, chúng theo các màu này.

Nền

Các nút “Màu”, “Hình ảnh”, “Chuyển sắc” và “Video” đặt loại nền của trang. Khi bạn chuyển, trình tạo ghi nhớ giá trị của các loại khác chừng nào bạn còn ở trong trình tạo.

Tab Giao diện, phần Nền với các tùy chọn Màu, Hình ảnh, Chuyển sắc và Video, bên dưới là kiểu nút và phông chữ
Nền, kiểu nút và phông chữ

Màu

Trang dùng màu “Nền” từ phần “Màu sắc”.

Hình ảnh

“Ảnh máy tính”
Nền cho màn hình lớn, 1920 × 1080 px.
“Ảnh di động”
Không bắt buộc, khổ dọc 1080 × 1920 px. Khi trống, trường hiển thị “giống máy tính”, và ảnh máy tính được dùng.

“Chọn” mở thư viện tệp, “Quản lý ↗” mở trang Tệp, “Gỡ bỏ” bỏ ảnh ra. Nếu ảnh không đúng kích thước đích, công cụ cắt ảnh mở ra và ảnh đã cắt được lưu thành tệp mới. Xem thêm trong Hình ảnh trong trình tạo trang.

Chuyển sắc

“Màu bắt đầu” và “Màu kết thúc”
Hai màu của dải chuyển sắc.
“Góc”
Hướng từ 0 đến 355 độ, mỗi bước 5.
“Chuyển sắc có sẵn”
Các dải chuyển sắc làm sẵn: Chàm, Hoàng hôn, Đại dương, Rừng, Quả mọng và Nửa đêm.

Video

“Video máy tính”
Liên kết trực tiếp tới tệp video (.mp4 hoặc .webm), hoặc “Chọn video” từ các tệp video của bạn.
“Video di động”
Không bắt buộc, ví dụ một tệp nhỏ hơn cho dữ liệu di động. Khi trống, video máy tính được dùng.

Video phát tắt tiếng và lặp lại, không có nút điều khiển. Với khách truy cập đã bật giảm chuyển động trong cài đặt hệ thống, video bị ẩn. Khuyến nghị tệp tối đa 8 MB ở định dạng MP4 hoặc WebM.

Độ mờ đục lớp phủ

Với ảnh, chuyển sắc và video, một thanh trượt từ 0 đến 80% đặt một lớp tối lên nền để chữ dễ đọc hơn.

Nền trang bằng ảnh, chuyển sắc hoặc video thay thế các ảnh nền của mẫu. Khi đó các ô ảnh của mẫu hiển thị ghi chú về điều này. Với “Màu”, ảnh của mẫu lại hiển thị.

Bề mặt phía sau nội dung

Giúp chữ dễ đọc trên ảnh nền, dải chuyển sắc hoặc video:

“Tắt”
Không có bề mặt; nội dung nằm trực tiếp trên nền.
“Toàn bộ nội dung”
Một thẻ phía sau toàn bộ nội dung.
“Theo từng khối”
Một thẻ riêng phía sau hồ sơ và phía sau mỗi khối.
“Đặc” hoặc “Trong mờ”
Xuất hiện ngay khi bề mặt được bật. Trong mờ cho phép nền nhìn xuyên qua.

Cài đặt này không có tác dụng với mẫu Business Card.

Kiểu nút

KiểuGóc của các nút liên kết
Bo trònBo nhẹ, 12 px
Viên thuốcTròn hoàn toàn
VuôngGần như vuông, 4 px

Kiểu nút là mặc định. Bạn có thể ghi đè trong khối Liên kết và cho từng liên kết (“Bo góc” ở cả hai nơi).

Phông chữ

Bạn có thể chọn DM Sans, Figtree, Sora, Plus Jakarta Sans, Raleway, Inter, Poppins, Montserrat, Nunito, Outfit, Space Grotesk và “Mặc định hệ thống” (phông chữ của thiết bị). Dòng “Aa — Chú cáo nâu nhanh nhẹn.” hiển thị bản xem trước.

LinkHarbor tự cung cấp mọi phông chữ. Trình duyệt của khách truy cập không tải gì từ Google Fonts hay máy chủ bên thứ ba khác cho chúng.

Cài đặt nào được ưu tiên

Màu sắc và hình dạng được tinh chỉnh từ ngoài vào trong:

  1. Mẫu: phong cách cơ bản và màu mặc định
  2. Tab Giao diện: màu sắc, nền, kiểu nút và phông chữ cho cả trang
  3. Tùy chọn hiển thị của một khối: màu sắc và hình dạng cho khối đó
  4. Kiểu dáng của từng liên kết: được ưu tiên hơn mọi giá trị khác
  5. CSS tùy chỉnh: cho mọi thứ mà các nút điều khiển không bao quát

Cách tinh chỉnh bằng CSS riêng được giải thích trong CSS tùy chỉnh.

Không tìm thấy?

Hãy cho chúng tôi biết bạn cần gì, đội hỗ trợ sẽ trực tiếp giúp bạn.

Liên hệ hỗ trợ