Skip to main content
Ein Two-Columns-Block stellt zwei Spalten nebeneinander in eine Sektion. Jede Spalte enthält ihre eigenen Blöcke, so bekommen Sie also ein Bild neben einem Absatz oder einen Absatz neben einem Button. Fügen Sie ihn aus dem Blocks-Menü einer Sektion hinzu. Er kommt mit beiden Spalten bereits darin an.

Wie er gerendert wird

Die zwei Spalten teilen die Breite der Sektion unter sich auf, abzüglich des Innenabstands und des Zwischenraums, im Verhältnis, das Layout festlegt. Ein 50-50-Two-Columns-Block: ein Absatz und ein Logo links, ein Absatz und ein Button rechts, nebeneinander Auf einem Bildschirm schmaler als 480 Pixel hören sie auf, Spalten zu sein. Die linke wird zuerst in voller Breite gerendert, die rechte darunter, und der Zwischenraum wird zu vertikalem Abstand. Setzen Sie das, was am ehesten gelesen werden soll, in die linke Spalte, denn auf einem Telefon ist das das Oberste. Derselbe Block gerendert bei 400 Pixeln Breite, mit Absatz und Logo der linken Spalte gestapelt über Absatz und Button der rechten Spalte

Einstellungen

  • Background color füllt beide Spalten.
  • Layout legt die Aufteilung fest: 50-50, 60-40, 40-60, 66-33 oder 33-66. Die erste Zahl ist die linke Spalte.
  • Gap ist der Raum zwischen den beiden Spalten, ein Schieberegler und ein Feld von 0 bis 48 Pixeln.
  • Column 1 Blocks und Column 2 Blocks sind zwei getrennte Listen, eine pro Spalte, jede mit dem üblichen +, und Ziehgriff.
  • Margin ist die Lücke über und unter dem Paar.
  • Padding ist die Lücke in jeder Spalte, um ihre Blöcke herum.
Das Two-Columns-Einstellungspanel mit Background color, den fünf Layout-Schaltflächen mit ausgewähltem 50-50, dem Gap-Schieberegler auf 24, den Blocklisten für Column 1 und Column 2, Margin und Padding

Grenzen

Ein Two-Columns-Block enthält immer genau zwei Spalten. Nichts fügt eine dritte hinzu und nichts entfernt eine, die Blocks-Listen beider Spalten fügen nur Blöcke innerhalb dieser Spalte hinzu, und die Breadcrumb überspringt die Spaltenebene ganz. Drei Spalten nebeneinander sind kein Layout, das der E-Mail-Builder bauen kann. Eine Spalte akzeptiert weniger Arten von Blöcken als eine Sektion. Ihr Menü bietet Paragraph, Heading, Image, Socials, Button und HTML an. Es gibt kein Two Columns, kein Form und keine Signature, Spalten verschachteln also nie. Außerhalb des Builders wird die Regel beim Eingang durchgesetzt. Eine E-Mail-Vorlage, die an die HireData-API gesendet wird und einen Spaltenblock enthält, der nicht genau zwei Spaltenblöcke enthält, wird abgelehnt mit “A columns block must contain exactly two column blocks.”

Verwandte Themen

  • E-Mail-Builder: Überblick behandelt den Builder, die Toolbar, das Theme und jeden Blocktyp.
  • Sektion ist der einzige Block, in den ein Two Columns gehen kann.
  • Template erklärt, wo die Spaltenebene sitzt und warum Sie sie nie sehen.
  • Image verhält sich in einer Spalte anders, wo es die Breite der Spalte annimmt.