SlideShare a Scribd company logo
1 of 132
Download to read offline
MODX
MODX




  Hallo.
MODX




  Hallo.
  #erstmal #bcka
MODX




  Hallo.
  #erstmal #bcka
  #CMS #MODX
MODX




  MadeMyDay        Marc Hinse




  Hallo.
  #erstmal #bcka
  #CMS #MODX
  vor 2 Sekunden
MODX




  MadeMyDay            Marc Hinse
  Karlsruhe, Baden, Germany
  Webdesigner/Webentwickler aus Karlsruhe,
  MODx-Enthusiast, KSC-Fan, immer offen für
  neuen Webkram.
  www.siebennull.com
  www.mademyday.de
  www.modxcms.de
MODX
MODX




Jetzt aber.
MODX




Jetzt aber.
MODX.
MODX
MODX

Entstand 2005 als Fork von Etomite.
MODX

Entstand 2005 als Fork von Etomite.
MODX LLC. mit Sitz in Texas.
MODX

Entstand 2005 als Fork von Etomite.
MODX LLC. mit Sitz in Texas.
Entwickler leicht christlich angehaucht.

->irrelevant.
Ach ja, ein
kleiner
Hinweis...
MODX

Entstand 2005 als Fork von Etomite.
MODX LLC. mit Sitz in Texas.
Entwickler leicht christlich angehaucht.

->irrelevant.
Ach ja, ein
kleiner
                  22. Juli 2011
Hinweis...
                  DAS FEST
                  Karlsruhe
                  #HINGEHBEFEHL
MODX
MODX

Content Management
System.
MODX

Content Management
System.
Application Framework.
MODX

Content Management
System.
Application Framework.
PHP5+.
MODX

Content Management
System.
Application Framework.
PHP5+.
MySQL/MSSQL.
MODX

Content Management
System.
Application Framework.
PHP5+.
MySQL/MSSQL.
XPDO.
MODX

Content Management
System.
Application Framework.
PHP5+.
MySQL/MSSQL.
XPDO.
Open Source.
MODX
MODX
Nutzerfreundlich.
MODX
Nutzerfreundlich.
Kundenfreundlich.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
Schlank.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
Schlank.
Ausgeklügeltes Caching.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
Schlank.
Ausgeklügeltes Caching.
Multidomainfähig.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
Schlank.
Ausgeklügeltes Caching.
Multidomainfähig.
HTML5. SEO. CSS3.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
Schlank.
Ausgeklügeltes Caching.
Multidomainfähig.
HTML5. SEO. CSS3.
Buzzwords.
MODX
Nutzerfreundlich.
Kundenfreundlich.
100% flexibel.
Robust.
Modern.
Schlank.
Ausgeklügeltes Caching.
Multidomainfähig.
HTML5. SEO. CSS3.
Buzzwords.
Blödsinn.
MODX
MODX




Denn...
MODX
MODX




Das Einzige, was von den Buzzwords
wirklich wichtig ist:
MODX




Das Einzige, was von den Buzzwords
wirklich wichtig ist:

100% Flexibilität
MODX
MODX


Standardtemplate:
MODX
MODX


Ausstattung:
MODX
MODX


Aber: Packages
MODX
MODX


Vorteil:
MODX


Vorteil:
Überblick über Versionen
MODX


Vorteil:
Überblick über Versionen
Info über Updates
MODX
MODX




Fett nei...
MODX
MODX




Wir nehmen irgendein HTML-Template und
nutzen es in MODX. Hier: Templatemonster.
MODX
MODX

Vorläufiges Template = index.html
MODX

Vorläufiges Template = index.html
Pfade anpassen, fertig.
MODX

Vorläufiges Template = index.html
Pfade anpassen, fertig.
MODX

Vorläufiges Template = index.html
Pfade anpassen, fertig.




btw. schrecklicher Code, wer was
gescheites will... wisstschon.
MODX
MODX

Beispiel Menü. Hierfür benötigen wir
ein so genanntes „Snippet“.
MODX

Beispiel Menü. Hierfür benötigen wir
ein so genanntes „Snippet“.


Fachsprachenalarm!
MODX
MODX

Also ein Snippet...
MODX

Also ein Snippet...

Snippets sind Erweiterungen, die PHP
ausführen und irgendwas
zurückliefern.
MODX

Also ein Snippet...

Snippets sind Erweiterungen, die PHP
ausführen und irgendwas
zurückliefern.

Wie das funktioniert, kann den
meisten Anwendern egal sein.
MODX
MODX

Beispiel Menü:
MODX

Beispiel Menü:

Wir wollen:




„dynamisieren“
MODX
MODX

Snippet „Wayfinder“ ist für Menüs
zuständig.
MODX

Snippet „Wayfinder“ ist für Menüs
zuständig.
MODX

Snippet „Wayfinder“ ist für Menüs
zuständig.




ergibt:
MODX
MODX

MODX-Ressourcenbaum:
MODX
MODX

MODX-Ressourcenbaum:
MODX
MODX

MODX-Ressourcenbaum:
MODX
MODX

Läuft:
MODX
MODX

Mehr Inhalte:
MODX
MODX

Mehr Inhalte:
MODX
MODX




Slider sind
total hipp.
MODX




Slider sind
total hipp.
Also....
MODX
MODX

Quelltext anschauen:




und dann „dynamisieren“
MODX
MODX

Snippet „getResources“ ist für
Auflistungen zuständig.
MODX

Snippet „getResources“ ist für
Auflistungen zuständig.




                         nutzt so
                         genannte
                         Chunk(s) als
                         (Mini-)Templa
                         tes.
MODX
MODX

Chunk als Minitemplate (Slides):


Chunk für Slidernavi:
MODX
MODX

Ergibt:
MODX

Ergibt:




da fehlt was?
MODX
MODX

Template Variablen sind eines der
Killerfeatures von MODX.
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
Bilder
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
Bilder
Dateien
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
Bilder
Dateien
Text
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
Bilder
Dateien
Text
WYSIWYG
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
Bilder
Dateien
Text
WYSIWYG
Checkboxen
MODX

Template Variablen sind eines der
Killerfeatures von MODX.

Wir können jedem Template
individuelle Felder zuordnen:
Bilder
Dateien
Text
WYSIWYG
Checkboxen
Selects u.v.(!)m.
MODX
MODX

Beispiele Linktext und Sliderbild:
MODX
MODX

Sieht dann so aus bei der
Dokumentbearbeitung:
MODX
MODX

Cool, ey.
MODX
MODX

Content:
MODX

Content:



Guess what:
MODX
MODX

Eingabe:
MODX
MODX

Ausgabe:
MODX
MODX


Wie schaut‘s?


Is‘ noch
Zeit?
MODX
MODX




Beispiele...
MODX
MODX   fgm-factoring.de
MODX
MODX   hellyeah-tattoos.de
MODX
MODX   interfer.de
MODX
MODX   fgm-factoring.de
MODX




  MadeMyDay             Marc Hinse




  #Fragen #Jetzt #Oder #Nie

  www.siebennull.com
  www.mademyday.de
  www.modxcms.de
MODX




  MadeMyDay             Marc Hinse




  Danke.
  #Fragen #Jetzt #Oder #Nie

  www.siebennull.com
  www.mademyday.de
  www.modxcms.de

More Related Content

Viewers also liked

Coop Weinmesse Luzern und Stansstad - das Sortiment
Coop Weinmesse Luzern und Stansstad - das SortimentCoop Weinmesse Luzern und Stansstad - das Sortiment
Coop Weinmesse Luzern und Stansstad - das SortimentMartin Zaugg
 
Comman presentation
Comman presentationComman presentation
Comman presentationyatradham
 
Kommunikation im Kapitalmarkt: Anlegerstudie 2012
Kommunikation im Kapitalmarkt: Anlegerstudie 2012Kommunikation im Kapitalmarkt: Anlegerstudie 2012
Kommunikation im Kapitalmarkt: Anlegerstudie 2012Deutsche EuroShop AG
 
Rs cenetec junio
Rs cenetec junioRs cenetec junio
Rs cenetec juniomdelaov
 
Anonymous und Wikipedia: Grenzenlose Organisationen?
Anonymous und Wikipedia: Grenzenlose Organisationen?Anonymous und Wikipedia: Grenzenlose Organisationen?
Anonymous und Wikipedia: Grenzenlose Organisationen?Dobusch Leonhard
 
Tutoriais para criação e edição de gráficos no r
Tutoriais para criação e edição de gráficos no rTutoriais para criação e edição de gráficos no r
Tutoriais para criação e edição de gráficos no rAna Maria Souza
 
Introduccion a core plot
Introduccion a core plotIntroduccion a core plot
Introduccion a core plotJorge Ortiz
 
Curso basico matlab
Curso basico matlabCurso basico matlab
Curso basico matlabMikeNandes
 

Viewers also liked (11)

Coop Weinmesse Luzern und Stansstad - das Sortiment
Coop Weinmesse Luzern und Stansstad - das SortimentCoop Weinmesse Luzern und Stansstad - das Sortiment
Coop Weinmesse Luzern und Stansstad - das Sortiment
 
Sani plot 2015 ok
Sani plot 2015 okSani plot 2015 ok
Sani plot 2015 ok
 
Comman presentation
Comman presentationComman presentation
Comman presentation
 
Catálogo de Bombillas FARO 2015 - ILUMINABLE
Catálogo de Bombillas FARO 2015 - ILUMINABLECatálogo de Bombillas FARO 2015 - ILUMINABLE
Catálogo de Bombillas FARO 2015 - ILUMINABLE
 
Kommunikation im Kapitalmarkt: Anlegerstudie 2012
Kommunikation im Kapitalmarkt: Anlegerstudie 2012Kommunikation im Kapitalmarkt: Anlegerstudie 2012
Kommunikation im Kapitalmarkt: Anlegerstudie 2012
 
Rs cenetec junio
Rs cenetec junioRs cenetec junio
Rs cenetec junio
 
Anonymous und Wikipedia: Grenzenlose Organisationen?
Anonymous und Wikipedia: Grenzenlose Organisationen?Anonymous und Wikipedia: Grenzenlose Organisationen?
Anonymous und Wikipedia: Grenzenlose Organisationen?
 
Matlab2009b -clase2
Matlab2009b  -clase2Matlab2009b  -clase2
Matlab2009b -clase2
 
Tutoriais para criação e edição de gráficos no r
Tutoriais para criação e edição de gráficos no rTutoriais para criação e edição de gráficos no r
Tutoriais para criação e edição de gráficos no r
 
Introduccion a core plot
Introduccion a core plotIntroduccion a core plot
Introduccion a core plot
 
Curso basico matlab
Curso basico matlabCurso basico matlab
Curso basico matlab
 

Similar to MODX Session BCKA

Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 BerlinMeine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 BerlinDavid Decker
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Noël Bossart
 
Architectures for .Net Core Applications
Architectures for .Net Core ApplicationsArchitectures for .Net Core Applications
Architectures for .Net Core ApplicationsRobin Sedlaczek
 
German: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptGerman: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptRalf Schwoebel
 
BASTA! 2016 - Roslyn & Visual Studio Extensions
BASTA! 2016 - Roslyn & Visual Studio ExtensionsBASTA! 2016 - Roslyn & Visual Studio Extensions
BASTA! 2016 - Roslyn & Visual Studio ExtensionsRobin Sedlaczek
 

Similar to MODX Session BCKA (7)

Modx
ModxModx
Modx
 
MODX – The Power to Build Amazing
MODX – The Power to Build AmazingMODX – The Power to Build Amazing
MODX – The Power to Build Amazing
 
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 BerlinMeine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
Meine ersten 12 Monate als Plugin-Entwickler für WordPress - WP Camp 2012 Berlin
 
Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11Einführung XHTML CSS JS // MM 08-11
Einführung XHTML CSS JS // MM 08-11
 
Architectures for .Net Core Applications
Architectures for .Net Core ApplicationsArchitectures for .Net Core Applications
Architectures for .Net Core Applications
 
German: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptGerman: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit Javascript
 
BASTA! 2016 - Roslyn & Visual Studio Extensions
BASTA! 2016 - Roslyn & Visual Studio ExtensionsBASTA! 2016 - Roslyn & Visual Studio Extensions
BASTA! 2016 - Roslyn & Visual Studio Extensions
 

MODX Session BCKA

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n
  94. \n
  95. \n
  96. \n
  97. \n
  98. \n
  99. \n
  100. \n
  101. \n
  102. \n
  103. \n
  104. \n
  105. \n
  106. \n
  107. \n