Wissensdatenbank

Erhalten Sie professionelles Website-Hosting

Entscheiden Sie sich für Website-Zuverlässigkeit und Kompetenz mit SiteGround!

Start / Website Builder / Seiten- und Inhaltsbearbeitung / Verschiedene Layouts, die Sie durch Modifikation des Spaltenabschnitts erreichen können

Verschiedene Layouts, die Sie durch Modifikation des Spaltenabschnitts erreichen können

Fassen Sie diesen Artikel zusammen mit:
Zuletzt aktualisiert: May 26, 2026 1 Minuten Lesezeit

Die Komponente „Spalten“ bietet große Flexibilität, um verschiedene Layouts auf Ihrer Website zu erstellen und unterschiedliche Arten von Informationen effektiv darzustellen. Mit Einstellungen für die Anzahl der Spalten und Zeilen sowie Optionen zum Anzeigen oder Ausblenden von Titeln, Texten, Buttons und Bildern können Sie das Layout an verschiedene Zwecke anpassen.

So fügen Sie eine Komponente „Spalten“ hinzu

Sie können eine Komponente „Spalten“ verwenden, um ein individuelles Abschnittsdesign zu erstellen. Gehen Sie dazu wie folgt vor:

  1. Klicken Sie im Site Admin auf „Website bearbeiten“ > Website Builder.
    Edit Website button in Site Admin for accessing the Website Builder editor
  2. Wählen Sie einen bestehenden Abschnitt aus oder erstellen Sie einen neuen.
    Pages tab in Website Builder with a selected page
  3. Klicken Sie auf die Schaltfläche „Hinzufügen“ in der oberen linken Ecke des Abschnitts.
    Selected page section with the Add button in the top-left corner for adding a new component
  4. Wählen Sie im Menü „Komponente hinzufügen“ die Komponente „Spalten“ aus.
    Add Component window with a selected Columns component
  5. Ziehen Sie die Komponente per Drag-and-Drop in den am besten geeigneten Bereich des Rasters.
    A section's grid area where you can drag and drop a Columns component into the preferred position

Verwenden von Abschnitten mit Spaltenkomponenten

Sie können vorgefertigte Abschnitte (wie „Team“, „Highlights“, „Dienstleistungen“ usw.) verwenden, die mit der Komponente „Spalten“ erstellt wurden. Diese sind im Pop-up-Fenster „Abschnitt hinzufügen“ verfügbar, wenn Sie einen neuen Abschnitt hinzufügen.

A page in Website Builder displaying the Add Section button for adding a new section

Team

Präsentieren Sie Ihre Teammitglieder und ihre Rollen und geben Sie so eine persönliche und professionelle Einführung in Ihr Unternehmen. Sie können einen vorgefertigten Abschnitt „Team“ verwenden oder Ihr eigenes Design erstellen.

A page in Website Builder showing a template section from the Team category

Um dies einzurichten, passen Sie die Anzahl der Spalten und Zeilen an die Größe Ihres Teams an. Ersetzen Sie die Platzhalterbilder durch Fotos Ihrer Teammitglieder und fügen Sie unter jedem Foto deren Namen und Rollen hinzu. Wählen Sie im Tab „Design“ im Fenster der Bildeinstellungen die passendste Form und Anpassung aus.

Highlights

Heben Sie besondere Aspekte Ihrer Leistungen hervor, indem Sie Bilder und Text verwenden, um wichtige Vorteile und Alleinstellungsmerkmale zu betonen. Sie können einen vorgefertigten Abschnitt „Highlights“ hinzufügen und entsprechend anpassen.

A page in Website Builder showing a template section from the Highlights category

Um dies einzurichten, wählen Sie eine passende Anzahl an Spalten und Zeilen, um Ihre Highlights darzustellen, z. B. „Erschwingliche Preise“ oder „Zufriedenheitsrate“. Ersetzen Sie die Bilder durch Icons oder andere visuelle Elemente, die jedes Highlight repräsentieren, und passen Sie deren Größe an, um ein einheitliches und professionelles Erscheinungsbild zu erzielen.

Dienstleistungen

Geben Sie einen Überblick über Ihre Dienstleistungen mit kurzen Beschreibungen und visuellen Elementen. Wie in den obigen Beispielen können Sie einen fertigen Abschnitt „Dienstleistungen“ verwenden oder mit einer Komponente „Spalten“ bzw. einem Abschnitt ein individuelles Design erstellen.

A page in Website Builder showing a template section from the Services category

Um dies einzurichten, ordnen Sie Spalten und Zeilen entsprechend der Anzahl Ihrer Dienstleistungen an. Ersetzen Sie Bilder durch Icons oder visuelle Elemente und fügen Sie unter jedem Element eine kurze Beschreibung hinzu. Passen Sie deren Größe an, um ein einheitliches Erscheinungsbild zu gewährleisten.

Diesen Artikel teilen