JGU Spalte: design blocks column bases

Design your content column based with the Shortcode: [jgu-spalte] .

You activate this plugin in the Dashboard - JGU Tools - Plugins

activate Template 'Spaltenlos' am Umschalter 'Attribute'

Now define the rows: [reihe], covering the whole page and the

columns: [spalte], defining the row in several parts.

See this example, one row with three columns:
[reihe] [spalte breite="drittel"]

Test linke Spalte

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

Test Spalte

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

Test Spalte

[/spalte] [/reihe]
Excample with four Parts of the same size:
[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]
This example fits to be put under an frontpage image scroller with two thirds to one third.
[reihe] [spalte breite="zweidrittel"] Test Spalte zweidrittel
[/spalte] [spalte breite="drittel" letzte="JA"] Test Spalte ein Drittel
[/spalte] [/reihe]

jgu-spalte-3

Values for breite:

  • breite="zwoelftel" (12)
  • breite="sechstel" (6)
  • breite="viertel" (4)
  • breite="drittel" (3)
  • breite="haelfte" (2)
  • breite="zweidrittel" (two thirds)
  • breite="dreiviertel" (three fourths)

If an item should stretch over the whole page, do not use a jgu-spalte element, but use an image that has a width of 1280 Pixel.