Zum Inhalt

ContentBlocks

Mit ContentBlocks kann man den Inhalt der MODX Ressourcen modular und mehrspaltig Inhalte verwalten. Dabei können dynamisch Layouts und Felder hinzugefügt, verschoben und gelöscht werden.

Speichern nicht vergessen

Eine Änderung an in ContentBlocks ist nicht automatisch gespeichert. Solange der Speichern Button oder das Tastaturkürzel Strg+S nicht gedrückt worden ist, sind Änderungen nicht gespeichert. MODX gibt eine Warnung aus, wenn ungespeicherte Elemente auf der Seite vorhanden sind und man auf eine andere Ressource wechseln will. Wenn der Browser geschlossen wird, ist dies nicht der Fall.

Layouts

Auf der kjfh Website existieren folgende Layouts

  • Eine Spalte - Eine Spalte mit einstellbarer maximaler Breite
  • Zwei Spalten - Zwei Spalten mit einstellbarer maximaler Breite
  • Drei Spalten - Drei Spalten mit einstellbarer maximaler Breite
  • Vier Spalten - Vier Spalten mit einstellbarer maximaler Breite

Diese Layouts können mit den Schaltflächen Layout hinzufügen am Anfang und am Ende des Ressourceninhalts und zwischen zwei plazierten Layouts zur den eingebauten Layouts hinzugefügt werden.

Jedes platzierte Layout enthält ein Kontextmenu mit den Einträgen

  • Layout wechseln - Mit diesem Punkt kann das Layout in ein anderes Layout umgewandelt werden. Platzierte Felder müssen dabei in einem Dialog auf die Bereiche des neuen Layouts verteilt werden.
  • Layout wiederholen - Das momentan benutzte Layout wird unterhalb erneut eingefügt.
  • Layout löschen - Das Layout löschen.

Mit den Pfeilen neben dem Kontextmenü kann das Layout nach oben und nach unten verschoben werden.

Jedes Layout kann mit den Layout-Einstellungen angepasst werden. Damit lassen sich folgende Dinge einstellen:

  • ID - Die ID der Sektion. Wird als Ziel für Buttons mit einer Scroll Funktion benötigt.
  • Hintergrund - Die Farbe des Hintergrunds des Bereichs
  • Trennline vertikal - Die Farbe der Trennlinie oberhalb des Bereichs
  • Breite Inhalt - Die maximale Breite des Bereichs

Felder

Für die kjfh Website existieren diverse ContentBlocks Felder. Diese Felder können mit den Schaltflächen Inhalt hinzufügen am Anfang und am Ende eines Layouts hinzugefügt werden. Zwischen zwei Feldern gibt es einen Button mit einem Plus Zeichen zum hinzufügen von Feldern.

Die Felder können per Drag&Drop innerhalb eines Layouts und zwischen verschiedenen Layouts verschoben werden. Wenn ein Layout mehrere Spalten hat, ist auch zwischen diesen Spalten ein Verschieben möglich.

Wenn sich die Maus über einem Feld befindet, erscheint rechts oben ein Löschen-Button und optional ein Einstellungs-Button

Standard Felder

Die folgenden Standardfelder sind auf der kjfh Website vorhanten:

  • Überschrift – Überschrift Feld mit Auswahl der Überschriftsebene. Im Einstellungs-Fenster lassen sich Größe, Ausrichtung, Farbe und Effekt einstellen.
  • News-Überschrift – Überschrift Feld für die News.
  • Formatierter Text – Richtext Feld zur Eingabe eines längeren Textes. Im Einstellungs-Fenster lassen sich Textstil, Ausrichtung und Effekt einstellen.
  • Tabelle – Eingabe einer Tabelle.
  • Bild – Bild Feld mit Buttons zum Auswählen, Hochladen und URL eingeben. Hochgeladene Bilder landen automatisch im Ordner assets/images/uploads, können aber z.B. im Medien-Browser oder im Dateibaum verschoben werden. -
  • Galerie – Eine Sammlung von Bildern. Die Sammlung wird im Frontend je nach Bildschirmgröße als ein- bis dreispaltige Bildgruppe ausgegeben.
  • Video – Video Feld mit Eingabemöglichkeit für eine Youtube ID.
  • HTML Code – Code Feld zur Eigabe von HTML Code.
  • Datei – Datei Feld mit Buttons zum Auswählen und Hochladen. Im Einstellungs-Fenster lassen sich Buttonfarbe, Ausrichtung und Effekt einstellen. Im Frontend wird ein Button mit einem Link zum Download der Datei ausgegeben.
  • Inline-Datei – Datei Feld mit Buttons zum Auswählen und Hochladen. Im Frontend wird die PDF-Datei im Inhaltsbereich dargestellt.
  • Verschachteltes Layout – Feld zur Auswahl eines verschachtelten Layouts. Das verschachtelte Layout kann wiederum mit Feldern befüllt werden.

kjfh Funktionen

  • Liste Buttons – Feld zur Eingabe von verlinkten Buttons. Im Einstellungs-Fenster lassen sich Ausrichtung und Effekt einstellen. Die Buttons werden im Frontend als Liste ausgegeben.
  • Liste Geschichte – Feld zur Eingabe von Geschichtsdaten. Im Einstellungs-Fenster lässt sich der Effekt einstellen.
  • Liste Angebote – Feld zur Ausgabe von Angeboten im Frontend.
  • Liste Kooperationspartner – Feld zur Ausgabe von Kooperationspartnern im Frontend.
  • Liste News – Feld zur Ausgabe der News-Übersicht im Frontend.
  • Liste Presse – Feld zur Ausgabe der Pressemeldungs-Übersicht im Frontend.
  • Liste Stellen – Feld zur Ausgabe der Stellenangebots-Übersicht im Frontend.
  • Liste Team – Feld zur Ausgabe von Teammitgliedern im Frontend. Der Bereich und die Anzahl der Elemente können im Feld ausgewählt werden. Im Einstellungs-Fenster lässt sich die Ausrichtung der Elemente einstellen.
  • Liste Termine – Feld zur Ausgabe von Terminen im Frontend. Die dargestellten Kalender können im Feld ausgewählt werden.
  • Slider Angebot – Feld zur Ausgabe des Angebots-Slider im Frontend.
  • Kontaktformular – Feld zur Ausgabe des Kontaktformulars im Frontend.