Viele Website-Builder scheuen sich vor dem MODX-CMS, weil sie denken (oder gehört haben), dass es in erster Linie für Entwickler ist, die sich mit PHP und JavaScript auskennen.
Während MODX leistungsstarke Komponenten für erfahrene Programmierer bietet, gibt es auch für weniger technisch versierte Designer viele Vorteile. Das wichtigste ist die kreative Freiheit, die MODX bietet. Es ermöglicht Ihnen, Ihre Website einfach und ohne Kompromisse genau so zu gestalten, wie Sie es möchten.
MODX wurde von Web-Programmierern entwickelt, die mit den kreativen Einschränkungen anderer CMS-Plattformen frustriert waren. Sie hassten es, an Systemen arbeiten zu müssen, die eingebaute Vorstellungen davon hatten, wie eine Website aufgebaut werden sollte und wo sie Dinge platzieren sollten, damit sie funktionieren.
Sie wollten auch den Inhalt einer Website besser von dem Code trennen, der diesen Inhalt präsentiert hat - eine Praxis, die es viel einfacher macht, Websites neu zu gestalten und zu pflegen.
Was man als das "erste Prinzip" von MODX bezeichnen könnte, ist, wann immer es möglich ist, dem Site-Designer das zu lassen, was er will, und es leicht machen. Im Mittelpunkt dieser kreativen Freiheit stehen 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 CSS-Dateien anpassen und dann MODX mitteilen, diese Vorlage beim Anzeigen eines bestimmten Dokuments auf der Site zu verwenden. Das würde weniger als 5 Minuten dauern, und wenn Sie die MODX-Seite angesehen haben, würde es genauso aussehen wie auf der ursprünglichen Site. Die einzige Einschränkung ist, dass Sie keinen PHP-Code auf der Seite haben können (mehr dazu später).
Wenn Sie den Code für eine ganze Seite in eine Vorlage einfügen, werden viele der leistungsstarken Funktionen von MODX ignoriert, aber es zeigt Ihnen, wie viel Freiheit Sie bei der Erstellung von MODX-Websites haben.
Die Hauptkraft von MODX kommt von MODX-Tags. Im Wesentlichen stellen MODX-Tags Dinge dar, die Sie aus der Vorlage heraus verschieben und woanders für mehr Komfort und zusätzliche Flexibilität platzieren. Was in der Vorlage verbleibt, sind normalerweise die HTML-Shell und die MODX-Tags.
Die Grundfunktion des MODX-Motors ist unglaublich einfach. Wenn eine Webseite von einem Browser angefordert wird, überprüft MODX, welche Vorlage mit dieser Seite verknüpft ist. Er ruft die Vorlage ab, ersetzt alle MODX-Tags in der Vorlage und sendet sie an den Browser. Das ist es.
Die Fähigkeit, eine dynamische, kreative Website in MODX zu haben, kommt von dem, was die Tags darstellen können. Es gibt eine Reihe von Arten von Tags, und jede wird durch etwas anderes ersetzt. Alle Tags sind optional und jedes Tag kann überall in der Vorlage verwendet werden. Schauen wir uns ein einfaches Beispiel mit sogenannten "Chunk" -Tags an.
Hinweis: Die Beispiele hier sind für MODX Revolution. MODX Evolution verwendet einen etwas anderen Tag-Stil, aber die Konzepte sind die gleichen.
In MODX ist ein "Chunk" nur ein bisschen HTML-Code, den Sie auf mehr als einer Seite verwenden möchten. Es könnte eine Kopfzeile, Fußzeile, Seitenleiste, Menü oder irgendetwas anderes sein. Nehmen wir an, es ist 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. In deiner Vorlage legst du einfach das folgende Tag an die Stelle, an der diese Fußzeile erscheinen soll:
[[$FooterChunk]]Auf jeder Seite, die diese Vorlage verwendet, wird der Fußzeilenabschnitt an dieser Position angezeigt. Wenn Sie sich entscheiden, den Text oder HTML der Fußzeile zu ändern, bearbeiten Sie einfach das FooterChunk und die neue Version wird auf all 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 (üblicherweise kurz als "Inhalts" -Tag bezeichnet). In MODX entspricht jede Webseite einem Dokument, das in der MODX-Datenbank gespeichert ist. Wenn Sie eine neue Seite für eine MODX-Website erstellen, wird ein Formular angezeigt, in das Sie Informationen zum Dokument eingeben können.
Es gibt Texteingabefelder für Titel, Langtext, Beschreibung, Zusammenfassung, Alias (zur Verwendung in der URL), Inhalt (der Hauptinhalt der Seite) und Menütitel (wird automatisch in Menüs verwendet). Es gibt Kontrollkästchen, die angeben, ob das Dokument veröffentlicht wird und ob es aus Menüs ausgeblendet werden soll.
Es gibt auch Datumsfelder, die zukünftige Veröffentlichungs- oder Veröffentlichungstermine und das Veröffentlichungsdatum des Dokuments angeben.
Es gibt auch andere Felder, aber auch hier sehen wir die Flexibilität von MODX - alle Felder außer Titel und Alias sind optional! Jede Seite muss einen Titel und etwas in die URL der Seite haben, aber es liegt ganz bei Ihnen, ob Sie die anderen Felder verwenden oder nicht. Was in den anderen Bereichen liegt, liegt auch bei Ihnen. Sie möchten mit Sicherheit den Hauptinhalt der Seite in das Inhaltsfeld stellen, müssen es aber nicht. Wenn Sie das Feld "Langer Titel" verwenden möchten, um das Sternzeichen des auf der Seite profilierten Benutzers zu speichern, fahren Sie fort.
Um zu den Tags "content" zurückzukehren, stellen sie die Felder des Formulars dar. Wenn MODX ein Inhalts-Tag sieht, wird es durch den Wert des benannten Formular-Feldes ersetzt. An der Stelle, an der der Hauptinhalt der Seite angezeigt werden soll, fügen Sie dieses Tag beispielsweise in die Vorlage ein:
[[*content]]Wo der lange Titel der Seite erscheinen soll (wenn Sie es überhaupt wollen), setzen Sie dieses Tag:
[[*longtitle]]Für den Haupttitel würden Sie dieses Tag verwenden:
[[*pagetitle]]Wenn Sie entscheiden, dass der Titel oder der lange Titel anderswo angezeigt werden soll, verschieben Sie einfach die Tags in Ihrer Vorlage. Wenn Sie den langen Titel nicht anzeigen möchten, entfernen Sie das Tag aus Ihrer Vorlage. Wenn Sie wollen, was auch immer in dem langen Titel in der Seitenfußzeile angezeigt wird, können Sie seinen Tag sogar in dem FooterChunk verschieben, das wir zuvor erwähnten. Um ein unwahrscheinliches Beispiel zu verwenden, könnten Sie die URL des Pfads zu der CSS-Datei, die Sie für die Seite verwenden möchten, in das Feld Langer Titel einfügen und diesen Tag in den Kopfbereich Ihrer Vorlage einfügen:
MODX ist sehr einfältig, wenn es um Tags geht. Wenn es ein MODX-Tag sieht, ersetzt es es mit dem, was es darstellt. Es ist egal, was es ist oder warum du es dort hinlegst. Es setzt voraus, dass Sie wissen, was Sie wollen und handelt entsprechend. Es gibt keine Schwierigkeiten herauszufinden, was MODX will oder warum es nicht tut, was du willst, weil es genau das tut, was du sagst. Vertrauen Sie mir, es ist eine angenehme Abwechslung von einem CMS, das denkt, dass es mehr darüber weiß, was Sie wollen als Sie, oder vorgefasste Meinungen darüber haben, wie Dinge angezeigt werden sollten oder wo sie sich befinden sollten.
Früher in dem Artikel habe ich PHP-Code erwähnt. In MODX geht PHP-Code in ein Snippet, das ist ein bisschen PHP-Code, den Sie auf der Website verwenden möchten. Wenn MODX ein Snippet-Tag sieht, wird es durch das ersetzt, was vom Snippet zurückgegeben wird. Durch das Einfügen von PHP-Code in Snippets wird die Site wesentlich sicherer und einfacher zu pflegen, da der Code vom Inhalt getrennt ist. Wenn es einem Hacker gelingt, eine Seite mit bösartigem PHP-Code auf Ihre Website zu stellen, ignoriert MODX den Code, da er nicht in einem Snippet enthalten ist.
Wenn Sie kein PHP-Codierer sind, werden Sie immer noch Snippet-Tags verwenden, da es MODX-Add-on-Komponenten gibt (in MODX gewöhnlich "Extras" genannt), die Ihre Website stark belasten.
Das Wayfinder-Snippet erzeugt beispielsweise ein Menü aus den Dokumenten auf Ihrer Website. Wenn Sie eine neue Seite erstellen, wird diese automatisch im Menü angezeigt. In seiner einfachsten Form setzen Sie einfach ein Tag wie dieses, wo das Menü erscheinen soll:
[[Wayfinder]]MODX ersetzt dieses Tag durch ein Menü mit allen Seiten Ihrer Site. Standardmäßig zeigt Wayfinder die Menüoptionen als Links in einer ungeordneten Liste an, aber Sie können sie so konfigurieren, dass Sie jede Art von Menü erstellen können.Ich habe Drop-Down-Flyout-Menüs, horizontale Menüs, vertikale Menüs, Fischaugen-Menüs, Megamenus, Popup-Menüs und sogar kreisförmige Menüs, alle mit Wayfinder produziert. Tatsächlich muss ich noch ein Menü sehen, das mit Wayfinder nicht produziert werden kann.
Sie können Wayfinder auch verwenden, um Menüs nur von einem Teil Ihrer Website anzuzeigen, und Sie können mehr als ein Wayfinder-Menü auf derselben Seite haben. Erinnern Sie sich an die Kontrollkästchen "Aus den Menüs ausblenden" und "Veröffentlicht", die wir bereits erwähnt haben? Wayfinder zeigt keine unveröffentlichten oder versteckten Seiten an, es sei denn, Sie sagen es.
Ein weiteres häufig verwendetes Snippet ist getResources. Das getResources-Snippet zeigt eine Auswahl von Dokumenten auf Ihrer Site an, formatiert, wie Sie möchten (selbstverständlich mit MODX-Tags), sortiert, ausgewählt und angezeigt, wie Sie wollen. Eine gebräuchliche Verwendung von getResources besteht darin, den Titel und die Zusammenfassung der fünf oder zehn zuletzt erstellten Dokumente auf der Site zu zeigen, die jeweils einen Link zum vollständigen Dokument enthalten.
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 Elemente, die angezeigt werden sollen. Wenn Sie die Formatierung oder den Inhalt ihrer Ausgabe ändern möchten, können Sie die Tpl-Chunks einfach bearbeiten (oder selbst erstellen).
Zu einer Zeit war es etwas schwierig, einen Blog in MODX zu erstellen (ein deutlicher Nachteil für viele Leute). Jetzt aber ist die Artikel extra eine voll ausgestattete Blog-Komponente für MODX, die einfach zu bedienen und zu konfigurieren ist. Artikel enthält Kommentare, Tags, Moderation, Diskussionsrunden und alles, was Sie sonst noch für Ihr Blog wünschen, was MODX zu einer attraktiven Alternative zu WordPress macht.
Dieser Artikel hat kaum die Oberfläche von MODX gekratzt. Hoffentlich habe ich Ihren Appetit über MODX geweckt und Ihnen ein wenig gezeigt, wie viel Freiheit es Ihnen beim Erstellen der Website, die Sie in Ihrem Kopf haben, gibt. Das Verschieben einer Nicht-MODX-Site zu MODX ist überraschend einfach. Für eine kurze Beschreibung des Prozesses, siehe diese Seite .
Wenn Sie ein Webdesigner sind und ein CMS wollen, das Ihnen die kreative Freiheit gibt, Ihre Site genau so aussehen zu lassen, wie Sie es wollen, sollten Sie MODX unbedingt ausprobieren.