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;
}
Ich arbeite auch super gern mit Kirby. Der strukturierte Aufbau und die Möglichkeit, CSS dynamisch einzubinden, geben einem echt viele Freiheiten – ganz ohne Plugin-Wildwuchs wie bei WordPress.