phpstorm - besser, schneller, entspannter magento entwickeln. magento...19. magento-stammtisch...

20
Widgets – sichere und komfortable CMS-Elemente

Upload: others

Post on 29-Oct-2019

22 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

Widgets – sichere und komfortable CMS-Elemente

Page 2: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

Benjamin Wunderlich

@bwunderlich [email protected]

Page 3: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Magentos CMS

● Seiten? HTML!

● CMS-Blöcke? HTML!

● Widgets? Schematische Inhalte!

● Umfragen? Was hat das mit CMS zu tun?!

Page 4: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

CMS-Seiten

● Eigene URL

● Ein großer Haufen statisches HTML! → HTML-Kenntnisse erforderlich

● WYSIWYG-Editor→ aufgeblähter, fehlerhafter HTML-Code, kein sauberes CSS

● Einbindung von CMS-Blöcken und Widgets möglich

● Gestaltungsänderungen per Konfiguration und XML

● Metadaten

Page 5: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

CMS-Blöcke

● Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse erforderlich

● WYSIWYG-Editor→ aufgeblähter, fehlerhafter HTML-Code, kein sauberes CSS

● Einbindung von CMS-Blöcken und Widgets möglich

● Können eingebunden werden z.B. in …

– CMS-Seiten

– E-Mail-Templates

– Kategorien

Page 6: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Widgets

● Vorgefertigte, dynamische Content-Vorlagen

● Müssen einmal programmiert werden

● Magento besitzt Standard-Widgets

Page 7: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Widget-Instanzen

● Werden aus einem Widget erzeugt

● Individuelle Parametrisierung

● Flexible Einbindung an einer oder mehreren Stellen (in Layout-Blöcken)

● Sortierbar

● Auswahl des Themes

● Nach StoreView freischaltbar

Page 8: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Beispiel

Page 9: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Frontend-Eigenschaften

Page 10: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Frontend-Eigenschaften

Page 11: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Widget-Optionen

Page 12: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Produktauswahl

Page 13: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Beispiele

Page 14: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Beispiele

Page 15: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Beispiele

Page 16: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Beispiele

Page 17: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Beispiele

● SEO-Blöcke

● Teaser

● Slideshow

● Einbindung von Tracking-Codes

● Kleine Snippets (Kategorie-Links, Produkt-Links)

● Neue Produkte, Bestseller

Page 18: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Vorteile

● Benutzerfreundlich

● Stabil und uniform

● Dynamisch

● Code-Wiederverwendbarkeit

Page 19: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

19. Magento-Stammtisch Hamburg20.08.2014

Nachteile

● Recht fehlerhaft / rudimentär implementiert

● Wenig Weiterentwicklung in letzter Zeit

● Wenige Standard-Widgets

Page 20: PhpStorm - besser, schneller, entspannter Magento entwickeln. Magento...19. Magento-Stammtisch Hamburg 20.08.2014 CMS-Blöcke Ein kleiner Haufen statisches HTML! → HTML-Kenntnisse

Viel Spaß!