Viele Website-Ersteller scheuen vor dem MODX CMS zurück, weil sie denken (oder gehört haben), dass es in erster Linie für Entwickler gedacht ist, die sich mit PHP- und JavaScript-Codierung auskennen. Während MODX über leistungsstarke Komponenten für erfahrene Programmierer verfügt, bietet es auch für weniger technisch versierte Designer viele Vorteile. Das Wichtigste davon ist die kreative Freiheit, die MODX bietet. Damit können Sie Ihre Website ganz einfach und ohne Kompromisse genau so gestalten, wie Sie es möchten. MODX wurde von Webprogrammierern entwickelt, die von den kreativen Einschränkungen anderer CMS-Plattformen frustriert waren. Sie hassten es, an Systemen arbeiten zu müssen, die über integrierte Vorstellungen davon verfügten, wie eine Website aufgebaut sein sollte und wo Dinge platziert werden sollten, damit sie funktionierten. Sie wollten außerdem den Inhalt einer Website besser von dem Code trennen, der diesen Inhalt präsentierte – eine Vorgehensweise, die die Neugestaltung und Pflege von Websites erheblich erleichtert.
Vorlagen
Was man als „erstes Prinzip“ von MODX bezeichnen könnte, besteht darin, den Website-Designer wann immer möglich tun und lassen zu lassen, was er oder sie will, und zwar auf einfache Weise. Das Herzstück dieser kreativen Freiheit sind MODX-Vorlagen und MODX-Tags. Eine MODX-Vorlage ist nichts anderes als eine Seite mit HTML-Code (und optional MODX-Tags und JavaScript). Sie können eine Seite auf einer Nicht-CMS-Site auswählen und den HTML-Code für diese Seite in eine MODX-Vorlage einfügen, die URLs für alle CSS-Dateien anpassen und dann MODX anweisen, diese Vorlage zu verwenden, wenn ein bestimmtes Dokument auf der Site angezeigt wird. Das würde weniger als 5 Minuten dauern und wenn Sie die MODX-Seite ansehen, würde sie genauso aussehen wie auf der Originalseite. Die einzige Einschränkung besteht darin, dass Sie keinen PHP-Code auf der Seite haben dürfen (dazu später mehr). Das Einfügen des Codes für eine ganze Seite in eine Vorlage würde viele der leistungsstarken Funktionen von MODX ignorieren, aber es zeigt, wie viel Freiheit Sie bei der Erstellung von MODX-Websites haben.
Stichworte
Die Hauptleistung von MODX liegt in den MODX-Tags. Im Wesentlichen stellen MODX-Tags Dinge dar, die Sie der Einfachheit halber und für mehr Flexibilität aus der Vorlage entfernen und an einer anderen Stelle platzieren. Was in der Vorlage übrig bleibt, sind normalerweise die HTML-Shell und die MODX-Tags. Die grundlegende Bedienung der MODX-Engine ist unglaublich einfach. Wenn eine Webseite von einem Browser angefordert wird, prüft MODX, welche Vorlage mit dieser Seite verknüpft ist. Es ruft die Vorlage ab, ersetzt alle MODX-Tags in der Vorlage und sendet sie an den Browser. Das ist es. Die Möglichkeit, in MODX eine dynamische, kreative Website zu erstellen, hängt davon ab, was die Tags darstellen können. Es gibt verschiedene Arten von Tags, und jedes einzelne wird durch etwas anderes ersetzt. Alle Tags sind optional und jedes Tag kann an einer beliebigen Stelle in der Vorlage platziert werden. Schauen wir uns ein einfaches Beispiel mit sogenannten „Chunk“-Tags an.
Hinweis: Die Beispiele hier gelten für MODX Revolution. MODX Evolution verwendet einen etwas anderen Tag-Stil, aber die Konzepte sind die gleichen.
In MODX ist ein „Chunk“ einfach ein Stück HTML-Code, den Sie auf mehr als einer Seite verwenden möchten. Es kann sich um eine Kopfzeile, eine Fußzeile, eine Seitenleiste, ein Menü oder etwas anderes handeln. Nehmen wir an, es handelt sich um eine Fußzeile, die Sie auf jeder Seite (oder einer Teilmenge Ihrer Seiten) anzeigen möchten. Sie erstellen den Chunk im MODX-Manager, geben den HTML-Code für die Fußzeile ein, geben ihm einen Namen (FooterChunk) und speichern ihn dann. Jetzt fügen Sie in Ihrer Vorlage einfach das folgende Tag an der Stelle ein, an der die Fußzeile erscheinen soll:
[[$FooterChunk]]Auf jeder Seite, die diese Vorlage verwendet, wird der Fußzeilenabschnitt an dieser Stelle angezeigt. Wenn Sie sich entscheiden, den Text oder HTML der Fußzeile zu ändern, bearbeiten Sie einfach den FooterChunk und die neue Version wird auf allen Ihren Seiten angezeigt. Wenn Sie die Fußzeile an einer anderen Stelle auf der Seite haben möchten, verschieben Sie einfach das Tag in der Vorlage. Eine andere Art von Tag in MODX ist das „Ressourceninhalt“-Tag (normalerweise kurz als „Inhalt“-Tag bezeichnet). In MODX entspricht jede Webseite einem in der MODX-Datenbank gespeicherten Dokument. Wenn Sie eine neue Seite für eine MODX-Website erstellen, wird Ihnen ein Formular angezeigt, das Sie mit Informationen zum Dokument ausfüllen können. Es gibt Texteingabefelder für Titel, Langtitel, Beschreibung, Zusammenfassung, Alias (zur Verwendung in der URL), Inhalt (den Hauptinhalt der Seite) und Menütitel (wird automatisch in Menüs verwendet). Es gibt Kontrollkästchen, die angeben, ob das Dokument veröffentlicht ist und ob es aus Menüs ausgeblendet werden soll. Es gibt auch Datumsfelder, um zukünftige Veröffentlichungs- oder Nichtveröffentlichungsdaten sowie das Datum der Veröffentlichung des Dokuments anzuzeigen. Es gibt auch andere Bereiche, aber auch hier sehen wir die Flexibilität von MODX – alle Die Felder außer Titel und Alias sind optional! Jede Seite muss einen Titel und etwas haben, das in die URL der Seite eingefügt werden kann. Es liegt jedoch ganz bei Ihnen, ob Sie die anderen Felder verwenden oder nicht. Was in den anderen Bereichen passiert, liegt ebenfalls weitgehend bei Ihnen. Sie möchten mit ziemlicher Sicherheit den Hauptinhalt der Seite in das Inhaltsfeld einfügen, müssen dies aber nicht. Wenn Sie das Feld „Langtitel“ verwenden möchten, um das Sternzeichen des auf der Seite profilierten Benutzers zu speichern, fahren Sie fort. Um auf die „Content“-Tags zurückzukommen: Sie repräsentieren die Felder des Formulars. Wenn MODX ein Inhalts-Tag erkennt, ersetzt es es durch den Wert des benannten Formularfelds. An der Stelle, an der der Hauptinhalt der Seite erscheinen soll, fügen Sie beispielsweise dieses Tag in die Vorlage ein:
[[*content]]Wo der Langtitel der Seite erscheinen soll (wenn Sie ihn überhaupt wollen), fügen Sie dieses Tag ein:
[[*longtitle]]Für den Haupttitel würden Sie dieses Tag verwenden:
[[*pagetitle]]Wenn Sie möchten, dass der Titel oder Langtitel an einer anderen Stelle angezeigt wird, verschieben Sie einfach die Tags in Ihrer Vorlage. Wenn Sie den Langtitel nicht anzeigen möchten, entfernen Sie das Tag aus Ihrer Vorlage. Wenn Sie möchten, dass der Inhalt des Langtitels im Seitenfuß angezeigt wird, können Sie dessen Tag sogar in den zuvor erwähnten FooterChunk verschieben. Um ein unwahrscheinliches Beispiel zu verwenden: Sie könnten sogar die URL des Pfads zu der CSS-Datei, die Sie für die Seite verwenden möchten, in das Feld „Langtitel“ eingeben und diesen Tag in den Kopfabschnitt Ihrer Vorlage einfügen: MODX ist sehr einfältig, wenn es um Tags geht. Wenn es ein MODX-Tag sieht, ersetzt es es durch das, was es darstellt. Es ist egal, was es ist oder warum Sie es dort platzieren. Es geht davon aus dass Sie wissen, was Sie wollen, und dementsprechend handeln. Es ist kein Problem, herauszufinden, was MODX will oder warum es nicht tut, was Sie wollen, weil es einfach das tut, was Sie ihm sagen. Vertrauen Sie mir, es ist eine angenehme Abwechslung zu der Auseinandersetzung mit einem CMS, das glaubt, mehr über Ihre Wünsche zu wissen als Sie selbst, oder vorgefasste Vorstellungen darüber hat, wie Dinge angezeigt werden sollen oder wo sie sich befinden sollen.
Ausschnitte
Zu Beginn des Artikels habe ich PHP-Code erwähnt. In MODX wird der PHP-Code in einem Snippet gespeichert, bei dem es sich um einen beliebigen Teil des PHP-Codes handelt, den Sie auf der Website verwenden möchten. Wenn MODX ein Snippet-Tag erkennt, ersetzt es es durch das, was vom Snippet zurückgegeben wird. Das Einfügen von PHP-Code in Snippets macht die Website viel sicherer und einfacher zu warten, da der Code vom Inhalt getrennt ist. Wenn es einem Hacker gelingt, eine Seite auf Ihrer Website einzufügen, die bösartigen PHP-Code enthält, ignoriert MODX den Code, da er nicht in einem Snippet enthalten ist. Wenn Sie kein PHP-Programmierer sind, verwenden Sie trotzdem Snippet-Tags, da es MODX-Zusatzkomponenten (in MODX normalerweise „Extras“ genannt) gibt, die einen Großteil der Schwerarbeit auf Ihrer Website erledigen. Das Wayfinder-Snippet erstellt beispielsweise ein Menü aus den Dokumenten auf Ihrer Website. Wenn Sie eine neue Seite erstellen, erscheint diese automatisch im Menü. In der einfachsten Form fügen Sie einfach ein Tag wie dieses an der Stelle ein, an der das Menü erscheinen soll:
[[Wayfinder]]MODX ersetzt dieses Tag durch ein Menü aller Seiten Ihrer Website. Standardmäßig zeigt Wayfinder die Menüoptionen als Links in einer ungeordneten Liste an, aber Sie können es so konfigurieren, dass jede gewünschte Art von Menü erstellt wird. Ich habe Dropdown-Flyout-Menüs, horizontale Menüs, vertikale Menüs, Fischaugenmenüs, Megamenüs gesehen. Popup-Menüs und sogar kreisförmige Menüs, alle mit Wayfinder erstellt. Tatsächlich habe ich noch kein Menü gesehen, das nicht mit Wayfinder erstellt werden kann. Sie können Wayfinder auch verwenden, um Menüs nur eines Teils Ihrer Website anzuzeigen, und Sie können mehr als ein Wayfinder-Menü auf derselben Seite haben. Erinnern Sie sich an die zuvor erwähnten Kontrollkästchen „Aus Menüs ausblenden“ und „Veröffentlicht“? Wayfinder zeigt keine unveröffentlichten oder ausgeblendeten Seiten an, es sei denn, Sie fordern es auf. Ein weiteres häufig verwendetes Snippet ist getResources. Das getResources-Snippet zeigt eine Auswahl von Dokumenten auf Ihrer Website an, formatiert nach Ihren Wünschen (natürlich mit MODX-Tags), sortiert, ausgewählt und angezeigt, wie Sie es möchten. Eine häufige Verwendung von getResources wäre die Anzeige des Titels und der Zusammenfassung der fünf oder zehn zuletzt erstellten Dokumente auf der Website, jeweils mit einem Link zum vollständigen Dokument. Sowohl Wayfinder als auch getResources verwenden Chunks für ihre Formatierung (diese Art von Chunk wird in MODX als Tpl-Chunk bezeichnet) mit HTML-Code und MODX-Tags für die verschiedenen anzuzeigenden Elemente. Wenn Sie die Formatierung oder den Inhalt ihrer Ausgabe ändern möchten, können Sie einfach die Tpl-Blöcke bearbeiten (oder eigene erstellen).
Bloggen mit MODX
Früher war es etwas schwierig, in MODX einen Blog zu erstellen (ein eindeutiger Nachteil für viele Leute). Jetzt ist das Articles-Extra jedoch eine voll funktionsfähige Blog-Komponente für MODX, die einfach zu verwenden und zu konfigurieren ist. Artikel bietet Kommentare, Tags, Moderation, Thread-Diskussionen und alles andere, was Sie sich für Ihr Blog wünschen, was MODX zu einer attraktiven Alternative zu WordPress macht.
Abschließend
Dieser Artikel hat kaum die Oberfläche von MODX zerkratzt. Hoffentlich habe ich Ihren Appetit auf MODX geweckt und Ihnen ein wenig gezeigt, wie viel Freiheit es Ihnen bei der Erstellung der Website gibt, die Sie im Kopf haben. Der Umzug einer Nicht-MODX-Site zu MODX ist überraschend einfach. Eine kurze Beschreibung des Prozesses finden Sie unter diese Seite. Wenn Sie Webdesigner sind und ein CMS suchen, das Ihnen die kreative Freiheit gibt, Ihre Website genau so aussehen zu lassen, wie Sie es möchten, sollten Sie MODX unbedingt ausprobieren.
