JGU Spalte: Elemente nebeneinander anordnen

Ordnen Sie Ihre Inhalte Spaltenbasiert an mit dem Shortcode: [spalte] . Sie bewegen sich damit immer noch im Rahmen des Layout-Frameworks der JGU. Die Inhalte der einzelnen Spalte können dann mit dem Standard-Texteditor befüllt werden.

Aktivieren Sie das Plugin ‘JGU Spalte’.


Plugin einschalten

Bevor Sie dieses Plugin verwenden können, müssen Sie es zuerst einschalten!
Ansonsten werden Ihre Shortcodes einfach nur auf der Seite angezeigt, anstatt ausgeführt zu werden.
Also: gehen Sie nach Dashboard -> JGU Tools -> Plugins und aktivieren Sie das Plugin.Ausführliche Anleitung zum Plugin aus- und einschalten


 

Danach können Sie die Seitenbreite über Shortcode in einzelne Spalten nach eigener Definition unterteilen.

Dieser Shortcode muß ganz außen stehen und ist dafür gedacht, die gesamte Seite zu strukturieren. NICHT innerhalb einer Seite verwenden, das wird eher nicht funktionieren!

Sie definieren dabei Reihen: [reihe], welche die gesamte Seitenbreite einnehmen, und Spalten: [spalte], welche die Gesamtreihe in Einzelteile mit definierter Breite unterteilen.

Aktivieren Sie auf Ihrer Seite ggf. Template 'Spaltenlos', wenn Sie Ihr Layout auf der gesamten Seitenbreite verwenden wollen.

letzte="ja" darf nur einmal als letztes drinstehen!

Im ersten Beispiel sehen Sie eine Unterteilung der gesamten Seitenbreite in drei gleichbreite Teile:
[reihe] [spalte breite="drittel"]

Test linke Spalte

[/spalte] [spalte breite="drittel"]

Test Spalte

[/spalte] [spalte breite="drittel" letzte="JA"]

Test Spalte

[/spalte] [/reihe]
Im zweiten Beispiel sehen Sie eine Unterteilung der gesamten Seitenbreite in vier gleichbreite Teile:
[reihe] [spalte breite="viertel"]

Test linke Spalte

[/spalte] [spalte breite="viertel"]

Test Spalte

[/spalte] [spalte breite="viertel"]

Test Spalte

[/spalte] [spalte breite="viertel" letzte="JA"]

Test Spalte

[/spalte] [/reihe]
Drittes Beispiel: Aufteilung wie beim ganzseitigen JGU Imagescroller mit Toplinks: zwei Drittel zu ein Drittel nützlich zum Einsatz unter dem JGU Imagescroller:
[reihe] [spalte breite="zweidrittel"] Test Spalte zweidrittel
[/spalte] [spalte breite="drittel" letzte="JA"] Test Spalte ein Drittel
[/spalte] [/reihe]

jgu-spalte-3

Mögliche Werte für den Parameter breite sind:

  • breite="zwoelftel"
  • breite="sechstel"
  • breite="viertel"
  • breite="drittel"
  • breite="haelfte"
  • breite="zweidrittel"
  • breite="dreiviertel"

Wollen Sie ein Element über die gesamte Breite des Bildschirms anzeigen, sollte das  Bild 1280 Pixel breit sein. Es gibt dafür kein eigenes breite= Element.