JGU Spalte: Elemente nebeneinander anordnen

Sie möchten gern Inhalte kontrolliert nebeneinander anzeigen lassen? Und wenn der Platz nicht reicht zur Anzeige, sollen die Inhalte dann von sich aus untereinander angeordnet werden?

Dies funktioniert mit dem Shortcode: [spalte] .

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!

Beispiel: DREI Elemente nebeneinander

[reihe] [spalte breite="drittel"]

Test linke Spalte

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

Test Spalte

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

Test Spalte

[/spalte] [/reihe]

So sieht das aus: Beispiel drei gleichbreite Teile

Beispiel: VIER Elemente nebeneinander

[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]

 

So sieht das aus: Beispiel vier gleichbreite Teile

Beispiel: zwei Drittel zu ein Drittel

Aufteilung wie beim ganzseitigen JGU Imagescroller mit Toplinks: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

So sieht das Beispiel Zwei Drittel zu ein Drittel Aufteilung aus

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.