AAM Editor – Sektionen bearbeiten
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 Inhalt
- Plugin-Sektion wie Kontakt, Newsletter oder Buchung
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.
- Die gewünschte Sektion in der Vorschau anklicken.
- Der Sektionen-Tab öffnet sich automatisch oder markiert die gewählte Sektion.
- Die verfügbaren Bearbeitungsfelder werden angezeigt.
- Inhalte und Einstellungen ändern.
- Die Änderungen erscheinen unmittelbar in der Vorschau.
Je nach Sektion können unter anderem folgende Felder vorhanden sein:
- Titel und Beschreibung
- Text und Formatierung
- Bilder und Hintergrundbilder
- Schaltflächen und Links
- Farben
- Karten oder Produkte
- Abstände und Layout
- Plugin-spezifische Einstellungen
Eigenschaften einer Sektion
Typ
Der Typ bestimmt die grundsätzliche Funktion der Sektion.
Beispiele:
Hero Text Karten-Grid Produkte Rechtliches Newsletter Kontakt Booking
Der Sektionstyp wird normalerweise beim Erstellen festgelegt und kann anschließend nicht direkt geändert werden.
Eine Übersicht der eingebauten Typen enthält Core-Sektionstypen.
Bezeichnung
Die Bezeichnung ist der interne Name der Sektion im Editor.
Beispiele:
Startseiten-Hero Produktübersicht Team Häufige Fragen Kontaktformular
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:
📝 Text 🛍 Produkte ❓ FAQ 🎬 Video
Das Symbol dient ausschließlich der besseren Orientierung im Editor.
Sichtbarkeit
Über das Auge-Symbol kann eine Sektion ein- oder ausgeblendet werden.
👁 sichtbar durchgestrichenes Auge = ausgeblendet
Eine ausgeblendete Sektion:
- bleibt vollständig im Projekt erhalten
- kann weiterhin bearbeitet werden
- wird in der Live-Ausgabe nicht angezeigt
- muss nicht gelöscht und später neu erstellt werden
Dies eignet sich für saisonale Inhalte, zeitweise deaktivierte Hinweise oder vorbereitete Sektionen.
Neue Sektion hinzufügen
- Im Sektionen-Tab oder in der Vorschau auf + Sektion hinzufügen klicken.
- Den gewünschten Sektionstyp auswählen.
- Die neue Sektion wird auf der aktuellen Seite angelegt.
- Inhalte und Einstellungen eintragen.
- Position und Sichtbarkeit prüfen.
Der Editor enthält fünf fest eingebaute Core-Sektionstypen. Weitere Typen werden durch Plugins ergänzt.
Sektionen sortieren
Die Reihenfolge im Sektionen-Tab entspricht der Reihenfolge auf der veröffentlichten Seite.
- Die gewünschte Sektion in der Liste greifen.
- Nach oben oder unten ziehen.
- An der gewünschten Position loslassen.
Die Änderung wird unmittelbar in der Vorschau übernommen.
Die oberste Sektion erscheint am Anfang der Seite, die unterste am Seitenende.
Sektion löschen
- Die gewünschte Sektion auswählen.
- Auf die rote Schaltfläche Löschen oder das Papierkorb-Symbol klicken.
- Die Sicherheitsabfrage bestätigen.
Die Sektion wird vollständig von der Seite entfernt.
Vor umfangreichen Änderungen sollte das Projekt gespeichert werden. Eine frühere Fassung kann gegebenenfalls über 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:
- zeitlich begrenzte Angebote
- vorbereitete Ankündigungen
- saisonale Inhalte
- vorübergehend deaktivierte Formulare
- Testbereiche
Löschen eignet sich, wenn:
- der Inhalt endgültig entfernt werden soll
- die Sektion nicht mehr benötigt wird
- eine fehlerhafte oder doppelte Sektion ersetzt wurde
Inhalte direkt in der Vorschau bearbeiten
Einige Inhalte können direkt in der Website-Vorschau bearbeitet werden.
Dazu gehören abhängig vom Sektionstyp:
- Überschriften
- Fließtext
- Schaltflächenbeschriftungen
- Kartentitel
- Kartenbeschreibungen
Andere Einstellungen werden im Bearbeitungspanel vorgenommen, beispielsweise:
- Bildauswahl
- Farben
- Layout
- Verknüpfungen
- technische Plugin-Einstellungen
Bilder und Dateien verwenden
Sektionen mit Bildern oder Dateien greifen auf den Medienbestand des Editors zu.
- Die Sektion auswählen.
- Das Bild- oder Dateifeld öffnen.
- Eine vorhandene Datei auswählen oder eine neue Datei hochladen.
- Die Auswahl bestätigen.
Weitere Informationen enthält 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:
- abweichende Hintergrundbereiche
- besondere Produktabschnitte
- Hinweis- oder Aktionsbereiche
- helle Sektionen auf einer dunklen Website
- dunkle Sektionen auf einer hellen Website
Nicht gesetzte Werte werden weiterhin vom globalen Theme übernommen.
Weitere Informationen enthält Sektionsfarben verwenden.
Sektionen und Plugins
Installierte Plugins können eigene Sektionstypen bereitstellen.
Beispiele:
- Kontaktformular
- Newsletter
- Terminbuchung
- Hotelbuchung
- FAQ
- Video
- Countdown
- Downloads
- PDF-Reader
- Fotoalbum
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
- Seitenstruktur unter Seiten verwalten anlegen.
- Benötigte Sektionen hinzufügen.
- Sektionen sinnvoll benennen.
- Reihenfolge festlegen.
- Inhalte und Medien eintragen.
- Farben und Layout prüfen.
- Nicht benötigte Sektionen ausblenden oder löschen.
- Projekt speichern und anschließend exportieren.
Empfehlungen
- Jede Sektion eindeutig benennen.
- Ähnliche Inhalte in einer Sektion zusammenfassen.
- Seiten nicht mit zu vielen kleinen Sektionen überladen.
- Vor dem Löschen prüfen, ob Ausblenden ausreicht.
- Bilder möglichst über den Medien-Manager einbinden.
- Eigene Sektionsfarben sparsam einsetzen.
- Nach Änderungen die Darstellung auf Desktop und Mobilgerät prüfen.