Trình soạn thảo
Docs/Thiết kế mẫu

Bố cục, font và lề

Chọn khổ giấy, chỉnh chữ, lề và nền để tài liệu có cách trình bày như bạn muốn.

4 phút đọc6 phần
Trong bài này

Khi chỉnh một mẫu, có những thay đổi bạn muốn áp dụng cho cả tài liệu, như đổi font chữ hoặc đặt lề chung. Cũng có những phần cần cách trình bày riêng, chẳng hạn trang bìa có nền màu, còn các trang nội dung giữ nền trắng.

Tembuilder cho phép bạn làm cả hai: đặt thiết lập chung ở Global, rồi chỉnh riêng lề và nền cho từng page trong Structure. Bài này sẽ hướng dẫn bạn chọn khổ giấy và tìm đúng nơi để chỉnh chữ, lề, nền theo ý mình.

1. Chọn khổ giấy

Chọn khổ giấy trong vùng xem trước, như vị trí A4 được đánh dấu bên dưới. Khổ giấy áp dụng cho toàn bộ template, không đặt riêng cho từng page trong Config.

Tembuilder hỗ trợ 9 khổ giấy:

Khổ giấy Kích thước (rộng × cao, mm)
A0 841 × 1189
A1 594 × 841
A2 420 × 594
A3 297 × 420
A4 210 × 297
A5 148 × 210
A6 105 × 148
US Letter 215.9 × 279.4
Legal 215.9 × 355.6
LayoutPDF
A4
TembuilderINVOICE
01
A4 · 210 × 297 mm
TembuilderINVOICE
01
US Letter
Vùng xem trước → chọn khổ giấy

2. Đặt kiểu chữ chung ở Global

Mở Structure → Global → Config → Typography.

Thiết lập Giá trị và đơn vị
Font size Cỡ chữ tính bằng pt, ví dụ 12.
Line height Hệ số theo cỡ chữ, ví dụ 1.4; không nhập px hoặc pt.
Letter spacing Khoảng cách ký tự tính bằng em, ví dụ 0.02.
Text align Left, Center, Right hoặc Justify.
Text color Màu chữ dùng chung.

Đây là các giá trị mặc định. Nếu một section đã đặt font-size, color hoặc line-height riêng trong CSS, thay đổi tương ứng ở Global sẽ không ghi đè phần CSS đó. Khi chỉnh Global mà một phần nội dung không đổi, hãy mở tab CSS của section để kiểm tra.

Structure → Global → Config
STRUCTURE
⌄ Global
⌄ Invoice
Billing Parties
PropsConfig
Typography
Font size12 pt
Line height1.4
Text alignLeft
Text color
Global → Config → Typography

3. Thêm và sắp xếp font

Mở Global → Config → Fonts → Add font, tìm font trong danh sách Google Fonts rồi thêm vào danh sách.

Thứ tự trong danh sách là thứ tự ưu tiên sử dụng font. Đưa font muốn dùng chính lên đầu bằng cách kéo thả hoặc dùng nút di chuyển lên/xuống. Các font phía sau được dùng thay thế khi font trước không có sẵn hoặc thiếu ký tự.

Nếu một section đặt font-family riêng trong CSS, section đó dùng font được chỉ định thay vì thứ tự mặc định ở Global.

Structure → Global → Config
Fonts+ Add font
1
Space GroteskGoogle Fonts
Aa
Tiếng Việt · Aa Bb Cc · 0123456789
Global → Config → Fonts → Add font

4. Đặt lề nội dung

Mở Global → Config → Content margin, bật lề rồi nhập Top, Right, Bottom và Left theo đơn vị mm.

Ví dụ, A4 rộng 210 mm. Với lề trái và phải cùng 14 mm, vùng nội dung còn 182 mm. Đây là phần chiều rộng để bạn bố trí bảng và các section.

Dùng lề để đặt khoảng cách từ vùng nội dung đến mép giấy. Khoảng cách bên trong hoặc giữa các section được chỉnh bằng padding và margin trong CSS của section.

Mirror margin đổi chỗ lề trái/phải ở tờ chẵn, phù hợp khi in hai mặt để đóng quyển. Với Left 24 và Right 12, tờ lẻ có lề trái 24 mm; tờ chẵn có lề phải 24 mm.

Global → Config → Content margin
Content margin mm
Top14
Left24
Right12
Bottom20
Mirror margin
1
2
Lề tính bằng mm · Mirror margin đổi bên lề trái/phải ở tờ chẵn

5. Ghi đè lề và nền cho một page

Chọn page trong Structure → Config để đặt khác Global:

  • Custom margins → Content: bật để dùng lề nội dung riêng cho page.
  • Background → Page background: bật để dùng màu hoặc hình nền riêng.

Hai thiết lập này độc lập. Bạn có thể chỉ đổi nền trang bìa mà vẫn giữ lề chung, hoặc chỉ đổi lề cho một page chứa bảng rộng.

Tắt thiết lập riêng để page dùng lại giá trị Global hiện tại. Khi thiết lập riêng đang bật, thay đổi cùng mục ở Global không áp dụng cho page đó.

Header và Footer có mục lề, nền riêng trong Config khi được bật. Xem Header và Footer hoặc sử dụng ảnh cho phần tương ứng.

Structure → Invoice → Config
Config
Custom margins
Content
Left24 mm
Page background
Color
Page 1 · Custom
TembuilderINVOICE
01
Page 2 · Global
TembuilderINVOICE
01
Chọn page → Config → bật lề hoặc nền riêng

6. Page trong Structure và tờ PDF

Một page trong Structure là nhóm các section, không giới hạn ở một tờ giấy. Khi nội dung dài, nhóm đó có thể tạo ra nhiều tờ PDF; cấu hình của page tiếp tục áp dụng cho các tờ được tạo từ nhóm này.

Vì vậy, muốn một trang bìa có nền hoặc lề khác phần nội dung, hãy đặt bìa thành một page riêng trong Structure. Muốn điều khiển vị trí nội dung sang tờ tiếp theo, dùng thiết lập ngắt trang.

LayoutPDFA4 · 3 pages
Trang 1
TembuilderINVOICE
01
Trang 2
TembuilderNỘI DUNG
01
Trang 3
TembuilderNỘI DUNG
01
Một page trong Structure có thể tạo nhiều tờ PDF

Tìm tài liệu