Kirby-Starterkit mit Baseblog-Templates erweitern

Change a standard kirby site into a blogging site.

Update 2015-01

Inzwischen nutze ich auf Ditalog.com nicht mehr das Template Starterkit von getkirby.com, sondern das BoF - Birds of a Feather - Template von coko.nl. In diesem ist alles aus einem Guss und ich brauche mich um grundlegende Dinge nicht mehr kümmern. Auch bietet sich BoF für das Toolkit-Plugin dita2kirby geradezu an.

Das Kirby-Starterkit-Template ist responsive und sieht gut aus. Aber es hat leider keine Blogging-Templates von Hause aus. So hielt ich es für eine gute Idee, es mit dem Baseblog-Theme von Sascha Lack zu erweitern. Das Ergebnis ist der Menüpunkt Blog auf dieser Webseite.

Aber es muss nicht unbedingt eine Abkürzung sein. Doch einmal eingeschlagen, musste ich den Weg zu Ende gehen. Nur soviel: es hat nicht mit der CSS-Datei aus dem Starterkit geklappt. Ich mußte die CSS-Datei vom Baseblog nehmen.

Download von Baseblog

Voraussetzung ist, dass Sie eine Kirby-Installation haben. Laden Sie das Baseblog-Theme herunter und kopieren Sie folgende Ordner und Dateien in Ihren Kirby-Ordner.

Kopieren Sie in den Content-Ordner:

Kopieren Sie in den Template-Ordner:

Kopieren Sie die site.css in den assets/css-Ordner und benennen Sie sie um in main.css.

Anpassen der article-php-Seiten

Sie müssen den article.php-Dateien im Tag main noch eine class=”main” hinzufügen und die class=”content” in “text” umwandeln. Ebenso muss das menu-Snippet verschwinden. So sieht nun meine article.text.php aus:

<?php snippet('header') ?>
  <main **class="main"** role="main">
    <article>
      <header>
        <h1><a href="<?php echo $page->customlink() ?>"><?php echo html($page->linktitle()) ?> →</a></h1>
        <div class="meta">
          <time datetime="<?php echo $page->date('c') ?>"><?php echo $page->date('F dS, Y'); ?></time>
          <?php if($page->tags() != ''): ?> |
          <ul class="tags">
            <?php foreach(str::split($page->tags()) as $tag): ?>
            <li><a href="<?php echo url('tag:' . urlencode($tag)) ?>">#<?php echo $tag; ?></a></li>
            <?php endforeach ?>
          </ul>
          <?php endif ?>
        </div>
      </header>
      <div **class="text"**>
      <?php echo kirbytext($page->text()) ?>
      </div>
    </article>

Deutsche Navigation

blog-fehler
Call to a member function children on a non-object

Da im Deutschen die Substantive groß geschrieben werden und ich das auch in der Navigation so haben möchte, habe ich nach obiger Fehlermeldung in der blog.php das Wort blog immer groß geschrieben.

Folgenden Eintrag aus der Baseblog-Datei config.php habe ich in meine config.php übernommen:

/*
Homepage Setup
By default the folder/uri for your homepage is "home".
Sometimes it makes sense to change that to make your blog
your homepage for example. Just change it here in that case.
*/

c::set('home', 'Blog');

Zur Erinnerung: mein Blog startet mit Großbuchstabe!

Anpassungen in CSS

Es folgte eine Trial and Error-Phase des Anpassens meiner Stylesheets. Aus Kirby-Rot wurde Ditalog-Blau uvm.

Ads