getherbie / plugin-grid
Herbie Grid Plugin.
Installs: 234
Dependents: 1
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Type:herbie-plugin
Requires
- getherbie/herbie: dev-master
This package is auto-updated.
Last update: 2024-04-22 17:53:03 UTC
README
Grid ist ein Herbie Plugin, mit dem du in deinen Inhalten (HTML-/CSS-)Grids
erstellen kannst.
Experimentell
Dieses Plugin ist experimentell. Bitte nicht in produktiver Umgebung einsetzen!
Installation
Das Plugin installierst du via Composer.
$ composer require getherbie/plugin-grid
Danach aktivierst du das Plugin in der Konfigurationsdatei.
plugins:
enable:
- grid
Konfiguration
In der Konfigurationsdatei definierst du die gewünschten Vorlagen.
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.
Anwendung
Nun kannst du in deinen Seiten die konfigurierten Grid-Templates aufrufen.
-- 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 --