Cài đặt giao diện Trình chỉnh sửa email Stripo

Published: 22 tháng 10, 2024 · Last updated: 21 tháng 7, 2026 · By Marcus Biel

Tab Giao diện cho phép bạn kiểm soát kiểu dáng tổng thể của email, chẳng hạn như phông chữ, màu nền, kiểu nút và định dạng dành riêng cho thiết bị di động. Điều này giúp đảm bảo tính nhất quán và khả năng thích ứng trên nhiều thiết bị và ứng dụng email.

Dưới đây là phần giải thích chi tiết về từng mục trong Tab Giao diện.

---

1. Cài đặt chung

Tùy chỉnh giao diện và căn chỉnh tổng thể của email. Các cài đặt này được áp dụng trên toàn bộ các phần.

• Căn chỉnh thư: Căn nội dung email sang Trái, Giữa hoặc Phải.
• Khoảng đệm mặc định: Đặt khoảng cách đồng nhất xung quanh các cấu trúc mới hoặc điều chỉnh khoảng đệm riêng cho từng cạnh (Trên, Phải, Dưới, Trái).
• Màu nền chung: Đặt màu nền của email bằng mã hex hoặc công cụ chọn màu.
• Phông chữ: Chọn các phông chữ tiêu chuẩn như Arial, Helvetica hoặc các phông chữ trang trí như Roboto và Lato.
• Khoảng cách dòng: Điều chỉnh khoảng cách giữa các dòng với bốn tùy chọn được xác định trước.
• Khoảng cách dưới đoạn văn: Bật hoặc tắt khoảng cách giữa các đoạn văn.
• Gạch chân liên kết: Tự động gạch chân tất cả liên kết trong email (bật/tắt).
• Thiết kế đáp ứng: Bật để đảm bảo email thích ứng với các kích thước màn hình khác nhau, đặc biệt là trên thiết bị di động.
• Hướng văn bản RTL: Kích hoạt cho các ngôn ngữ như tiếng Ả Rập hoặc tiếng Hebrew.
• Hình nền: Thêm hình nền và có thể gắn liên kết cho hình ảnh. Kéo và thả để tải hình ảnh lên.

---

2. Dải

Dải đại diện cho các phần cấu trúc lớn của email (ví dụ: Đầu trang, Nội dung, Chân trang, Khu vực thông tin). Mỗi dải có thể được định kiểu độc lập.

Dải đầu trang

• Cỡ chữ: Tùy chỉnh cỡ chữ đầu trang (8–72).
• Màu nền: Đặt màu nền đơn sắc hoặc để trong suốt.
• Màu nền nội dung: Điều chỉnh màu nền bên trong phần đầu trang.
• Màu phông chữ: Xác định màu văn bản.
• Màu liên kết: Đặt màu cho các liên kết điều hướng hoặc liên kết khác trong đầu trang.
• Hình nền: Thêm hình nền tùy chọn.

Dải nội dung

Phần nội dung chính của email dành cho văn bản, hình ảnh và các phần tử tương tác.

• Cỡ chữ: Điều chỉnh cỡ chữ nội dung (8–72).
• Màu nền nội dung: Xác định màu nền của khu vực nội dung chính.
• Màu phông chữ: Đặt màu mặc định của văn bản.
• Màu liên kết: Tùy chỉnh màu liên kết.

Dải chân trang

Thường được dùng cho thông tin liên hệ, thông tin pháp lý hoặc liên kết mạng xã hội.

• Cỡ chữ: Đặt cỡ chữ (8–72).
• Màu nền: Chọn nền đơn sắc hoặc để trong suốt.
• Màu nền nội dung: Xác định nền bên trong chân trang.
• Màu phông chữ: Đặt màu phông chữ.
• Màu liên kết: Tùy chỉnh màu liên kết cho các liên kết ở chân trang.
• Hình nền: Có thể thêm hình ảnh kèm liên kết có thể nhấp.

Dải khu vực thông tin

Dùng cho tuyên bố miễn trừ trách nhiệm, thông báo pháp lý hoặc thông tin bổ sung.

• Cỡ chữ: Xác định cỡ phông chữ (8–72).
• Màu phông chữ: Đặt màu phông chữ.
• Màu liên kết: Điều chỉnh màu liên kết trong dải này.

---

3. Tiêu đề

Xác định kiểu dáng trực quan của các tiêu đề (H1, H2, H3) để tạo thứ bậc và cấu trúc cho email.

• Phông chữ: Chọn phông chữ cho tiêu đề.
• Khoảng cách dòng: Điều chỉnh khoảng cách giữa các dòng để dễ đọc hơn.
• Cỡ tiêu đề: Tùy chỉnh cỡ tiêu đề H1, H2 và H3 (8–72).
• Kiểu văn bản: Áp dụng kiểu Đậm hoặc Nghiêng.
• Màu phông chữ: Đặt màu riêng cho từng loại tiêu đề.

---

4. Nút

Thiết kế các nút trong email để tăng mức độ tương tác.

• Hỗ trợ Outlook: Bật để đảm bảo hiển thị chính xác trong Microsoft Outlook bằng mã VML (có thể làm tăng kích thước email).
• Màu nút: Đặt màu mặc định cho các nút.
• Làm nổi bật nút khi di chuột: Bật/tắt hiệu ứng màu khi di chuột.
  • Màu khi di chuột: Chọn màu khi di chuột.
• Màu phông chữ: Xác định màu văn bản trên nút.
• Kiểu văn bản:
  • Phông chữ: Chọn phông chữ cho văn bản trên nút.
  • Cỡ chữ: Điều chỉnh cỡ chữ (8–72).
  • Kiểu: Áp dụng kiểu văn bản Đậm hoặc Nghiêng.
• Bán kính đường viền: Bo tròn các góc nút (0–100).
• Đường viền:
  • Kiểu: Chọn đường viền liền, nét đứt hoặc chấm.
  • Màu: Xác định màu đường viền.
• Khoảng đệm: Điều chỉnh khoảng đệm bên trong nút (Trên, Phải, Dưới, Trái).

---

5. Định dạng trên thiết bị di động

Đảm bảo email hiển thị đẹp trên thiết bị di động với các cài đặt dành riêng cho thiết bị di động.

• Cỡ chữ đầu trang, nội dung, chân trang, khu vực thông tin: Tùy chỉnh cỡ chữ cho từng phần trên thiết bị di động.
• Cỡ chữ mục menu: Điều chỉnh cỡ chữ cho các mục trong menu điều hướng.
• Cỡ tiêu đề: Đặt cỡ H1, H2 và H3 trong chế độ xem trên thiết bị di động.
• Căn chỉnh tiêu đề: Căn tiêu đề sang (Trái, Giữa, Phải).
• Cỡ chữ nút: Tùy chỉnh cỡ chữ trên nút cho thiết bị di động.
• Nút toàn chiều rộng: Cho phép nút trải rộng toàn bộ chiều rộng màn hình.
• Khoảng đệm trên và dưới: Điều chỉnh khoảng đệm để giao diện trên thiết bị di động đẹp hơn.
• Lề nội dung: Điều chỉnh lề xung quanh nội dung trên thiết bị di động (0–100).

---

Lưu ý cuối cùng

• Kiểm thử: Luôn kiểm thử email trên nhiều thiết bị và ứng dụng email để đảm bảo tính nhất quán.
• Khả năng tiếp cận: Sử dụng phông chữ dễ tiếp cận, cấu trúc tiêu đề phù hợp và văn bản thay thế cho hình ảnh để đảm bảo tính toàn diện.
• Tối ưu hóa: Giảm thiểu kích thước tệp để tải nhanh hơn và cải thiện hiệu suất, đặc biệt quan trọng đối với người dùng thiết bị di động.