Inhalte anordnen

Übersicht

Die Anordnung der Inhalte auf Ihrer Website ist entscheidend. In übersichtlich angeordneten Inhalten finden Besucher einfacher die gewünschten Informationen. Außerdem können Sie so Abschnitte besser hervorheben, die ansonsten leicht übersehen werden. Eine gut strukturierte Seite verleiht Ihrer Website einen professionellen Look und bietet Chancen für Umsatzsteigerungen, da Besucher der Website die gesuchten Inhalte schneller finden.

Anleitung

Website-Builder-Struktur

Ihr Website-Builder besteht aus Header, Footer, Zeilen und Spalten. Jedes Element, das Sie hinzufügen, wird in einen dieser Abschnitte eingefügt. 

Zeilen

Zeilen sind die horizontalen Abschnitte Ihrer Website. Wenn Sie Elemente und Spalten zu Ihrer Website hinzufügen, werden diese in diese Zeilen eingefügt. 

arrangingcontent1_en-US.png

Zeilen können Sie zu Ihrer Website hinzufügen, indem Sie Elemente hineinziehen. Wenn Sie ein Element zwischen Zeilen oder in einen Bereich ziehen, in dem eine Zeile eingefügt werden soll, wird eine neue Zeile erstellt.

arrangingcontent2_en-US.png

Sie können Zeilen auf zweierlei Weise löschen. Sie können mit der rechten Maustaste auf eine beliebige Stelle innerhalb der Zeile klicken, um das Kontextmenü zu öffnen, und dann „Löschen“ auswählen. Alternativ können Sie auch oben links in der Zeile auf den Button „Zeile“ und dann auf „Löschen“ klicken.

arrangingcontent3_en-US.png

Spalten

Jede Zeile enthält mindestens eine Spalte. Die Spalten enthalten alle Elemente Ihrer Website und bestimmen deren Anordnung.

arrangingcontent4_en-US.png

Jeder Zeile kann bis zu vier Spalten enthalten. Jedes Mal, wenn Sie eine neue Spalte hinzufügen, erscheint diese neben der vorhanden Spalte in derselben Zeile. 

arrangingcontent5_en-US.png

Sie können Spalten auf zweierlei Weise löschen. Sie können mit der rechten Maustaste auf eine beliebige Stelle innerhalb der Spalte klicken, um das Kontextmenü zu öffnen, und dann „Löschen“ auswählen. Alternativ können Sie auch oben rechts in der Spalte auf das rote X klicken.

arrangingcontent6_en-US.png

arrangingcontent7_en-US.png

You can place widgets directly into columns, or structure the column further by adding inner rows. 

Inner rows

Inner rows allow extra design flexibility by enabling you to add rows inside columns. With the help of inner rows, you can vary the column layout and keep the general design of the row (background, spacing, bleed, etc.).

Just like regular rows, inner rows can have their own background and spacing, be split into up to four columns, and have their column order changed on mobile. Columns in inner rows can be populated by any widget but inner rows cannot be added to such columns.

To add an inner row to a column, do one of the following:

  1. Right-click the row and click Add Inner Row. If there are multiple columns in the row, you’ll have to choose to which column you want to add the inner rows.
  2. Right-click the column and click Add Inner Row.
  3. Right-click the inner row and click Add Row to place an inner row below the current one.

To give an example of how to use inner row, let’s look at two ways a layout that contains a title and 3 buttons can be designed:-

  • Add two rows. Place the Title in Row 1 with 1 Column. Split Row 2 into 3 columns. Place a button into each column.
    • Two separate rows cannot share the same background image and you need to set spacing and bleed style separately for each row.

inner-rows1-en-US.png

  • Add a row. By default, each row contains a column. Add 2 inner rows to the column. Place the Title into inner row 1. Split inner row 2 into 3 columns. Place a button in each column.
    • These two inner rows will share the main row background, spacing and bleed.

inner-rows2-en-US.png

Some important considerations when it comes to editing inner rows:

  • You can only use the order switching arrows to switch the order between inner rows. To switch the order of widgets and inner rows, you need to manually drag and drop the widgets above or below the inner row.
  • 2 columns, 3 columns, 4 columns widgets cannot be placed in inner rows. To add a column, right-click the row and click Add Column.
  • Unlike regular row, inner rows cannot be copy-pasted.  

Elemente

Elemente enthalten Text, Bilder, Buttons und anderen Inhalte Ihrer Website. Klicken Sie zum Hinzufügen von Elementen zu Ihrer Website im linken Menü auf „Elemente“, suchen Sie das gewünschte Element, und ziehen Sie dieses in Ihre Website. 

arrangingcontent8_en-US.png

Es gibt mehrere Möglichkeiten, Elemente von Ihrer Website zu löschen. Sie können mit der rechten Maustaste auf eine beliebige Stelle innerhalb des Elements klicken, um das Kontextmenü zu öffnen, und dann „Löschen“ auswählen. Alternativ können Sie auch oben rechts im Element auf das rote X klicken.

arrangingcontent9_en-US.png

arrangingcontent10_en-US.png

Anmerkungen

Während bei Desktop- und Tabletansichten jede Zeile bis zu vier Spalten enthalten kann, können auf Mobilgeräten höchstens zwei Spalten in den Zeilen der Websites angezeigt werden.

Die in Desktop- und Tabletansichten hinzugefügten Spalten werden beim Wechsel in die mobile Ansicht über die volle Breite der Seite angezeigt. Um eine Zeile mit zwei Spalten in der mobilen Ansicht zu erstellen, wechseln Sie zuerst in die mobile Ansicht und fügen Sie dann ein „Zwei-Spalten“-Element hinzu.

Häufig gestellte Fragen

Wie ordne ich Elemente nebeneinander an?

Es gibt mehrere Möglichkeiten, Elemente nebeneinander anzuordnen. Sie können ein Element auf Ihre Website ziehen, eine Spalte zu der Zeile hinzufügen, in der dieses Element platziert wurde, und dann ein anderes Element in diese Spalte ziehen. Sie können auch das Element „Zwei-Spalten“t auf Ihre Website ziehen und dann das Elemente per Drag&Drop in jede Spalte verschieben.

arrangingcontent11_en-US.png

arrangingcontent12_en-US.png

Wie wähle ich eine Spalte oder Zeile aus?

Elemente nehmen häufig die gesamte Größe eine Spalte oder Zeile ein und erschweren deshalb ihre Verwendung. Um dieses Problem zu umgehen, klicken Sie mit der rechten Maustaste auf das Element in der gewünschten Spalte oder Zeile und wählen Sie dann entweder „Spalte“ oder „Zeile“ aus.

arrangingcontent13_en-US.png

Wie lösche ich die letzte Spalte in einer Zeile?

Überhaupt nicht! Leere Spalten werden auf der Live-Website nicht angezeigt. Sie stehen nur für den Fall zur Verfügung, dass Sie darin Inhalt ablegen möchten. Sie können die Spalte löschen, indem Sie die Zeile löschen, in der sie enthalten ist.

Lässt sich die Darstellung in der Mobilgeräteansicht bearbeiten?

Yes! You can toggle the reverse column order option in the row design to change how columns are displayed on the mobile view in each row.arrangingcontent14_de-DE.png

Ressourcen