Heute möchte ich euch ein großartiges CMS (Content Management System) vorstellen: ProcessWire.

ProcessWire 2.2 ist kostenlos (GNU GPL v2 Lizenz) verfügbar und bietet eine offene API (und Dokumentation) um das entwickeln von Webseiten, Modulen und Templates möglichst einfach zu gestalten. Dieses CMS hat mir auf Anhieb sehr gut gefallen – Es ist sauber geschrieben, einfach zu benutzen, extrem modular und bietet eine nahezu perfekte API Dokumentation! Außerdem gibt es noch eine aktive Community und extrem viele Plugins (insgesamt über 100) die eigentlich kaum noch Wünsche offen lassen!

Auch wenn ich selbst erst „relativ kurz“ mit ProcessWire arbeite möchte ich im heutigen Posting einige Codebeispiele vorstellen. Wenn ihr mehr über die ProcessWire API lernen wollt besucht bitte die offizielle Doku.

Grober Aufbau einer Seite in Processwire

Was mir an dem CMS besonders gut gefällt ist die Idee auf der es basiert! Die benutzbaren Elemente werden ganz weit runter gebrochen – Und zwar bis auf Feld-Ebene (welche dann noch in einzelne Module gekapselt sind). Von groß nach klein haben wir also folgende Abhängigkeiten:

• Seiten basieren auf Templates.
• Templates basieren auf mehreren Feldern.
• Die Felder bestimmen den Datentyp (Text, Textarea, Bild, „Kommentare“, …).

Um das ganze noch mal etwas einfacher darzustellen habe ich hier eine kleine Grafik erstellt.

Ich habe ganz grob versucht eine Webseite darzustellen mit „Header“, „Template“ und „Footer“… Die gepflegten Inhalte landen im Template-Bereich und ergeben den Content unserer Seite!

Features

Vorneweg, dies ist keine komplette Feature-Liste (da wäre ich womöglich Morgen noch am tippen) – Sondern eine kleine Auswahl die ich für erwähnenswert halte:

• Rechtesystem mit Rollen und Berechtigungen
• Selbstständiges 404-Handling
• Sortieren von Seiten innerhalb der Seitenstruktur mit Drag’n’Drop
• Zweistufiges veröffentlichen einer Seite („Speichern“ und „Veröffentlichen“)
• Zweistufiges Löschen von Seiten („In den Mülleimer“ und „Löschen“)
• Kompatibel zu „HTTP“ und „HTTPS“
• Caching mechanismus für generierte Bilder und Seiten
• Viele Admin-Themes
• Module lassen sich relativ einfach selbst erstellen
• Abhängigkeiten innerhalb von Modulen
• Module lassen sich mit einem Klick installieren
• Aktuell über 100 Module
  • Verschiedene Feldtypen
  • Verschiedene Formulartypen
  • jQuery + einige Plugins (UI, Fancybox, …)
  • Multilanguage support
  • + sämtliche (Core) Komponenten des CMS sind installierte Module

Ich war sehr beeindruckt als ich herausgefunden habe das sämtliche Komponenten des CMS eigene Module sind und nicht direkt zum „Core“ gehören.
Das hat natürlich einen großen Vorteil: Sollte es einen Bugfix oder ein Performance-Update geben lässt sich nur das entsprechende Modul updaten während der komplette Rest des Systems unangetastet bleibt!

Template (Code) Beispiele

Kommen wir anschließend zu ein paar kleinen Beispielen, die ich aus den mitgelieferten Templates extrahiert habe und auch in der kommenden Version meines Portfolios nutzen werde:

Ein wichtiges Snippet – Erstellen der Seitennavigation.

/*
 * Die "pages" Variable wird vom CMS definiert und wird genutzt um
 * beliebige Seiten der Webseite zu selektieren.
 *
 * Mit der "get" Methode können wir einen Pfad, eine Seiten-ID oder einen Selektor übergeben
 * und bekommen die gefundene Seite als Ergebnis. Wir selektieren hier die oberste Seite ("/").
 */
$homepage = $pages->get("/");

// Wir holen uns die untergeordneten Seiten.
$children = $homepage->children;

// Anschließend können wir durch die Seiten iterieren
foreach($children as $child)
{
    // Und die links zu den Seiten darstellen
    echo '<a href="' . $child->url . '">' . $child->title . '</a> ';
}

Ein weiteres wichtiges Beispiel, wenn man ein Portfolio auf die Beine stellt, ist eine Galerie inklusive Vorschau-Bilder („Thumbnails“):

/*
 * Die "page" Variable kommt, wie auch "pages", aus dem CMS selbst und definiert
 * die "Seite" auf der das Template eingebunden wurde (z.B. "http://sn4ke.de/photography/").
 * 
 * Die "images" Variable wiederum kommt aus dem gleichnamigen Feld "Images" der Seite
 * und beinhaltet mehrere Bilder, die wir im CMS eingepflegt haben.
 */
foreach ($page->images as $image)
{
    // Wir generieren uns von jedem Bild ein Thumbnail mit den Maßen 250x200.
    $thumb = $image->size(250, 200);
    echo '<a href="' . $image->url . '">
        <img src="' . $thumb->url . '" alt="' . $thumb->description . 
        '" width="' . $thumb->width . '" height="' . $thumb->height . '" />
        </a>';
} // foreach

Zugegeben, mit den Variablen und der Erklärung „kommt aus dem CMS“ kann man zuerst nicht viel anfangen, dafür müsstet ihr euch einfach mal selbst ProcessWire aufsetzen und etwas damit rumspielen – Ich kann euch nur sagen: Es lohnt sich!

Nachteile?

Nachteile gibt es eher indirekt – Zumindest aus meiner Sicht.
ProcessWire kann nämlich pro Seite nur ein einziges Template darstellen – Soll heißen jedes Template repräsentiert (zusammen mit „header“ und „footer“) eine komplette Seite. Es ist also nicht möglich innerhalb einer Seite mehrere verschiedene Templates darzustellen wie z.B. ein „News“ und ein „Teaser“ Template zum gleichzeitigen Darstellen von zwei unabhängigen Bereichen auf einer Seite.
Das wäre ein absolut geniales Feature, würde aber vermutlich eine Menge der Benutzerfreundlichkeit kaputt machen… Vielleicht lassen sich die Entwickler ja noch etwas schlaues einfallen 😉

Mit diesen Worten möchte ich den heutigen Eintrag abschließen und wünsche euch allen eine erfolgreiche Woche und viel spaß mit ProcessWire!

Update, 30.April 2012

Meine Formulierung was die Nachteile angeht war wohl etwas unglücklich gewählt – Es ist durchaus möglich mehrere Templates innerhalb einer Seite darzustellen, allerdings über einen kleinen „Logik Umweg“. Innerhalb eines ProcessWire Templates lassen sich mit einem Befehl Beispielsweise die Templates von anderen Seiten auslesen und darstellen (siehe Kommentar von Marc).
Ich möchte mich für die falsche bzw. schlecht formulierte Info entschuldigen 🙂

Ich wünsche euch allen noch einen schönen Montag Abend!