Der erste Start und erster Beitrag der Pico CMS Webseite

Dieser Beitrag zeigt Ihnen die einfache Installation und Inbetriebnahme des freien PICO CMS ist. Es sind nur wenige Handgriffe und wenig Voraussetzungen nötig.

Juli 5, 2023 - Lesezeit: 2 Minuten
  • Installation
  • Start
  • Server 500 Error
  • Ordner "config"
  • Ordner "content"
  • Die Startseite
  • Metadaten

    • Haben Sie das Pico CMS heruntergeladen und auf Ihren Webserver installiert (via FTP kopiert), können Sie Ihre Domain bereits aufrufen und der PICO-Demo Inhalt ist zu sehen.

    Installation

    Laden Sie das ZIP-File von der Homepage des Pico-Projektes auf Ihren PC herunter und entpacken das File in einen eigenen Ordner. Starten Sie dann Ihren lokalen FTP-Client (z.B. FileZilla) und kopieren alle entpackten Dateien in einem Rutsch in das Verzeichnis Ihres Webservers auf das Ihre Domain zeigt.

    Je nach Provider können Sie dies auch im Controllcenter Ihres Hostingvertrages erledigen und können den Umweg über den PC-Download umgehen.

    Start

    Haben Sie alle Datein auf Ihr Domainverzeichnis kopiert, können Sie sofort Ihre Domain-URL im Browser eingeben und die Pico-Demo Seite erscheint. Wenn Sie mögen lesen Sie sich gerne die Informationen des Demo-Contents durch, der Ihnen erste Hinweise auf die Einrichtung des Pico-CMS gibt.

    Server 500 Error

    Es kann passieren, das Sie anfänglich diesen Fehler erhalten wenn Sie sich in den Demoseiten bewegen. Es kann helfen die Datei:

    .htaccess

    zunächst zu löschen oder mindestens umzubenennen, diese sollten Sie jedoch später konfigurieren.

    Ordner "config"

    Dreh und Angelpunkt Ihrer Pico Installation ist die Konfiguration, diese befindet sich im Ordner config. Dort befindet sich bereits eine vorgefertigte Demo-Konfiguration. Kopieren Sie diese Vorlage als neues File mit dem Namen:

    config.yml

    In dieser config können Sie Vorgaben für Ihren Blog vornehmen. Tragen Sie dort beispielsweise den Titel Ihres Blogs ein. Zudem können Sie dort auch vorgeben wie die Extension der Flatfile-Datein lauten soll, als Standard ist md vorgegeben, dies kann jedoch dazu führen, das Sie diese im Hosteditor nicht bearbeiten können und er diese herunterladen möchte. Ändern Sie die Extension gerne auf txt um.

    Ordner "content"

    Wollen Sie nun Ihren eigenen Content publizieren, steht im Pico CMS der Ordner content für Sie bereit, welcher Ihre Beiträge aufnimmt. Sobald Sie in diesem Ordner eine index.md anlegen, schaltet Pico die Demoseite ab und ruft fortan Ihre neue Landingpage (index.md) auf.

    Die Startseite

    Legen Sie also im Ordner content die Landingpage Ihres Webauftritts an, Sie können auch den folgenden Inhalt als Vorlage nutzen:

    ---
Title:       home
Description: Demo CMS basierend auf dem PICO CMS Framework
Author:      Oliver Lohse
Date:        2001-04-25
Robots:      noindex,nofollow
Template:    index
---
Willkommen auf CMS Workbench...

'%'meta.author'%' '%'meta.date'%'

    Speichern Sie diesen Inhalt als index.md im Ordner content ab.

    Metadaten

    Sie sehen bereits anhand der Startseite, das der Content sehr einfach eufgebaut ist. Am Beginn einer jeden Seite können Sie bestimmte Metadaten vorgeben die von Pico verarbeitet werden können. Sie leiten den Metabereich mit "---" ein und schließen ihn mit erneut "---" ab. Dort enthalten sind fest vorgegebene Schlüsselwörter als Key-Value Paare.

    Schlagworte:

    Beiträge in der Kategorie "Pico":

    Affiliate Links mit YAML und TWIG in Pico CMS ohne Plugin

    Zufällige Affiliate-Links ohne externe Plugins mit Hilfe von YAML und der Templatesprache Twig in Pico CMS realisieren, das ist sogar wirklich sehr einfach.

    YAML Syntax in Pico CMS in der Theme Config auslesen

    Die YAML Syntax anhand einer Liste erläutert, die beispielsweise Affiliate oder CTA Links aufnimmt und die vom Twig-Template ausgelesen werden können.

    Das White Space Problem in Twig Templates für Pico CMS

    Das Pico CMS mit Twig hat ein Leerzeichen-Problem, denn Leerzeichen (Whitespaces) vor Templatevariablen werden von der internen Template Engine Twig verschluckt

    Einen einfachen Twig Counter leicht in Pico CMS aufbauen

    Zählen Sie in der Template-Engine Twig eine Counter Variable im Template hoch oder runter und regeln damit Kontrollzwecke in Ihren eigenen Templates.

    Menüs in Pico CMS Top-Level vs Sub-Level Navigation

    Top-Level vs Sub-Level Menüs in Pico CMS. Zeigen Sie immer die oberen Menüebene oder die aktuell untergeordneten Menüebene an. Mit diesem Code geht es

    Ein Teaser Bild in den Beitrag des Pico CMS einfügen

    Implementieren Sie mit einem Meta-Feld mit geringem Aufwand ein Teaser oder Kategoriebild in der Startseite des Pico CMS bzw. in einem Beitrag als Artikel-Bild.

    Tag Schlagwort Liste als Twig Template für Pico CMS entwickeln

    Für das Pico CMS erzeugt dieses Codebeispiel eine Tagliste, die Beiträge mit gleichen Tags auflistet. Binden Sie diese Twig Template in einen Beitrags ein.

    Step Back Template Navigation für Pico CMS entwickeln

    Möchten Sie einen Zurück-Button in jedem Beitragsverzeichnis im PICO CMS implementieren, dann lesen Sie diesen Beitrag und nutzen das folgende Coding.

    Standard Meta-Attribute in einem Pico CMS Beitrag anlegen

    Das Pico CMS bietet bereits eine ganze Menge an Meta-Attributen die Sie bereits gut nutzen können. Eine vollständige Attribut-Liste zeigt dieser Beitrag.

    So verbessern Sie sofort das Google SEO Ranking von PICO Beiträgen

    Versuchen Sie sich bei der Erstellung von Beiträgen in PICO an die SEO Vorgaben von Google zu halten, dann kannt dieser Trick das Ranking bei Google verbessern

    SEO Automatik für konforme Überschriften Formatierung

    Sie haben Probleme mit Ihrem SEO? Wer nicht! Dann kann Ihnen dieses kleine Coding helfen eine korrekte Überschriftenstruktur für Suchmaschinen zu erstellen

    Der Seiten Paginator und Blätterfunktion des Pico CMS

    Dieser Beitrag zeigt Ihnen, wie Sie mit wenigen Handgriffen einen Seitenpaginator und Blätterfunktion in Ihre CMS-Webseite bzw. Web-Blog implementieren.

    Bestimmte Seiten im Beitrags Loop des Pico CMS ausschliessen

    if-Kontrollstrukturen im Twig-Template helfen bestimmte Seiten auszuschließen, denn nicht alle Seiten sollen beispielsweise einen Autor oder das Datum zeigen

    Ein einfaches Beispiel Plugin für Pico CMS schreiben

    Dieser Beitrag zeigt Ihnen, wie Sie ein erstes Plugin für PICO entwickeln. Die wenigen Zeilen Code verdeutlichen die Arbeitsweise der Plugins in diesem CMS

    Das Plugin PicoPageList und die Anpassung in Pico CMS

    Der Beitrag zeigt, wie Sie mit dem Plugin PicoPagesList.php weitere Beiträge des aktuellen Ordners azeigen lassen können, um diese in ein Menü aufzunehmen.

    PHP-Programme mit JavaScript aus anderen Domains aufrufen

    Möchten Sie einen Log-Mechanismus entwickeln den Sie leicht in jedes PICO Template einbinden können, dann ist JavaScript und PHP ideal dafür.

    Protokollieren Sie welche Beiträge nicht gefunden wurden für besseres SEO

    So finden Sie heraus, welche Beiträge von der Suchmaschine angefordert werden aber nicht mehr im PICO CMS existieren

    Neues page Meta-Attribut im Pico CMS Template abfragen

    Fügen Sie neue Meta-Attribute in Pico hinzu oder entfernen diese, dann ist es sinnvoller zuvor auf deren Existenz abzufragen, das vermeidet Fehlermeldungen

    Die Meta-Informationen in Beiträgen und Posts des Pico CMS

    So legen Sie die wichtigen Metadaten eines jeden Pico-Beitrags an. Es ist ein reguläres MD-File, das Sie mit jedem ASCII-Editor leicht selbst anlegen können.

    Markdown Bildliste im Text anlegen und Bilder referenzieren

    Dieser Beitrag zeigt Ihnen, wie Sie einen Bildindex in Markdown anlegen und im Texte auf diese Bilder leicht referenzieren können. Dies ist eine Erleichterung.

    Der Loop Counter index.loop in Twig Templates des Pico CMS

    Der aktuelle Index des Pico Loops kann für die Steuerung unterschiedlicher Formate abgefragt werden, nutzen Sie das Tag loop.index der Twig Template Engine.

    Ein einfaches Hit Counter Plugin für Pico CMS schreiben

    Erstellen Sie einen einfachen Hitcounter und Besuchszähler als Pico Plugin. Dieser Counter zählt Aufrufe von Menschen oder Robots der Suchmaschinen.

    Einen ganz bestimmten Beitrag im Template anzeigen

    Statt alle Blogbeiträge im Loop aufzulisten, können Sie auch einen ganz konkreten Beitrag anzeigen und dessen Existenz zuvor prüfen. Dieses Script zeigt es.

    Der erste Start und erster Beitrag der Pico CMS Webseite

    Dieser Beitrag zeigt Ihnen die einfache Installation und Inbetriebnahme des freien PICO CMS ist. Es sind nur wenige Handgriffe und wenig Voraussetzungen nötig.

    Der grundlegende Meta Aufbau eines Beitrags im Pico CMS

    Dieser Beitrag soll Ihnen einen Eindruck vermitteln, wie ein einfacher PICO Beitrag in Markdown aussieht. Sie benötigen dafür einen beliebigen ASCII Editor.

    Eigene config.yml Parameter in Pico CMS erstellen und lesen

    Die Datei config.conf speichert im YAML-Format Variablen ab auf die Sie aus den Templates zugreifen und verarbeiten können. Dies ist das Setup der Webseite

    Dynamisches index.twig für Verzeichnisse in Pico CMS

    Dieser Beitrag zeigt Ihnen, wie Sie dynamische Templates anlegen, um damit den Content aus verschiedenen Ordner in Ihrer Webseite anzeigen zu können.

    Eine Breadcrumb Navigation mit current_page.url|split('/') und ohne PICO Plugin mit Twig

    Eine Breadcrumb Navigation können Sie leicht mit Befehlen des Twig in PICO CMS leicht selbst erzeugen - so gehts.

    Bildlink mit Markdown Parser in Pico CMS realisiert

    Mit der Markdown Syntax können Sie auch einen klickbaren Bildlink im Text eintragen. Es ist eine Schachtelung verschiedener bekannter Markdown Format-Befehle.

    Ein Beitragsmenü ohne Plugin in Pico CMS realisieren

    Für die Einbindung eines Menüs gibt es kostenlose Plugins, Sie können dies auch mit Mitteln des Templates umsetzen und verzichten auf unsichere Plugins

    Ändern Sie die Beitrags Sortierung in der Config des Pico CMS

    Mit wenigen Handgriffen ändern Sie die Standard-Beitragssortierung in PICO individuell ab. Passen Sie diese Einstellung in der YAML-Datei config.yml an.

    Anzahl der PICO Beiträge eines Ordners mit Twig zählen

    Wollen Sie im Rahmen des Twig-Templatings unter PICO die Anzahl der Beiträge in einem Ordner ermitteln, dann ist dieser Code die Lösung

    Kategorien

    Automad

    Das kostenlose Flat File CMS Automad bietet bereits nach der Installation auf dem Server das beste Layout unter allen CMS am Markt.

    Bludit

    Das kostenlose Flatfile CMS Bludit ist das beliebteste Content Management System, das dem großen WordPress sehr nahe kommt, jedoch deutlich mehr Sicherheit bietet.

    CMS

    In dieser Rubrik geht es um übergreifenden Themen aus dem Bereich der Content Management Systeme.

    Coast

    Coast ist ein CMS aus deutscher Feder und ist mit einem exzellenten HTML/PHP Frontend-Editor zu vergleichen, die Daten werden direkt in der HTML-Datei gespeichert.

    GetSimple

    Das kostenlose Content Management System GetSimple verspricht genau das, was der Name andeutet, ein stabiles Flat File CMS auf der Basis von XML-Dateien.

    GRAV

    Das kostenlose Content Management System GRAV gehört zu den komplexesten CMS, da es den größten Funktionsumfang mitbringt.

    Handlebars.JS

    Handlebars.js ist eine kostenlose JavaScript Template-Engine mit der einfache Webseiten oder Prototypen leicht und schnell erzeugt werden können.

    htaccess

    Die .htaccess ist die wohl wichtigste und mächtigste Datei, über die der Server seinen Umgang mit den Daten und Besuchern steuert.

    Java

    Java ist die strategische Programmiersprache für verteilte Anwendungen im Internet oder auch in der Client-Server Architektur und sogar auf dem Host.

    Monstra

    Das CMS Monstra ist ein überaus gelungenes und sauber entwickeltes CMS mit Admin-Backend und Flat File Datenbank.

    PHP

    PHP ist die strategische Programmiersprache des Internets, mit PHP geht alles und ohne PHP nichts! Allerdings ist PHP nicht auf lokalen Client-Umgebungen verbreitet (aber möglich).

    Pico

    Das CMS Pico ist derzeit das ausgereifteste und einfachste headless CMS für den Einsatz großer Mengen an MarkDown-Files (Content).

    Smarty

    Smarty ist eine Template-Engine auf Basis der Programmiersprache PHP und ist in der Lage HTML-Vorlagen (Templates) dynamisch mit Content zu versorgen.

    Typemill

    Typemill ist zunächst ein ganz normales Flat File CMS, entfaltet jedoch sein wahres Potenzial mit einigen besonderen Plugins, die es zum kraftvollen Publishing-Tool macht.

    WonderCMS

    WonderCMS ist das mit Abstand kleinste CMS das es derzeit kostenlos gibt. WonderCMS kommt mit einem PHP-Script und einer JSON-Datenbank aus und bietet ein Backend.

    WordPress

    Das datenbankbasierte Content Management System WordPress ist das beliebteste CMS und hält die meisten Installationen - ist allerdings auch das am meisten attackierte System.

    Derzeit sind noch keine passenden Beiträge vorhanden.