getherbie/plugin-grid

Herbie Grid Plugin.

Herbie Grid Plugin

Grid ist ein Herbie Plugin, mit dem du in deinen Inhalten (HTML-/CSS-)Grids erstellen kannst., _(*1)

Experimentell

Dieses Plugin ist experimentell. Bitte nicht in produktiver Umgebung einsetzen!, _(*2)

Installation

Das Plugin installierst du via Composer., _(*3)

$ composer require getherbie/plugin-grid

Danach aktivierst du das Plugin in der Konfigurationsdatei., _(*4)

plugins:
    enable:
        - grid

Konfiguration

In der Konfigurationsdatei definierst du die gewünschten Vorlagen., _(*5)

plugins:
    config:
        grid:
            templates:
                3col:
                    row: '<div class="pure-g">{row}</div>'
                    cols:
                        - '<div class="pure-u-1-3 col-{index}" markdown="1">{col}</div>'
                        - '<div class="pure-u-1-3 col-{index}" markdown="1">{col}</div>'
                        - '<div class="pure-u-1-3 col-{index}" markdown="1">{col}</div>'
                2col:
                    row: '<div class="pure-g">{row}</div>'
                    cols:
                        - '<div class="pure-u-1-2 col-{index}" markdown="1">{col}</div>'
                        - '<div class="pure-u-1-2 col-{index}" markdown="1">{col}</div>'

Falls du innerhalb eines Grids Markdown verwenden willst, muss das HTML-Attribut markdown="1" gesetzt sein., _(*6)

Anwendung

Nun kannst du in deinen Seiten die konfigurierten Grid-Templates aufrufen., _(*7)

-- grid 3col --
Inhalt Spalte 1 
--
Inhalt Spalte 2 
--
Inhalt Spalte 3 
-- grid --

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

-- grid 2col --
Inhalt Spalte 1 
--
Inhalt Spalte 2 
-- grid --

Demo

https://herbie.tebe.ch/dokumentation/plugins/grid, _(*8)