Asphyx: Die Seite wurde neu angelegt: „''Im Sektionen-Tab werden die Inhaltsbausteine der aktuell geöffneten Seite verwaltet, bearbeitet, sortiert und ein- oder ausgeblendet.'' Zur Übersicht: AAM Editor Hosting == Sektionen-Tab == Jede Seite besteht aus einzelnen Sektionen. Eine Sektion ist ein eigenständiger Inhaltsbereich, beispielsweise:

Hero-Bereich

Textblock

Karten-Grid

Produktübersicht

rechtlicher Inha…“

2026-07-13T11:47:08Z

Die Seite wurde neu angelegt: „''Im Sektionen-Tab werden die Inhaltsbausteine der aktuell geöffneten Seite verwaltet, bearbeitet, sortiert und ein- oder ausgeblendet.'' Zur Übersicht: AAM Editor Hosting == Sektionen-Tab == Jede Seite besteht aus einzelnen Sektionen. Eine Sektion ist ein eigenständiger Inhaltsbereich, beispielsweise: <ul> <li>Hero-Bereich</li> <li>Textblock</li> <li>Karten-Grid</li> <li>Produktübersicht</li> <li>rechtlicher Inha…“

Neue Seite

''Im Sektionen-Tab werden die Inhaltsbausteine der aktuell geöffneten Seite verwaltet, bearbeitet, sortiert und ein- oder ausgeblendet.''

Zur Übersicht: [[:Kategorie:AAM Editor Hosting|AAM Editor Hosting]]

== Sektionen-Tab ==

Jede Seite besteht aus einzelnen Sektionen. Eine Sektion ist ein eigenständiger Inhaltsbereich, beispielsweise:

<ul>
<li>Hero-Bereich</li>
<li>Textblock</li>
<li>Karten-Grid</li>
<li>Produktübersicht</li>
<li>rechtlicher Inhalt</li>
<li>Plugin-Sektion wie Kontakt, Newsletter oder Buchung</li>
</ul>

Der Sektionen-Tab zeigt alle Sektionen der aktuell geöffneten Seite in ihrer Reihenfolge an.

== Sektion auswählen und bearbeiten ==

Eine Sektion kann direkt in der Vorschau oder über die Sektionenliste ausgewählt werden.

<ol>
<li>Die gewünschte Sektion in der Vorschau anklicken.</li>
<li>Der Sektionen-Tab öffnet sich automatisch oder markiert die gewählte Sektion.</li>
<li>Die verfügbaren Bearbeitungsfelder werden angezeigt.</li>
<li>Inhalte und Einstellungen ändern.</li>
<li>Die Änderungen erscheinen unmittelbar in der Vorschau.</li>
</ol>

Je nach Sektion können unter anderem folgende Felder vorhanden sein:

<ul>
<li>Titel und Beschreibung</li>
<li>Text und Formatierung</li>
<li>Bilder und Hintergrundbilder</li>
<li>Schaltflächen und Links</li>
<li>Farben</li>
<li>Karten oder Produkte</li>
<li>Abstände und Layout</li>
<li>Plugin-spezifische Einstellungen</li>
</ul>

== Eigenschaften einer Sektion ==

=== Typ ===

Der Typ bestimmt die grundsätzliche Funktion der Sektion.

Beispiele:

<pre>
Hero
Text
Karten-Grid
Produkte
Rechtliches
Newsletter
Kontakt
Booking
</pre>

Der Sektionstyp wird normalerweise beim Erstellen festgelegt und kann anschließend nicht direkt geändert werden.

Eine Übersicht der eingebauten Typen enthält [[AAM Editor – Core-Sektionstypen|Core-Sektionstypen]].

=== Bezeichnung ===

Die Bezeichnung ist der interne Name der Sektion im Editor.

Beispiele:

<pre>
Startseiten-Hero
Produktübersicht
Team
Häufige Fragen
Kontaktformular
</pre>

Die Bezeichnung kann geändert werden, ohne den sichtbaren Inhalt der Website zu beeinflussen.

Sinnvolle Bezeichnungen erleichtern die Orientierung auf Seiten mit vielen Sektionen.

=== Symbol ===

Sektionen können mit einem Symbol oder Emoji gekennzeichnet sein.

Beispiele:

<pre>
📝 Text
🛍 Produkte
❓ FAQ
🎬 Video
</pre>

Das Symbol dient ausschließlich der besseren Orientierung im Editor.

=== Sichtbarkeit ===

Über das Auge-Symbol kann eine Sektion ein- oder ausgeblendet werden.

<pre>
👁 sichtbar
durchgestrichenes Auge = ausgeblendet
</pre>

Eine ausgeblendete Sektion:

<ul>
<li>bleibt vollständig im Projekt erhalten</li>
<li>kann weiterhin bearbeitet werden</li>
<li>wird in der Live-Ausgabe nicht angezeigt</li>
<li>muss nicht gelöscht und später neu erstellt werden</li>
</ul>

Dies eignet sich für saisonale Inhalte, zeitweise deaktivierte Hinweise oder vorbereitete Sektionen.

== Neue Sektion hinzufügen ==

<ol>
<li>Im Sektionen-Tab oder in der Vorschau auf '''+ Sektion hinzufügen''' klicken.</li>
<li>Den gewünschten Sektionstyp auswählen.</li>
<li>Die neue Sektion wird auf der aktuellen Seite angelegt.</li>
<li>Inhalte und Einstellungen eintragen.</li>
<li>Position und Sichtbarkeit prüfen.</li>
</ol>

Der Editor enthält fünf fest eingebaute Core-Sektionstypen. Weitere Typen werden durch [[AAM Editor – Plugins installieren und verwalten|Plugins]] ergänzt.

== Sektionen sortieren ==

Die Reihenfolge im Sektionen-Tab entspricht der Reihenfolge auf der veröffentlichten Seite.

<ol>
<li>Die gewünschte Sektion in der Liste greifen.</li>
<li>Nach oben oder unten ziehen.</li>
<li>An der gewünschten Position loslassen.</li>
</ol>

Die Änderung wird unmittelbar in der Vorschau übernommen.

Die oberste Sektion erscheint am Anfang der Seite, die unterste am Seitenende.

== Sektion löschen ==

<ol>
<li>Die gewünschte Sektion auswählen.</li>
<li>Auf die rote Schaltfläche '''Löschen''' oder das Papierkorb-Symbol klicken.</li>
<li>Die Sicherheitsabfrage bestätigen.</li>
</ol>

Die Sektion wird vollständig von der Seite entfernt.

Vor umfangreichen Änderungen sollte das Projekt gespeichert werden. Eine frühere Fassung kann gegebenenfalls über [[AAM Editor – Versionen und Backups|Versionen und Backups]] wiederhergestellt werden.

== Sektionen ausblenden oder löschen ==

Eine Sektion sollte ausgeblendet werden, wenn sie später wieder benötigt wird.

Ausblenden eignet sich für:

<ul>
<li>zeitlich begrenzte Angebote</li>
<li>vorbereitete Ankündigungen</li>
<li>saisonale Inhalte</li>
<li>vorübergehend deaktivierte Formulare</li>
<li>Testbereiche</li>
</ul>

Löschen eignet sich, wenn:

<ul>
<li>der Inhalt endgültig entfernt werden soll</li>
<li>die Sektion nicht mehr benötigt wird</li>
<li>eine fehlerhafte oder doppelte Sektion ersetzt wurde</li>
</ul>

== Inhalte direkt in der Vorschau bearbeiten ==

Einige Inhalte können direkt in der Website-Vorschau bearbeitet werden.

Dazu gehören abhängig vom Sektionstyp:

<ul>
<li>Überschriften</li>
<li>Fließtext</li>
<li>Schaltflächenbeschriftungen</li>
<li>Kartentitel</li>
<li>Kartenbeschreibungen</li>
</ul>

Andere Einstellungen werden im Bearbeitungspanel vorgenommen, beispielsweise:

<ul>
<li>Bildauswahl</li>
<li>Farben</li>
<li>Layout</li>
<li>Verknüpfungen</li>
<li>technische Plugin-Einstellungen</li>
</ul>

== Bilder und Dateien verwenden ==

Sektionen mit Bildern oder Dateien greifen auf den Medienbestand des Editors zu.

<ol>
<li>Die Sektion auswählen.</li>
<li>Das Bild- oder Dateifeld öffnen.</li>
<li>Eine vorhandene Datei auswählen oder eine neue Datei hochladen.</li>
<li>Die Auswahl bestätigen.</li>
</ol>

Weitere Informationen enthält [[AAM Editor – Medien verwalten|Medien verwalten]].

== Farben einer Sektion ==

Sektionen können die globalen Farben der Website verwenden oder eigene Farbwerte erhalten.

Eigene Farben eignen sich beispielsweise für:

<ul>
<li>abweichende Hintergrundbereiche</li>
<li>besondere Produktabschnitte</li>
<li>Hinweis- oder Aktionsbereiche</li>
<li>helle Sektionen auf einer dunklen Website</li>
<li>dunkle Sektionen auf einer hellen Website</li>
</ul>

Nicht gesetzte Werte werden weiterhin vom globalen Theme übernommen.

Weitere Informationen enthält [[AAM Editor – Sektionsfarben verwenden|Sektionsfarben verwenden]].

== Sektionen und Plugins ==

Installierte Plugins können eigene Sektionstypen bereitstellen.

Beispiele:

<ul>
<li>Kontaktformular</li>
<li>Newsletter</li>
<li>Terminbuchung</li>
<li>Hotelbuchung</li>
<li>FAQ</li>
<li>Video</li>
<li>Countdown</li>
<li>Downloads</li>
<li>PDF-Reader</li>
<li>Fotoalbum</li>
</ul>

Wird ein Plugin entfernt, können bestehende Sektionen weiterhin im Projekt erhalten bleiben. Die zugehörigen Bearbeitungsfelder stehen jedoch erst wieder zur Verfügung, wenn das Plugin erneut installiert wird.

== Empfohlene Arbeitsweise ==

<ol>
<li>Seitenstruktur unter [[AAM Editor – Seiten verwalten|Seiten verwalten]] anlegen.</li>
<li>Benötigte Sektionen hinzufügen.</li>
<li>Sektionen sinnvoll benennen.</li>
<li>Reihenfolge festlegen.</li>
<li>Inhalte und Medien eintragen.</li>
<li>Farben und Layout prüfen.</li>
<li>Nicht benötigte Sektionen ausblenden oder löschen.</li>
<li>Projekt speichern und anschließend exportieren.</li>
</ol>

== Empfehlungen ==

<ul>
<li>Jede Sektion eindeutig benennen.</li>
<li>Ähnliche Inhalte in einer Sektion zusammenfassen.</li>
<li>Seiten nicht mit zu vielen kleinen Sektionen überladen.</li>
<li>Vor dem Löschen prüfen, ob Ausblenden ausreicht.</li>
<li>Bilder möglichst über den Medien-Manager einbinden.</li>
<li>Eigene Sektionsfarben sparsam einsetzen.</li>
<li>Nach Änderungen die Darstellung auf Desktop und Mobilgerät prüfen.</li>
</ul>

== Weiterführende Seiten ==

<ul>
<li>[[AAM Editor – Seiten verwalten|Seiten verwalten]]</li>
<li>[[AAM Editor – Core-Sektionstypen|Core-Sektionstypen]]</li>
<li>[[AAM Editor – Sektionsfarben verwenden|Sektionsfarben verwenden]]</li>
<li>[[AAM Editor – Medien verwalten|Medien verwalten]]</li>
<li>[[AAM Editor – Plugins installieren und verwalten|Plugins installieren und verwalten]]</li>
<li>[[AAM Editor – Speichern und Exportieren|Speichern und Exportieren]]</li>
</ul>

[[Kategorie:AAM Editor – Grundlagen und Bedienung|Sektionen bearbeiten]]

AAM Editor – Sektionen bearbeiten - Versionsgeschichte