Hugo Theme Plimmo
  • HTML 75%
  • CSS 25%
Find a file
2026-10-15 18:12:08 +02:00
archetypes new plimmo 2026-10-15 18:12:08 +02:00
assets/css new plimmo 2026-10-15 18:12:08 +02:00
exampleSite new plimmo 2026-10-15 18:12:08 +02:00
i18n new plimmo 2026-10-15 18:12:08 +02:00
layouts new plimmo 2026-10-15 18:12:08 +02:00
LICENSE new plimmo 2026-10-15 18:12:08 +02:00
README.md new plimmo 2026-10-15 18:12:08 +02:00
theme.toml new plimmo 2026-10-15 18:12:08 +02:00

Plimmo

Schlichtes Hugo-Theme aus abgerundeten Karten („Blasen“): Logo + Seitentitel, Menü, Beitragskarten mit Teaser, Footer mit Footer-Menü. Kein JavaScript. Mehrsprachig (Texte in i18n/, mitgeliefert: de, en).

Getestet mit Hugo 0.168.0 (Standard-Edition reicht, kein Sass/Node nötig).

Einbinden

Variante A – Git-Submodul (empfohlen, Updates per git submodule update --remote)

cd meine-seite
git submodule add https://git.gruener-salat.de/edi/hugo-plimmo.git themes/plimmo

Variante B – Kopieren: Ordner nach themes/plimmo/ legen (ohne exampleSite/).

Dann in der hugo.toml der Seite:

theme = "plimmo"

Zum Ausprobieren: hugo server -s exampleSite --themesDir ../.. (aus dem Theme-Ordner; der Ordner muss plimmo heißen).

Konfiguration

Alles ist optional. Eine vollständig kommentierte Konfiguration liegt in exampleSite/hugo.toml.

Parameter Wirkung
[[menus.main]] Hauptmenü oben
[[menus.footer]] Links im Footer (Datenschutz, Impressum, …)
params.logo, logoHeight Logo links vom Titel (Pfad unter static/)
params.favicon Favicon
params.accent, linkColor, backgroundColor Farben
params.backgroundImage Hintergrundbild (fixiert, cover)
params.titleFont.name / .file eigene Schrift für den Seitentitel (Datei unter static/)
params.noindex, params.noai robots-Meta-Tags
params.hostedBy.{name,url,icon} „gehostet auf …“ im Footer
params.homeWeightLimit Startseite zeigt Seiten mit weight kleiner als dieser Wert (Standard 1000); negatives weight = 📌
params.homeLatest Anzahl neuester Einträge aus posts auf der Startseite (Standard 3, 0 = aus)
params.archiveReverseWeight Archiv-Übersicht (/tags/) nach weight absteigend sortieren
params.hideLastUpdate „Letztes Update“ im Footer ausblenden
params.dateFormat Datumsformat im Footer (Standard 02.01.2006)
params.remark42Url, remark42SiteID Remark42-Kommentare (pro Seite comments: true)
params.description Fallback für <meta name="description">

Front-Matter pro Seite: description, redirect_url (Meta-Refresh), comments.

Shortcodes

Shortcode Zweck
extlink name= href= Externer Link, öffnet im neuen Fenster
newbubble Beendet die aktuelle Karte, beginnt eine neue
table "klasse" Markdown-Tabelle mit CSS-Klasse

Anpassen, ohne das Theme zu ändern

  • CSS: assets/css/custom.css in der Seite anlegen, wird nach dem Theme-CSS geladen. Alle Farben/Maße sind Variablen (--accent, --link-color, --radius, --max-width, …).
  • Templates: gleichnamige Datei unter layouts/ der Seite überschreibt die des Themes (z. B. layouts/partials/footer.html, eigene Shortcodes in layouts/shortcodes/).
  • Texte/Sprachen: i18n/<sprache>.toml in der Seite anlegen; die Schlüssel stehen in themes/plimmo/i18n/de.toml. Fehlt eine Sprache, en.toml als Vorlage kopieren.

Aufbau

layouts/_default/   baseof, single, list (Sektionen, Tags, Archiv)
layouts/index.html  Startseite
layouts/partials/   head, site-header, navigation, footer, card, intro, backtotop, remark42
layouts/shortcodes/ siehe oben
assets/css/main.css Basis-Stylesheet (wird minifiziert + fingerprinted)
i18n/               de, en
exampleSite/        lauffähige Beispielseite

Lizenz

© 2026 Edi Grüner. Lizenziert unter Creative Commons Namensnennung – Nicht kommerziell 4.0 International (CC BY-NC 4.0), Volltext in LICENSE. Kurz: Teilen und Bearbeiten ist erlaubt, solange der Urheber genannt wird, Änderungen kenntlich gemacht werden und die Nutzung nicht kommerziell ist.

Das Theme enthält keine Schriften. Beachte die Lizenz der Schriftdateien, die du selbst einbindest.