Viele Menschen wollen sich mit einer kleinen Webseite oder einem eigenen Weblog einen Platz im Internet sichern. Wer jetzt Google konsultiert und nach der besten Software zum Bloggen sucht, der landet ganz automatisch bei WordPress – zurecht. WordPress war ein Segen für das Internet und hat dafür gesorgt, dass jedermann ins Internet schreiben kann.

Aber leider wurde das WordPress-Projekt über die letzten Jahre unglaublich aufgebläht. WordPress kann alles, und das merkt man auch in Bezug auf die Größe und die Komplexität der Bedienung. Die aktuelle WordPress-Version ist mit etwas mehr als 20 Megabyte alles andere als klein. Außerdem verfügt WordPress über einen entscheidenen Nachteil, wenn es darum geht Einsteiger zu überzeugen: WordPress braucht eine Datenbank – und damit auch einen entsprechenden Server oder Webspace mit Datenbankserver.

Für große Webseiten sind Datenbanken unersetzlich. Wer aber nur eine kleine, private Seite mit einigen Hundert oder vielleicht Tausend Besuchern betreiben will, kommt auch sehr gut ohne Datenbank aus. Deswegen gibt es sogenannte Flat-File-Content-Management-Systeme. Sie speichern die Daten (zum Beispiel Blogposts oder statische Seiten) einfach in normalen Textdateien, die mit einem Editor bearbeitet werden können. Einer der überzeugendsten Vertreter dieser Kategorie ist das Kirby-CMS des deutschen Entwicklers Bastian Allgeier.

Kirby zeichnet sich durch seine sehr einfache Bedienung, eine stattliche Community, aktive Entwickler und eine hervorragende Dokumentation aus. Grund genug, um mal zu zeigen, wie man mit Kirby auch als Einsteiger mit geringen Coding- und Hosting-Kenntnissen sehr schnell ein kleines Blog aufsetzen kann. Trotzdem sollte klar sein: Wer gar keinen Spaß am Basteln hat und einfach nur möglichst schnell bloggen will, ist mit WordPress oder einem Webseiten-Baukasten besser beraten.

Das Kirby-CMS kann kostenlos auf der offiziellen Webseite runtergeladen werden. Dabei handelt es sich um eine kostenlose Testversion, die aber über keinerlei Einschränkungen verfügt. Bastian Allgeier, der Macher von Kirby, setzt auf ein faires Lizenzmodell, das auf Anstand und Ehrlichkeit basiert. Wem die Testversion zusagt, der sollte für den Preis von 15 Euro eine private Lizenz erwerben.

Die Installation von Kirby gestaltet sich extrem einfach. Kirby kann auf nahezu jedem Webspace oder Server installiert werden. Die Voraussetzungen sind sehr überschaubar:

• Etwa 5 MB Speicherplatz
• PHP 5.4 oder neuer
• Webserver mit mod_rewrite-Modul

Wer Kirby erst mal auf dem eigenen Rechner testen will, kann das schnell mit einem einfachen, vorkonfigurierten Webserver-Paket wie zum Beispiel MAMP oder XAMPP ausprobieren.

Nach dem Runterladen des Kirby-Starterkits muss das Archiv nur noch entpackt und auf den Webserver geladen werden, zum Beispiel via FTP oder über eine entsprechende Web-Oberfläche im Verwaltungsbereich des Webspaces. Fertig. Wenn Kirby direkt im root-Verzeichnis des Servers abgelegt wird, ist die Installation damit abgeschlossen: Über die jeweilige URL des Servers sollte man eine simple Demo-Seite erreichen können.

Wer die Kirby-Dateien in ein Unterverzeichnis installieren will (zum Beispiel meinedomain.de/kirby), muss nach dem Hochladen der Dateien in dieses Verzeichnis noch die Datei „.htaccess“ verändern: Die Raute vor Zeile 17 muss entfernt und der richtige Pfad zum Kirby-Ordner eingesetzt werden, damit die einzelnen Unterseiten auch über einen verkürzten Link erreichbar sind. Für das oben genannte Beispiel sollte die Zeile nach der Änderung also lauten:

RewriteBase /kirby

Wenn die Seite richtig dargestellt wird und auch alle Menü-Links funktionieren, war die Installation erfolgreich. Freunde des Minimalismus können Kirby in diesem Zustand schon für eine einfache statische Seite benutzen: Die Inhalte können komplett über die Textdateien im Ordner content vorgenommen werden. Zum Ändern reicht das Editieren der jeweiligen Textdatei. Neue Menüpunkte oder Seiten können durch das Anlegen von Ordnern und Dateien erstellt werden. Dabei gelten folgende Grundlagen:

• Alle Webseiten-Inhalte liegen im Ordner /content.
• Jeder Unterordner ist eine eigene Subseite. Nummerierte Ordner sind im Menü sichtbar, unnummerierte Ordner werden versteckt.
• In jedem Ordner muss eine Textdatei liegen, die den Inhalt der Subseite enthält.
• Die Inhalte werden in Markdown verfasst. Markdown ist eine einfache Konvention, um Text-Formatierungen wie Fettungen, Unterstreichungen oder Links mit einfachen Zeichen zu kennzeichnen.

Die Textdateien mit dem Seiteninhalt müssen in einem speziellen Schema aufgebaut sein. Für das Standard-Template müssen sie mindestens über einen „Title:“- und einen „Text:“-Abschnitt verfügen. Beide Bereiche müssen mit vier Bindestrichen voneinander abgetrennt sein. Auf der nächsten Seite erklären wir, wie diese Pflicht-Felder zustandekommen und wie man sie individualisieren kann.

Title: About

----

Text: Das ist eine Beispielseite. Hier gibt es nichts zu sehen.

## Das ist eine Überschrift zweiter Ordnung
Und hier folgt ein weiterer Absatz, gefolgt von einem Bild.

(image: about.jpg)

Je nach Geschmack ist das Pflegen des Blogs mit Texteditor und Dateimanager aber weniger komfortabel als etwa mit dem WordPress-Backend. Deswegen bietet es sich an, auch noch das Kirby-Panel zu installieren, eine optionale Verwaltungsoberfläche. Die Installation des Kirby-Panels ist kaum aufwändiger als die Basis-Installation.

Da das Panel Teil des Starterkits ist, befinden sich die Dateien nach dem Upload schon auf dem Server. Es muss nur noch das Installationsskript im Ordner /panel aufgerufen werden. Das verlangt nach der Festlegung eines Nutzernamens und eines Passworts für den Admin-Account. Anschließend kann man sich via meinedomain.de/kirby am Panel anmelden. Hier können jetzt alle Einstellungen vorgenommen und Inhalte geändert werden – aber im Browser statt im Dateimanager.

Für die Anpassungen, die wir auf der nächsten Seite an Kirby vornehmen werden, sollten noch zwei Einstellungen gemacht werden, die dafür sorgen, dass Kirby die richtige Zeitzone und die richtige Sprache verwendet, wenn es um die Ausgabe von Daten geht. Dazu muss die Datei site/config/config.php geöffnet werden. An das Ende der Datei sollten dann diese beiden Zeilen eingefügt werden:

c::set('locale', 'de_DE.utf8');
c::set('timezone','Europe/Berlin');

Bisher haben wir zwar eine nett anzusehende statische Seite erstellt, aber zum Bloggen fehlen noch ein paar wichtige Eigenschaften. Dazu müssen wir ein bisschen tiefer in Kirby eingreifen und bekommen es mit Templates und Blueprints zu tun. Das sind einfache Mittel, um eine Seite zu individualisieren.

Kernstück eines Blogs ist die chronologische Übersicht der letzten Blogeinträge. Um diese Übersicht in Kirby zu realisieren, müssen wir im Panel eine neue Seite anlegen – als Titel eignet sich so etwas wie „Blog“ oder „Blogübersicht“. Damit die Seite und ihr zugehöriger Menüpunkt sichtbar werden, müssen wir der Seite noch eine Position im Menü zuweisen. Dazu einfach in der Seitenleiste der neuen Seite auf „Status: unsichtbar“ klicken und ihr eine Position zuweisen (siehe GIF weiter unten).

Um diese Seite jetzt von einer einfachen, statischen Seite in eine Blogübersicht zu verwandeln, müssen wir ein neues Template anlegen und darin beschreiben, wie die neue Seite aussehen soll. Dazu einfach eine neue Datei mit dem Namen blog.php im Ordner site/templates/ anlegen. Kirby-Templates sind einfache PHP-Dateien, in denen man mit einer sehr einfachen Syntax auf alle Variablen (zum Beispiel die aktuelle Adresse eines Posts, den Inhalt eines Posts oder seine Überschrift) zugreifen kann. Wiederkehrende Elemente – wie etwa der Header, das Menü oder der Footer – werden als sogenanntes Snippet platzsparend eingebunden. Deswegen sind Kirby-Templates meistens sehr kurz und übersichtlich und können auch mit wenig HTML-Kenntnissen verändert werden.

<?php snippet('header') ?>

<main class="main" role="main">

<section class="content blog">

<h1><?php echo $page->title()->html() ?></h1>

<?php echo $page->text()->kirbytext() ?>

<?php foreach($page->children()->visible()->flip() as $article): ?>

<article>

<time class="date" datetime="<?php echo $article->date('c') ?>" pubdate="pubdate" style="opacity: 0.5; font-weight: 300; font-size: 0.8em;"><?php echo strftime('%e. %B %Y', $article->date()); ?></time>

<a href="<?php echo $article->url() ?>"><h1><?php echo $article->title()->html() ?></h1></a>

<p style="padding-bottom: 1em; border-bottom: 1px solid #ddd; margin-bottom: 1.5em;"><?php echo $article->text()->excerpt(300) ?></p>

</article>

<?php endforeach ?>

</section>

</main>

<?php snippet('footer') ?>

Unser Beispiel-Template ist sehr simpel aufgebaut: Es zeigt für jeden Blogeintrag das zugehörige Datum an, darunter die Überschrift des Beitrags und anschließend die ersten 300 Zeichen aus dem eigentlichen Text. Mehrere Einträge untereinander sind durch einen dünnen Strich voneinander abgetrennt.

Damit dieses neue Template funktionieren kann, müssen wir noch definieren, woraus ein Blogeintrag überhaupt besteht und dafür sorgen, dass es zum Beispiel ein Verfassungsdatum zu jedem Blogpost gibt, das wir im Template ausgeben können. Kirby erlaubt es extrem einfach, eigene Inhaltstypen anzulegen. Egal ob es statische Seiten, Artikel in einem Webshop, Portfolio-Projekte oder eben Blogposts sind: Durch einen sogenannten Blueprint kann man entscheiden, welche Felder und Eigenschaften ein Inhaltstyp besitzen soll. Alle Elemente aus dem Blueprint tauchen dann in der fertigen Textdatei als eigenes Feld auf (siehe Seite 1). Gemäß dem Blueprint passt sich auch automatisch das Panel an und zeigt beim Erstellen eines neuen Eintrags automatisch die richtigen Formularfelder. Unser Blogpost soll folgende Elemente haben:

• Überschrift (Pflichtfeld)
• Datum (Pflichtfeld)
• Autor
• Text (Pflichtfeld)

Diese Anforderung lässt sich ganz einfach in einen Kirby-Blueprint übersetzen:

title: Blogpost
pages: false
files: true
fields:
  title:
    label: Titel
    type: title
    required: true
  date:
    label: Datum
    type: date
    width: 1/2
    default: today
    required: true
  author:
    label: Author
    type: user
    width: 1/2
  text:
    label: Text
    type: textarea
    required: true

Jetzt fehlt nur noch ein weiteres Template für die Darstellung eines einzigen Blogposts, wenn also in der Übersicht ein einzelner Post angeklickt wird. Dieses Template ist extrem simpel. Es braucht nur das Datum, die Überschrift und den Inhalt des Posts anzuzeigen. Auch dazu bietet Kirby drei passende Variablen in PHP an, die in einem kurzen Template verbaut werden können:

<?php snippet('header') ?>

<main class="main" role="main">

<section class="content blogarticle">

<article>

<time class="date" datetime="<?php echo $page->date('c') ?>" pubdate="pubdate" style="opacity: 0.5; font-weight: 300; font-size: 0.8em;"><?php echo strftime('%e. %B %Y', $page->date()); ?></time>

<h1><?php echo $page->title()->html() ?></h1>

<?php echo $page->text()->kirbytext() ?>

</article>

</section>

</main>

<?php snippet('footer') ?>

Jetzt können wir schon neue Blogposts im Panel anlegen. Die einzelnen Posts sind alle Unterseiten von „Blog“. Beim Hinzufügen einer neuen Seite können wir in einem Dropdown-Menü den oben erstellten Blueprint namens „Blogpost“ als Vorlage auswählen. Nach dem Ausfüllen aller Pflichtfelder ist der Blogpost erfolgreich angelegt worden und sollte über den „Seite-öffnen“-Link in der Seitenleiste schon als Vorschau einsehbar sein. Allerdings erscheint der Beitrag noch nicht auf der Übersichtsseite. Das hat zwei Gründe:

Zuerst müssen wir noch dafür sorgen, dass die jungfräuliche „Blog“-Seite auch unser neu angelegtes Übersichts-Template verwendet. Das wird über den Dateinamen gesteuert. Wenn der Dateiname der Textdatei auch einem Template-Namen gleicht, wird dieses Template anstelle des Default-Templates verwendet. Wir müssen also die Datei /content/0X-Blog/default.txt in blog.txt umbenennen – oder ihr einen anderen Namen geben, je nachdem, wie ihr euer Template genannt habt.

Und als letztes müssen wir dem neuen Blogpost noch eine Position zuweisen, beziehungsweise ihn sichtbar machen, damit er auf der Übersichtsseite auftaucht. Auch das geht mit einem Klick auf den Punkt „Status: unsichtbar“ in der Seitenleiste. Danach sollte der Blogpost auf der Übersicht sichtbar und auch einzeln mit einem Klick auf die Überschrift aufrufbar sein.

Diese Anleitung soll nur einen kleinen Einblick in die großen Möglichkeiten des Kirby-CMS geben. Natürlich lässt sich unsere Demoseite noch mit vielen nützlichen Features erweitern. Für die gängigsten Anliegen in dieser Richtung gibt es schon Einträge in der Kirby-Dokumentation:

• Paginierung der Blogübersicht
• RSS-Feed einrichten
• Kommentar-Funktion unter Blogposts mit Disqus realisieren
• Piwik als Alternative zu Google Analytics für Statistiken einrichten

Wer darüber hinaus das Design des Standard-Templates nicht mag, findet auf getkirby-themes.com inzwischen eine stolze Sammlung an liebevollen und meist sehr eleganten Themes, die entweder kostenlos oder für einen fairen Preis gekauft werden können.

Alle Änderungen und die gesamte Dateistruktur dieser Anleitung können in einem GitHub-Repository nachverfolgt werden. Bei Fragen könnt ihr gerne unter diesem Artikel kommentieren.