Abschnitt

Überblick

Durch seine Vielseitigkeit ist der Abschnitt der am häufigsten verwendete Absatztyp. Sie können im Text Editor zwischen vielen verschiedenen Formatierungsoptionen und Stilen wählen. Es können auch Fotos und Videos als Hintergründe verwendet werden.

Abschnitt zu einer Seite hinzufügen

1. Navigieren Sie in Administratives Hauptmenü zu Inhalt.
2. Suchen Sie in der Inhaltsübersicht die Seite, zu der Sie den Abschnitt hinzufügen möchten und klicken Sie auf Bearbeiten. Der Seiten-Editor wird geöffnet.
3. Scrollen Sie im Seiten-Editor nach unten und wählen Sie Abschnitt hinzufügen.
4. Geben Sie im Bereich Überschrift (optional) einen Namen oder eine Beschreibung ein. Verwenden Sie das Text-Editor-Menü, um Ihren Text entsprechend zu formatieren.
5. Im Bereich Link können Sie einen Pfad oder eine URL hinzufügen, um Besucher auf eine interne Seite oder eine externe URL weiterzuleiten. Gestalten Sie den Link so, dass er wie ein Symbol, eine Schaltfläche oder ein externer Link aussieht.
6. Konfigurieren Sie die Display-Options. (siehe Einstellungen erklärt).
7. Klicken Sie auf Speichern.
   • Um die Änderungen zu überprüfen, klicken Sie auf Vorschau.
   • Um die Änderungen auf Ihrer Website sichtbar zu machen, aktivieren Sie die Option Inhalt ist live (veröffentlicht).

Einstellungen erklärt

Bereich Link:

• URL
  Hier können Sie eine externe URL einfügen, einen internen Pfad eingeben oder einfach mit der Eingabe des Inhaltstitels beginnen, woraufhin die Autovervollständigung passende Elemente vorschlägt.
• Link-Text
  Geben Sie eine beschreibende und spezifische Bezeichnung für die Link-Schaltfläche auf der Folie ein.
• Stil auswählen
  • Primary Button (Primäre Schaltfläche): Wenn Sie das Feld Link-Text leer lassen, verlinkt das System die Folie dennoch, blendet jedoch die Link-Schaltfläche aus.
  • Outline Button: Im Gegensatz zu einem ausgefüllten Primary Button verwendet dieser Stil einen Rahmen und einen transparenten Hintergrund. Er eignet sich besonders für sekundäre Aktionen und ergänzende Links, wenn der Primary Button im visuellen Fokus stehen soll.
  • Info-Symbol: in der unteren linken Ecke: Das System zeigt das Symbol auch dann an, wenn Sie das Feld Link-Text leer lassen.
  • Externer Link: Wenn Sie das Feld Link-Text leer lassen, zeigt das System den externen Link als reine URL an.
• Link in neuem Fenster öffnen
  Aktivieren Sie diese Option, um festzulegen, dass der Link in einem neuen Fenster geöffnet werden soll.

Bereich Display-Options:

Hintergrundmedium Abschnitt
Wählen Sie ein Bild oder ein Video als Hintergrund für den Abschnitt.

Hintergrundbild Abschnitt Mobil
Sie können eine andere Mediendatei für mobile Geräte auswählen.

Hintergrundfarbe Abschnitt
Die Hintergrundfarbe für den Abschnitt wirkt sich auf die Farbe des Textes im Textfeld aus. Die Farbe Ihrer Schrift erscheint automatisch weiß, wenn Sie einen dunklen Hintergrund für den Absatz wählen. Die Bilddarstellung wird dadurch nicht beeinträchtigt.

Position Textbox
Wählen Sie, wo das Textfeld platziert werden soll. Ohne Auswahl wird das Textfeld in der linken oberen Ecke positioniert.

Hintergrundfarbe Textbox
Wählen Sie eine Hintergrundfarbe für das Textfeld.

Mindesthöhe des Abschnitts
Definieren Sie die Höhe der Abschnitte in Ihrem Browser. Bei einem festen Höhenwert passt sich die Breite der Mediendatei an die Größe des Browserfensters an. Sie können entweder die Höhe hier festlegen oder Bilder hochladen, die bereits die richtigen Abmessungen für Ihre Folie haben. Aktivieren Sie in diesem Fall Bildabmessungen verwenden. 

Mindesthöhe Einheit
Die folgenden Einheiten werden unterstützt:

• px → definiert die Größe in Pixeln
• rem → Wert relativ zur Größe der Basisschriftgröße des Browsers
• vh → relativ zu 1% zur Höhe des Ansichtsfensters
• vw → relativ zu 1% zur Breite des Ansichtsfensters

Nutze Parallax-Effekt
Hier erfahren Sie mehr über den Parallax-Effekt.

Bildabmessungen verwenden
Aktivieren Sie diese Option, wenn Sie die Größe eines Bildes vor dem Hochladen festlegen möchten, um sicherzustellen, dass es in verschiedenen Anzeigegrößen auf die gleiche Weise erscheint. Die Anzeige ist reaktionsfähig.

Kurze Demo: Abschnitt mit großer Überschrift und Hintergrundbild mit Parallax-Effekt erstellen.