Vorlageneditor
Docs/Designvorlagen

Layout, Schriftarten und Ränder

Wählen Sie Papierformat, Typografie, Ränder und Hintergründe, um Ihrem Dokument das gewünschte Layout zu geben.

5 Minuten Lesezeit6 Abschnitte
Auf dieser Seite

Beim Bearbeiten einer Vorlage gelten einige Änderungen für das gesamte Dokument, z. B. eine neue Schriftart oder gemeinsame Ränder. Andere Teile benötigen möglicherweise eine eigene Behandlung, z. B. ein Cover mit einem farbigen Hintergrund, gefolgt von weißen Inhaltsseiten.

Mit Tembuilder können Sie beides tun: gemeinsame Standardeinstellungen in Global festlegen und dann einzelnen Seiten in Structure eigene Ränder und Hintergründe zuweisen. In dieser Anleitung erfahren Sie, wo Sie das Papierformat auswählen und Typografie, Ränder und Hintergründe anpassen können.

1. Wählen Sie das Papierformat

Verwenden Sie die Papiergrößensteuerung im Vorschaubereich, unten als A4 dargestellt. Das Papierformat gilt für die gesamte Vorlage; Für einzelne Seiten gibt es in Config keine separate Papierformateinstellung.

Tembuilder unterstützt 9 Papierformate:

Papierformat Abmessungen (Breite × Höhe, mm)
A0 841 × 1189
A1 594 × 841
A2 420 × 594
A3 297 × 420
A4 210 × 297
A5 148 × 210
A6 105 × 148
US-Brief 215.9 × 279.4
Legal 215.9 × 355.6
LayoutPDF
A4
TembuilderRECHNUNG
01
A4 · 210 × 297 mm
TembuilderRECHNUNG
01
US-Brief
Vorschau → Wählen Sie das Papierformat

2. Gemeinsame Typografie in Global festlegen

Öffnen Sie Structure → Global → Config → Typografie.

Einstellung Wert und Einheiten
Schriftgröße Größe in pt, z. B. 12.
Linienhöhe Ein Multiplikator der Schriftgröße, z. B. 1.4; Geben Sie nicht px oder pt ein.
Buchstabenabstand Zeichenabstand in em, z. B. 0.02.
Text ausrichten Links, Mitte, Rechts oder Blocksatz.
Textfarbe Die gemeinsame Textfarbe.

Dies sind Standardwerte. Wenn ein Abschnitt seinen eigenen font-size, color oder line-height in CSS festlegt, überschreibt eine Änderung dieser Einstellung in Global nicht den CSS des Abschnitts. Wenn ein Teil des Inhalts nicht auf eine Global-Änderung reagiert, überprüfen Sie die Registerkarte CSS dieses Abschnitts.

Structure → Global → Config
STRUKTUR
⌄ Global
⌄ Rechnung
Rechnungsparteien
PropsConfig
Typografie
Schriftgröße12 Pkt
Linienhöhe1.4
Text ausrichtenLinks
Textfarbe
Global → Config → Typografie

3. Schriftarten hinzufügen und sortieren

Öffnen Sie Global → Config → Schriftarten → Schriftart hinzufügen, suchen Sie nach einer Google-Schriftart und fügen Sie sie der Liste hinzu.

Die Listenreihenfolge legt die Schriftartenpriorität fest. Ziehen Sie eine Schriftart nach oben oder verwenden Sie die Auf-/Ab-Steuerelemente, um sie zur ersten Wahl zu machen. Spätere Schriftarten sind Ersatzschriftarten, wenn eine frühere Schriftart nicht verfügbar ist oder ein Zeichen fehlt.

Ein Abschnitt mit seinem eigenen CSS font-family verwendet diese Schriftartdeklaration anstelle der Standardreihenfolge von Global.

Structure → Global → Config
Schriftarten+ Schriftart hinzufügen
1
WeltraumgroteskGoogle-Schriftarten
Aa
Typbeispiel · Aa Bb Cc · 0123456789
Global → Config → Schriftarten → Schriftart hinzufügen

4. Inhaltsränder festlegen

Öffnen Sie Global → Config → Inhaltsrand, aktivieren Sie Ränder und geben Sie Oben, Rechts, Unten und Links in mm ein.

Beispielsweise ist A4 210 mm breit. Mit einem linken und rechten Rand von jeweils 14 mm ist der Inhaltsbereich 182 mm breit. Das ist die Breite, die für Tabellen und Abschnitte zur Verfügung steht.

Verwenden Sie Seitenränder für den Einschub von den Papierkanten. Verwenden Sie padding und margin im CSS eines Abschnitts für den Abstand innerhalb oder zwischen Inhaltsblöcken.

Spiegelrand vertauscht den linken und rechten Rand auf geraden Blättern für doppelseitige, gebundene Dokumente. Mit Left 24 und Right 12 haben ungerade Blätter einen linken 24 mm-Rand und gerade Blätter einen rechten 24 mm-Rand.

Global → Config → Inhaltsrand
Inhaltsrand mm
Oben14
Links24
Richtig12
Unten20
Spiegelrand
1
2
Ränder verwenden mm · Spiegelrand vertauscht links/rechts auf geraden Blättern

5. Überschreiben Sie die Ränder und den Hintergrund einer Seite

Wählen Sie eine Seite in Structure → Config aus, um Global zu überschreiben:

  • Benutzerdefinierte Ränder → Inhalt: Aktivieren Sie einen separaten Inhaltsrand für die Seite.
  • Hintergrund → Seitenhintergrund: Aktivieren Sie eine separate Hintergrundfarbe oder ein separates Bild.

Diese Einstellungen sind unabhängig. Ein Cover kann einen eigenen Hintergrund haben und dabei gemeinsame Ränder beibehalten, oder eine Seite mit einer breiten Tabelle kann eigene Ränder haben.

Deaktivieren Sie eine Überschreibung, um wieder den aktuellen Global-Wert zu verwenden. Während eine Außerkraftsetzung aktiviert ist, gelten Änderungen an dieser Global-Einstellung nicht für die Seite.

Kopf- und Fußzeilen haben bei Aktivierung ihre eigenen Rand- und Hintergrundeinstellungen. Relevante Details finden Sie unter Kopf- und Fußzeilen oder Bilder verwenden].

Structure → Rechnung → Config
Config
Benutzerdefinierte Ränder
Inhalt
Links24 mm
Seitenhintergrund
Farbe
Seite 1 · Benutzerdefiniert
TembuilderRECHNUNG
01
Seite 2 · Global
TembuilderRECHNUNG
01
Wählen Sie eine Seite → Config → benutzerdefinierte Ränder oder Hintergrund aktivieren

6. Structure-Seiten und PDF-Blätter

Eine Seite in Structure gruppiert Abschnitte; es ist nicht auf ein Blatt Papier beschränkt. Längere Inhalte können mehrere PDF-Blätter aus dieser Gruppe erzeugen, und die Konfiguration der Seite gilt weiterhin für diese Blätter.

Um einem Cover unterschiedliche Ränder oder einen Hintergrund zu geben, machen Sie es in Structure zu einer separaten Seite. Um zu steuern, wohin der Inhalt auf das nächste Blatt verschoben wird, verwenden Sie die Seitenumbrucheinstellungen.

LayoutPDFA4 · 3 Seiten
Seite 1
TembuilderRECHNUNG
01
Seite 2
TembuilderINHALT
01
Seite 3
TembuilderINHALT
01
Eine Structure-Seite kann mehrere PDF-Blätter erzeugen

Dokumentation durchsuchen