Kirby CMS – Globale Daten verwalten und wiederverwenden

Habt ihr euch schon mal gewünscht, dass ihr in Kirby CMS gewisse Daten wie Telefonnummern, Footer Mitteilungen oä global verwalten könnt? Also einen Ort wo ihr diese Daten abspeichern könnt im Panel um sie dann jederzeit wieder verwenden zu können?

Ich zeige euch heute wie das geht und zwar am Beispiel eines Footer wo wir nicht nur den Footer Text anpassen können, sondern auch die Footer Hintergrundfarbe wie auch Schriftfarbe.

Video

Blueprint – site.yml

globals:
    type: fields
    label: Globale Daten
    fields:
      footer:
        type: text
        label: Footer-text

      footerColor:
        type: color
        label: Footer-farbe
        mode: picker
        default: "#ffffff"

      footerTextColor:
        type: color
        label: Footer-Text arbe
        mode: picker
        default: "#000000"

Template

<?= $site->footer()->kirbytext(); ?>

Header

<style>
        :root {
            --footercolor: <?= $site->footerColor() ?>;
            --footertextcolor: <?= $site->footerTextColor() ?>;
        }
    </style>

Style

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--footercolor);
  color: var(--footertextcolor);
  padding: 30px;
  text-align: center;
}