MODX – The Power to Build Amazing

MODX – The Power to Build Amazing
Wikimedia

Oliver Haase-Lobinger
mindeffects e.K.
Web-, Print- und Mediendesign
MODX Ambassador
MODX Meetup Köln
MODXpo 2013 Köln – Organisator
Twitter: @mindeffects · info@mindeffects.de · www.mindeffects.de

MODX ist ein CMS, das einem „zur Seite“ steht – und nicht „im Weg“.

MODX ist für Websites aller Art und Größe geeignet
EIN System für ALLE Anforderungen
http://www.TrustedShops.de
http://PearlDrum.com/home/
http://www.complex.com
http://www.delldesignlibrary.com

MODX Systemvorraussetzungen
http://rtfm.modx.com/revolution/2.x/getting-started/server-requirements
Bei vielen Hostern auch im Shared-Hosting einsetzbar:
HostEurope, DomainFactory, AllInkl, 1&1 etc.
Installation
Download von http://modx.com/download/
Traditional (+ Advanced / SDK)
Aktuelle Version: MODX 2.2.13
In Kürze: MODX 2.3
Webinstaller
MODX Cloud (https://modxcloud.com/)

MODX ist Backend NICHT Frontend!
Im Frontend geht ALLES!
Benötiges Markup für Frontend Scripts wird maßgeschneidert erzeugen
Strickte Trennung von Content und Design
Setzkasten-Prinzip für Content durch sog. „Template Variablen“
Nach der Installation ist die Startseite zunächst leer – eine weiße Seite.

Die „weiße“ Startseite von MODX
<html>
<head>
<title>[[++site_name]] - [[*pagetitle]]</title>
<base href="[[++site_url]]" />
</head>
<body>
[[*content]]
</body>
</html>
Etwas HTML, zwei Content-Felder/Template-Variables [[*]]
und zwei System-Settings [[++]]

MODX ist für Maßanzüge gedacht.
MODX macht das, was man ihm sagt – und NUR das.
Frontend-Skills sind unbedingt erforderlich (für Sitebuilder),
User/Redakteure brauchen „nix“ zu können
PHP-Kenntnisse sind hilfreich, aber (zunächst) nicht erforderlich
Integriertes Hilfesystem

Templates zum Download auf ThemeForest
http://themeforest.net/category/cms-themes/modx-themes
http://themeforest.net/forums/thread/envatos-most-wanted-modx-themes-
10k/126360

Einsatzbereiche
Verwaltung beliebiger Inhalte
Ausgabe als HTML 4, 5, 6 und 7-beta ;-), CSS, XML, SVG etc.
Responsive Webdesign u.ä. ist problemlos machbar
MODX ist auch ein CMS für
Mobile Apps (HTML5 basiert),
„Flash“ ;-),
und
Webservices aller Art

Bücher zu MODX
Rob Ray: MODX – The Official Guide (ISBN 978-0983619406)
W. Shawn Wilkerson: MODX Revolution - Building the Web Your Way:
A Journey Through a Content Management Framework (ISBN 978-0985853204)

Was MODX bietet
Content-Management-System / -Framework (API)
Verwaltung über den „MODX Manager“ (mehrsprachig)
oder eigene Interfaces.
Vollständig internationalisierbare Websites (i18n / UTF-8)
Multidomain- / Multiwebsite-fähig (über sog. „Contexts“)
Granulares Rechtesystem
Leistungsfähiges Caching
Medien- / File-Management
Friendly-URLs / native SEO Optimierung
Zahlreiche System-Event, um „Core Hacks“ zu umgehen
Erweiterungen via Package Manager inkl. Package Updates


Wichtige Erweiterungen
GetResources Content-Extraction-Aggregation, auch Menüs
Wayfinder Menüs, Breadcrumps etc.
TinyMCE Rich Text Editor
ACE Editor für Code inkl. Highlighting
FormIt Formulare aller Art
VersionX Versionierung von Resources / Elements
pThumb Bildbearbeitung durch den Server
MIGX TV-Arrays/-Sets
Collections Sammel-Container
Quip Kommentare
FastFields Content-Extraction

MODX Revolution Tags
TV [[*TV]] cached [[!*TV]] uncached
CHUNK [[$chunk]] cached [[!$chunk]] uncached
SNIPPET [[snippet]] cached [[!snippet]] uncached
LINK [[~link]]
PLACEHOLDER [[+placeholder]]
SYSTEMSETTING [[++systemSetting]]
LEXICON ENTRY [[%key? &topic=`tpc` &namespace=`nsp` &language=`es`]]
PROPERTY SETS [[ElementName@PropertySetName]]
[[ElementName@PropertySetName?key=`abc`]]
MODX-Tags verwenden BACKTICKS!

Beispiel: Content-Abfrage mit Snippet „getResources“ / Teil 1
[[getResources?
&parents=`0` &resources=`-8,-15`
&depth=`0` &limit=`0`
&sortby=`pagetitle` &sortdir=`ASC`
&includeContent=`1`
&includeTVs=`1`
&includeTVList=`contentAdmin,cssClasses,sectionIcon,color`
&tpl=`productCategoryBoxTpl`
]]
Übersetzung: Hol mit den Kontent im Resources-Baum ab ID 0 (ignoriere die IDs
8 und 15), sortiere nach Seitentitel alphabetisch aufsteigend, füge Content und
ausgesuchte Template Variablen hinzu und übergib die Ausgabe an den Chunk
„productCategoryBoxTpl“

Beispiel: Content-Abfrage mit Snippet „getResources“ / Teil 2
<div class="col-lg-4 col-sm-6">
<a href="[[~[[+id]]]]">
<div class="nbslProductBox colorBg[[+tv.color]]">
<div class="sectionIcon">[[+tv.sectionIcon]]</div>
<h3>[[+pagetitle]]</h3>
<p>[[+introtext]]</p>
<span class="btn btn-neutral" href="[[~[[+id]]]]">[[%prod
uctCategoryBoxMore ?namespace=`nbsl`]] <span class="glyphicon
glyphicon-chevron-right"></span></span>
</div>
</a>
</div>
Dieser Chunk wird für jede gefundene Resource mit Inhalten gefüllt und
ausgegeben. Die Platzhalter ([[+]]) entsprechen den Template Variablen der
Resource.

DEMO


MODX – The Power to Build Amazing

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie MODX – The Power to Build Amazing

Ähnlich wie MODX – The Power to Build Amazing (20)

MODX – The Power to Build Amazing