# Seiten

# Seiten erstellen

In der Seitenleiste im Admin-Backend den Reiter "Webspaces" auswählen.

[![admin-webspaces-1.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/czLadmin-webspaces-1.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/czLadmin-webspaces-1.png)

Der Webspace "Rheincargo" ist standardmäßig ausgewählt.

Dort in der Seitenstruktur die Maus über die gewünschte Spalte bewegen und den + Button klicken.  
In der darauffolgenden Ansicht ist der Seitentyp "Seite" automatisch ausgewählt. Jetzt einen Titel für die neue Seite festlegen.

Auf den Button "Speichern" klicken und "Als Entwurf speichern" wählen.  
Die Ansicht wechselt nun zum Preview-Modus der neu angelegten Seite.

[![admin-seiten-neu.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/admin-seiten-neu.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/admin-seiten-neu.png)

Im Abschnitt "Seiten-Inhalt" können jetzt Inhalte in die neue Seite eingefügt werden. Dazu auf den Button "Block hinzufügen" klicken und die Art des Inhalts wählen und befüllen.

Eine Übersicht der Blöcke und Beispiele finden Sie hier: [Übersicht der Blöcke](https://rc-docs.jaf-systems.de/books/seiten/page/blocke "Blöcke")

[![admin-seiten-preview.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/0Xzadmin-seiten-preview.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/0Xzadmin-seiten-preview.png)

Nach dem Einfügen des Contents und [Überprüfung im Preview-Fenster](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/preview-modus-richtig-benutzen "Preview-Modus richtig benutzen") kann die Seite nun [veröffentlicht werden](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/seiten-entwurfe-veroffentlichung "Seiten Entwürfe & Veröffentlichung").  
Dazu im Header auf "Speichern" und "Entwurf speichern" klicken.

Anschließend kann ein weiterer Redakteur bzw. Instanz die Änderungen prüfen und über die Option "Speichern" -> "Veröffentlichen" live stellen.

# Seiten bearbeiten

In der Seitenleiste im Admin-Backend den Reiter "Webspaces" auswählen.

[![admin-webspaces-1.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/admin-webspaces-1.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/admin-webspaces-1.png)

Der Webspace "Rheincargo" ist standardmäßig ausgewählt.

Dort in der Seitenstruktur die gewünschte Seite auswählen und auf den erscheinenden grünen Button mit dem Stift-Icon klicken.

Die Ansicht wechselt zur zu bearbeitenden Seite. Dort die gewünschten Änderungen vornehmen.

[![admin-seiten-preview.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/admin-seiten-preview.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/admin-seiten-preview.png)

Nach dem Ändern des Contents und [Überprüfung im Preview-Fenster](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/preview-modus-richtig-benutzen "Preview-Modus richtig benutzen") kann die Seite nun [veröffentlicht werden](https://rc-docs.jaf-systems.de/books/sulu-grundlagen/page/seiten-entwurfe-veroffentlichung "Seiten Entwürfe & Veröffentlichung").

Dazu im Header auf "Speichern" und "Entwurf speichern" klicken.

Anschließend kann ein weiterer Redakteur bzw. Instanz die Änderungen prüfen und über die Option "Speichern" -> "Veröffentlichen" live stellen.

# Seiten unveröffentlichen

[![admin-seiten-preview.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/q85admin-seiten-preview.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/q85admin-seiten-preview.png)

Die Seite kann unveröffentlicht werden, indem man im Header "Editieren" und "Nicht mehr veröffentlichen" auswählt. Dies entfernt die von der Website und jeder Navigation, in der die Site angezeigt wird.

# Seiten-Einstellungen

[![admin-seiten-einstellungen.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/admin-seiten-einstellungen.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/admin-seiten-einstellungen.png)

Hier können verschiedene Einstellungen für die jeweilige Seite vorgenommen werden.

<table border="1" id="bkmrk-zeige-seite-in-mehrf" style="border-collapse: collapse; width: 100%; height: 1057.94px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Zeige Seite in</td><td style="height: 80.1875px;">Mehrfach-Auswahlfeld  
Stellt die Seite in den ausgewählten Menüs dar. Die  
Menüstruktur orientiert sich dabei am Aufbau der Seiten  
im Webspace selbst.</td></tr><tr style="height: 854.766px;"><td style="height: 854.766px;">Seitentyp </td><td style="height: 854.766px;">Auswahlfeld  
Ändert den Typen der Seite.

<table border="1" style="border-collapse: collapse; width: 100.388%;"><colgroup><col style="width: 25.7085%;"></col><col style="width: 74.1621%;"></col></colgroup><tbody><tr><td>Inhalt</td><td>Der editoriale Inhalt der Seite  
unter dem Tab "Details" wird  
ganz normal angezeigt wenn die  
Seite aufgerufen wird.</td></tr><tr><td>Interner Link</td><td>Beim Aufruf der Seite wird der  
User zur Zielseite weitergeleitet.

<table border="1" style="border-collapse: collapse; width: 100.366%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td>Link Titel</td><td>Freitextfeld  
Der Titel, der in  
der unter  
"Zeige Seite in"  
gewählten  
Navigation  
angezeigt  
werden soll</td></tr><tr><td>Verlinkter  
Inhalt</td><td>Seitenauswahlfeld  
Die Seite, zu  
der der User  
weitergeleitet  
werden soll</td></tr></tbody></table>

</td></tr><tr><td>Externer Link</td><td> <table border="1" style="border-collapse: collapse; width: 100.366%; height: 59.5938px;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Link Titel</td><td style="height: 29.7969px;">Freitextfeld  
Der Titel, der in  
der unter  
"Zeige Seite in"  
gewählten  
Navigation  
angezeigt  
werden soll</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">URL</td><td style="height: 29.7969px;">URL-Feld  
Die URL, zu der  
der User  
weitergeleitet  
werden soll. In  
der Regel das  
Protokoll  
"https://"  
verwenden.</td></tr></tbody></table>

</td></tr></tbody></table>

</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Verfasst am</td><td style="height: 63.3906px;">Datumsfeld  
Das Erstellungsdatum der Seite kann hier geändert  
werden.</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Autor</td><td style="height: 29.7969px;">Personenauswahlfeld  
Mit Klick auf das Person-Symbol kann hier der Autor der  
Seite geändert werden.</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Änderungshistorie</td><td style="height: 29.7969px;"> Zeigt Informationen an, zu welchem Zeitpunkt welcher  
Benutzer Änderungen vorgenommen hat.</td></tr></tbody></table>

# SEO

[![admin-seiten-seo.png](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/scaled-1680-/admin-seiten-seo.png)](https://rc-docs.jaf-systems.de/uploads/images/gallery/2023-01/admin-seiten-seo.png)

Über den Reiter "SEO" beim Bearbeiten einer Seite können Informationen hinterlegt werden, die Suchmaschinen betreffen.

<table border="1" cellpadding="0" cellspacing="0" class="align-left" id="bkmrk-suchergebnis-vorscha" style="border-collapse: collapse; width: 112.84%; height: 683px;"><tbody><tr style="height: 64.5938px;"><td style="width: 50.0618%; border-style: solid; border-image: initial; height: 64.5938px;" valign="top" width="351"><span lang="EN-US">Suchergebnis Vorschau (SERP)</span></td><td style="width: 50.0618%; border-style: solid solid solid none; border-image: initial; height: 64.5938px;" valign="top" width="351"><span lang="EN-US">Stellt eine SERP (Search Engine Result Preview) der Seite dar, wie sie in einer Suchmaschine angezeigt werden </span><span lang="EN-US">würde.</span></td></tr><tr style="height: 93.1875px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Titel (Meta title)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Freitextfeld  
Der SER Titel</span><span lang="EN-US">SEO Guidelines empfehlen einen Meta-Titel mit einer Länge von maximal 55 Zeichen.</span></td></tr><tr style="height: 93.1875px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Beschreibung (Meta description)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 93.1875px;" valign="top" width="351"><span lang="EN-US">Mehrzeiliges Textfeld  
Die SER Beschreibung</span><span lang="EN-US">SEO Guidelines empfehlen eine Meta-Beschreibung mit </span><span lang="EN-US">einer Länge von maximal 160 Zeichen.</span></td></tr><tr style="height: 99.0625px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 99.0625px;" valign="top" width="351"><span lang="EN-US">Keywords (Meta keywords)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 99.0625px;" valign="top" width="351"><span lang="EN-US">Freitextfeld  
</span><span lang="EN-US">Keywords werden durch Kommas getrennt und sollten den den Inhalt der Seite beschreiben. SEO Guidelines empfehlen die Zuweisung von maximal 5 Keywords pro Seite.</span></td></tr><tr style="height: 93.3281px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 93.3281px;" valign="top" width="351"><span lang="EN-US">Canonical URL (Canonical tag)</span></td><td style="width: 50.0618%; border-style: none solid solid none; height: 93.3281px;" valign="top" width="351"><span lang="EN-US">Freitextfeld  
</span><span lang="EN-US">Die Canonical URL der Site (siehe </span>[<span lang="EN-US">https://support.google.com/webmasters/answer/10347851</span><span lang="EN-US">?hl=de</span>](https://support.google.com/webmasters/answer/10347851?hl=de)<span lang="EN-US">)</span></td></tr><tr style="height: 70.7969px;"><td style="width: 50.0618%; border-style: solid; border-image: initial; height: 70.7969px;" valign="top" width="351"><span lang="EN-US"> </span>no-index

</td><td style="width: 50.0618%; border-style: solid solid solid none; border-image: initial; height: 70.7969px;" valign="top" width="351"><span lang="EN-US">Schalterfeld</span>

<span lang="EN-US">Seite wird nicht von Suchmaschinen indiziert</span>

</td></tr><tr style="height: 80.1719px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 80.1719px;" valign="top" width="351"><span lang="EN-US"> </span>no-follow

</td><td style="width: 50.0618%; border-style: none solid solid none; height: 80.1719px;" valign="top" width="351"><span lang="EN-US">Schalterfeld</span>

<span lang="EN-US">Links auf der Seite wird von Suchmaschinen nicht gefolgt</span>

</td></tr><tr style="height: 80.1719px;"><td style="width: 50.0618%; border-style: none solid solid; border-image: initial; height: 80.1719px;" valign="top" width="351"><span lang="EN-US"> </span>In Sitemap ausblenden

</td><td style="width: 50.0618%; border-style: none solid solid none; height: 80.1719px;" valign="top" width="351">Schalterfeld  
<span lang="EN-US">Zeigt die Seite nicht in der Übersicht auf </span><span lang="EN-US">[https://rheincargo.com/sitemap](https://rheincargo.com/sitemap) </span><span lang="EN-US">an.</span>

</td></tr></tbody></table>

# Blöcke

Auf jeder Seite gibt es eine Anzahl an Inhaltsblöcken. Hier werden diese im Detail erklärt.

<table border="1" id="bkmrk-block-beschreibung-%C3%9C" style="border-collapse: collapse; width: 100%; height: 4703.05px;"><colgroup><col style="width: 30.4119%;"></col><col style="width: 69.5881%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">**Block**</td><td style="height: 29.7969px;">**Beschreibung**</td></tr><tr style="height: 238.797px;"><td style="height: 238.797px;">Überschrift mit optionaler Subline</td><td style="height: 238.797px;">Eine simple Überschrift + Subline, die z. B. über einen Block gesetzt werden kann, der keine eigene Überschrift beinhaltet.

<table border="1" style="border-collapse: collapse; width: 100.388%;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr><td>Überschrift:</td><td>Freitextfeld  
Die zu anzeigende Überschrift  
</td></tr><tr><td>Subline:</td><td>Freitextfeld  
Die zu anzeigende Subline  
</td></tr><tr><td>HTML-Anker:</td><td>Freitextfeld  
Die Anker-ID, zu der dann bspw. per Button gescrollt werden kann  
</td></tr></tbody></table>

</td></tr><tr style="height: 369.359px;"><td style="height: 369.359px;">Überschrift mit optionaler Subline und Bild</td><td style="height: 369.359px;">Auffällige Überschrift, die auf einem Bild prominent angezeigt wird. In der Regel ist dieser Block der erste Block auf jeder Seite.

<table border="1" style="border-collapse: collapse; width: 100.388%; height: 169.578px;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Überschrift:</td><td style="height: 63.3906px;">Freitextfeld  
Die zu anzeigende Überschrift  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Subline:</td><td style="height: 46.5938px;">Freitextfeld  
Die zu anzeigende Subline  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Bild:</td><td style="height: 29.7969px;">Bildauswahlfeld  
Das zu anzeigende Bild. Im rechten Dropdown kann der Bildfokus ausgewählt werden. Wird das Bild zugeschnitten, ist dieser Teil im sichtbaren Bereich.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Kein Abstand unter dem Header-Element:</td><td style="height: 29.7969px;">Schalterfeld  
Entfernt den Abstand unter dem Header, der global immer gleich ist  
</td></tr></tbody></table>

</td></tr><tr style="height: 283.594px;"><td style="height: 283.594px;">Text</td><td style="height: 283.594px;">Ein weißer Kasten der frei formatierbaren Text beinhaltet.

<table border="1" style="border-collapse: collapse; width: 100.388%; height: 139.781px;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Wenig Padding:</td><td style="height: 80.1875px;">Schalterfeld  
Reduziert das horizontale Padding innerhalb des Textblocks  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Text:</td><td style="height: 29.7969px;">Text-Editor  
Der zu anzeigende Text  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Links:</td><td style="height: 29.7969px;">Block-Auswahl  
Eine zusätzliche Auswahl an Blöcken, die unterhalb des Texts angezeigt werden können. Siehe "Links" oder "Buttons" am Seitenende.  
</td></tr></tbody></table>

</td></tr><tr style="height: 854.297px;"><td style="height: 854.297px;">Zwei Spalten: Text und Bild</td><td style="height: 854.297px;">Ein weißer Kasten, der zweispaltigen Inhalt darstellt. Eine Spalte davon ist ein Bild oder ein Video, die andere Text.

<table border="1" style="border-collapse: collapse; width: 100.388%;"><colgroup><col style="width: 49.7423%;"></col><col style="width: 49.7423%;"></col></colgroup><tbody><tr><td>Bild:</td><td>Bildauswahlfeld  
Das zu anzeigende Bild. Im rechten Dropdown kann der Bildfokus ausgewählt werden. Wird das Bild zugeschnitten, ist dieser Teil im sichtbaren Bereich.  
</td></tr><tr><td>Youtube Video ID:</td><td>Freitextfeld  
Bettet statt des Bildes ein Youtube-Video ein. Nur die Video ID eintragen: https://www.youtube.com/watch  
?v=\[VIDEO-ID\] Das unter "Bild" ausgewählte Bild ersetzt das YouTube-Thumbnail.  
</td></tr><tr><td>Bildunterschrift:</td><td>Freitextfeld  
Diese wird unterhalb des Bildes im Artikel angezeigt.  
</td></tr><tr><td>Bild-Position</td><td>Auswahlfeld  
Bestimmt auf welcher Seite im Block das Bild relativ zum Text steht  
Optionen: Links, Rechts  
</td></tr><tr><td>Bild nicht zuschneiden</td><td>Schalterfeld  
Wenn aktiviert, wird das Bild im Original-Seitenverhältnis dargestellt und füllt die volle Breite aus  
</td></tr><tr><td>Bild-Format</td><td>Schalterfeld  
Legt fest, in welchem Format das Bild angezeigt werden soll. Für Landschafts-Format bitte "Bild nicht zuschneiden" aktivieren  
Optionen: Porträt Quadrat  
</td></tr><tr><td>Überschrift</td><td>Freitextfeld  
Die zu anzeigende Überschrift  
</td></tr><tr><td>Text:</td><td>Text-Editor  
Der zu anzeigende Text  
</td></tr><tr><td>Links:</td><td>Block-Auswahl  
Eine zusätzliche Auswahl an Blöcken, die unterhalb des Texts angezeigt werden können. Siehe "Links" oder "Buttons" am Seitenende.  
</td></tr></tbody></table>

</td></tr><tr style="height: 140.016px;"><td style="height: 140.016px;">Immobilien</td><td style="height: 140.016px;">Zeigt die ausgewählten Immobilien an.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 29.7969px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Immobilien</td><td style="height: 29.7969px;">Immobilienauswahlfeld  
Beim linken Feld (⌂) klicken und  
per Mehrfachauswahl die zu anzeigenden Immobilien selektieren.  
</td></tr></tbody></table>

</td></tr><tr style="height: 203.406px;"><td style="height: 203.406px;">Mitarbeiter</td><td style="height: 203.406px;">Zeigt die ausgewählten Mitarbeiter inklusive Adresse und Kontaktmöglichkeit an.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Überschrift des Mitarbeiter- Blocks</td><td>Die zu anzeigende Überschrift über der Mitarbeiter-Liste</td></tr><tr><td>Mitarbeiter</td><td>Mitarbeiterauswahlfeld  
Beim linken Feld (+) klicken und "Personen" auswählen.  
Anschließend per Mehrfachauswahl die zu anzeigenden Mitarbeiter </td></tr></tbody></table>

</td></tr><tr style="height: 899.094px;"><td style="height: 899.094px;">Download-Liste</td><td style="height: 899.094px;">Eine Liste an zum Download bereitgestellten Dateien

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 772.078px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 96.9844px;"><td style="height: 96.9844px;">Icon</td><td style="height: 96.9844px;">Bildauswahlfeld  
Das zu anzeigende Icon. Im Bildauswahlfenster zu RHEINCARGO/Bilder/Icons navigieren und eines selektieren.  
</td></tr><tr style="height: 80.1875px;"><td style="height: 80.1875px;">  
Icon-Position  
</td><td style="height: 80.1875px;">Auswahlfeld  
Bestimmt auf welcher Seite im Block das Icon relativ zum Text steht  
Optionen: Links, Rechts  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Überschrift</td><td style="height: 46.5938px;">Freitextfeld  
Die zu anzeigende Überschrift  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Text</td><td style="height: 46.5938px;">Text-Editor  
Der zu anzeigende Text  
</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Download-Liste</td><td style="height: 63.3906px;">Dokumentauswahlfeld  
Die zum Download verfügbaren Dokumente selektieren  
</td></tr><tr style="height: 130.578px;"><td style="height: 130.578px;">Interner Link</td><td style="height: 130.578px;">Seitenauswahlfeld  
Fügt einen Button unterhalb des Texts des Download-Abschnitts ein. Verlinkt auf eine Seite innerhalb des Systems bzw.  
RheinCargo-Webspace. Wird stets im gleichen Fenster / Tab geöffnet.  
</td></tr><tr style="height: 248.156px;"><td style="height: 248.156px;">Externer Link</td><td style="height: 248.156px;">URL-Feld  
Fügt einen Button unterhalb des Texts des Download-Abschnitts ein. Beliebiges Linkziel. Das Protokoll kann separat angegeben werden, sollte in der Regel aber "https://" lauten.  
Externe Links werden ausschließlich in einem neuen Fenster / Tab geöffnet.  
Ein externer Link wird dem internen stets vorgezogen, das heißt ein Button kann nur auf eines der Ziele verweisen und verlinkt, wenn sowohl "Interner" als auch "Externer" Link angegeben sind, immer auf den externen.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Link-Beschriftung</td><td style="height: 29.7969px;">Freitextfeld  
Wenn nicht angegeben, zeigt als Button-Beschriftung "Mehr Infos" an.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">HTML-Anker  
</td><td style="height: 29.7969px;">Freitextfeld  
Der Anker, zu dem auf der verlinkten Seite gesprungen werden soll.  
</td></tr></tbody></table>

</td></tr><tr style="height: 253.797px;"><td style="height: 253.797px;">Youtube-Video einbetten</td><td style="height: 253.797px;">Fügt ein großformatiges Youtube-Video ein, das per Klick abgespielt werden kann.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 160.375px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 130.578px;"><td style="height: 130.578px;">Youtube Video ID</td><td style="height: 130.578px;">Freitextfeld  
Bettet statt des Bildes ein Youtube-Video ein. Nur die Video ID eintragen: https://www.youtube.com/watch  
?v=\[VIDEO-ID\] Das unter "Bild" ausgewählte Bild ersetzt das YouTube-Thumbnail.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Vorschau-Bild</td><td style="height: 29.7969px;">Bildauswahlfeld  
Wenn kein Bild ausgewählt, wird das Youtube-Thumbnail angezeigt  
</td></tr></tbody></table>

</td></tr><tr style="height: 554.359px;"><td style="height: 554.359px;">Galerie</td><td style="height: 554.359px;">Stellt eine Auswahl an Bildern als interaktive Galerie dar.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Bilder</td><td>Bildauswahlfeld  
Die in der Galerie zu anzeigenden Bilder. Zeigt in der Detailansicht eines angeklickten Galerie-Bildes dessen Titel am unteren Bildschirmrand fest.  
Dies kann im Bild selbst unter "Informationen und Taxonomien" individuell geändert werden.  
</td></tr><tr><td>Spezielle CSS-Klasse</td><td>Freitextfeld  
Hier können zusätzliche CSS- Klassen angegeben werden, die beeinflussen, wie die Galerie angezeigt werden soll.  
Unterstützt:

<table border="1" style="border-collapse: collapse; width: 100.203%;"><colgroup><col style="width: 28.6902%;"></col><col style="width: 71.1194%;"></col></colgroup><tbody><tr><td>portrait</td><td>Zeigt die Bilder im Portraitformat an und stellt die Bild- Beschreibung darunter dar.  
Diese kann im  
portrait  
Bild selbst  
unter "Informationen und Taxonomien" individuell geändert werden.  
</td></tr></tbody></table>

</td></tr></tbody></table>

</td></tr><tr style="height: 184.797px;"><td style="height: 184.797px;">Hafen-Slider</td><td style="height: 184.797px;">Stellt einen Slider dar, der durch die ausgewählten Bilder wechselt.  
Der Titel und die Beschreibung werden aus dem Bild gezogen. Dies kann im Bild selbst unter "Informationen und Taxonomien" individuell geändert werden.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 29.7969px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Bilder</td><td style="height: 29.7969px;">Die zu anzeigenden Bilder der Häfen. Metadaten wie Bildtitel, Bilder und -Beschreibung werden für  
den Slider verwendet.  
</td></tr></tbody></table>

</td></tr><tr style="height: 483.156px;"><td style="height: 483.156px;">Teaser</td><td style="height: 483.156px;">Stellt eine Liste an Teaserblöcken dar, die zu beliebigen Seiten auf RheinCargo verlinken können.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 316.953px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 96.9844px;"><td style="height: 96.9844px;">Icon</td><td style="height: 96.9844px;">Bildauswahlfeld  
Das zu anzeigende Icon. Im Bildauswahlfenster zu RHEINCARGO/Bilder/Icons navigieren und eines selektieren.  
</td></tr><tr style="height: 130.578px;"><td style="height: 130.578px;">Interner Link</td><td style="height: 130.578px;">Seitenauswahlfeld  
Fügt einen Button unterhalb des Texts des Download-Abschnitts ein. Verlinkt auf eine Seite innerhalb des Systems bzw.  
RheinCargo-Webspace. Wird stets im gleichen Fenster / Tab geöffnet.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Teaser-Titel</td><td style="height: 29.7969px;">Freitextfeld  
Der Titel des Teasers  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Link-Beschriftung</td><td style="height: 29.7969px;">Freitextfeld  
Wenn nicht angegeben, zeigt "Mehr Infos" an.  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">HTML-Ziel-Anker</td><td style="height: 29.7969px;">Freitextfeld  
Falls zu einem Anker auf der Zielseite gescrollt werden soll, </td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Vertikaler Abstand</td><td style="height: 29.7969px;">Fügt zusätzlichen vertikalen Abstand ein, standardmößig 30px.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Höhe des Abstands in px</td><td>Freitextfeld  
Überschreibt die 30px-Höhe mit  
dem hier angegebenen Wert.  
Bitte "px" dahinter angeben, also 100px, 250px etc.  
</td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Zitate</td><td style="height: 29.7969px;">Stellt einen zweispaltigen Abschnitt mit Bild rechts und 2 Zitaten links dar.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 637.703px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 113.781px;"><td style="height: 113.781px;">Bild</td><td style="height: 113.781px;">Bildauswahlfeld  
Das zu anzeigende Bild. Im rechten Dropdown kann der Bildfokus ausgewählt werden. Wird das Bild zugeschnitten, ist dieser Teil im sichtbaren Bereich.  
</td></tr><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Bild nicht zuschneiden</td><td style="height: 80.1875px;">Schalterfeld  
Wenn aktiviert, wird das Bild im Original-Seitenverhältnis dargestellt, füllt die volle Breite aus  
</td></tr><tr style="height: 113.781px;"><td style="height: 113.781px;">Bild-Format</td><td style="height: 113.781px;">Schalterfeld  
Legt fest, in welchem Format das Bild angezeigt werden soll. Für Landschafts-Format bitte "Bild nicht zuschneiden" aktivieren  
Optionen: Porträt Quadrat  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Zitat 1</td><td style="height: 46.5938px;">Freitextfeld  
Das zu anzeigende Zitat  
</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Zitat 1 Text</td><td style="height: 63.3906px;">Text-Editor  
Text, der unterhalb des Zitats angezeigt werden soll  
</td></tr><tr style="height: 80.1875px;"><td style="height: 80.1875px;">Zitat 1 Links</td><td style="height: 80.1875px;">Block-Auswahl  
Eine zusätzliche Auswahl an Blöcken, die unterhalb des Texts angezeigt werden können. Siehe "Links" oder "Buttons".  
</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Zitat 2</td><td style="height: 46.5938px;">Freitextfeld  
Das zu anzeigende Zitat  
</td></tr><tr style="height: 63.3906px;"><td style="height: 63.3906px;">Zitat 2 Text</td><td style="height: 63.3906px;">Text-Editor  
Text, der unterhalb des Zitats angezeigt werden soll  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Zitat 2 Links</td><td style="height: 29.7969px;">Block-Auswahl  
Eine zusätzliche Auswahl an Blöcken, die unterhalb des Texts angezeigt werden können. Siehe "Links" oder "Buttons".</td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Inhaltsverzeichnis</td><td style="height: 29.7969px;">Stellt ein Inhaltsverzeichnis dar, das alle "Überschrift mit optionaler Subline" der Seite auflistet und zu denen einzeln gescrollt werden kann. Voraussetzung dafür ist, dass bei jedem "Überschrift mit optionaler Subline" Block das Feld "HTML-Anker" ausgefüllt ist.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 29.7969px;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Ignorieren</td><td style="height: 29.7969px;">Dieses Feld bitte ignorieren</td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">News Liste</td><td style="height: 29.7969px;">Stellt alle veröffentlichten News in einer paginierten Liste mit Bild, Titel, Kurzbeschreibung und Weiterlesen-Button an.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>News Liste</td><td>Newsauswahlfeld  
Die zu anzeigenden News  
Beiträge. Bisher keine Funktion. Der Block allein sorgt dafür, dass die News angezeigt werden.  
</td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Formular</td><td style="height: 29.7969px;">Stellt ein Formular dar, das unter "Formulare" im Backend erstellt werden kann.

<table border="1" style="border-collapse: collapse; width: 100.189%;"><colgroup><col style="width: 49.8168%;"></col><col style="width: 49.8168%;"></col></colgroup><tbody><tr><td>Text</td><td>Freitextfeld  
Der zu anzeigende Text oberhalb des Formulars.  
</td></tr><tr><td>Formular  
</td><td>Formularauswahlfeld  
Das zu anzeigende Formular.  
</td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Links Buttons</td><td style="height: 29.7969px;">Stellt unterhalb eines Texts oder Inhalts in einem Block  
zusätzliche Inhalte dar. Es können beliebig viele Inhalte  
aneinandergereiht werden.

<table border="1" style="border-collapse: collapse; width: 100.189%; height: 59.5938px;"><colgroup><col style="width: 16.7609%;"></col><col style="width: 83.0613%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Button</td><td style="height: 29.7969px;">Fügt einen Button ein, der auf ein Ziel verlinkt.

<table border="1" style="border-collapse: collapse; width: 100.203%;"><colgroup><col style="width: 49.8039%;"></col><col style="width: 49.8039%;"></col></colgroup><tbody><tr><td>Interner Link</td><td>Seitenauswahlfeld  
Fügt einen Button  
unterhalb des Texts des  
Download Abschnitts ein.  
Verlinkt auf eine Seite  
innerhalb des Systems bzw.  
RheinCargo Webspace.  
Wird stets im gleichen Fenster / Tab geöffnet.</td></tr><tr><td>Externer Link</td><td>URL-Feld  
Fügt einen Button  
unterhalb des Texts des Download- Abschnitts ein. Beliebiges Linkziel. Das Protokoll kann separat angegeben werden, sollte in der Regel aber "https://" lauten.  
Externe Links werden ausschließlich in einem neuen Fenster / Tab geöffnet.  
Ein externer Link wird dem internen stets vorgezogen, das heißt ein Button kann nur auf eines der Ziele verweisen und verlinkt, wenn sowohl "Interner" als auch "Externer" Link angegeben sind, immer auf den externen.  
</td></tr><tr><td>Link- Beschriftung</td><td>Freitextfeld  
Wenn nicht angegeben, zeigt als Button- Beschriftung "Mehr Infos" an.

</td></tr></tbody></table>

</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">Media</td><td style="height: 29.7969px;"> Fügt ein Bild ein

<table border="1" style="border-collapse: collapse; width: 100.118%;"><colgroup><col style="width: 50%;"></col><col style="width: 50%;"></col></colgroup><tbody><tr><td>Medienauswahl</td><td>Bildauswahlfeld  
Das zu anzeigende Bild.</td></tr></tbody></table>

</td></tr></tbody></table>

</td></tr></tbody></table>