Contao Konferenz 2019

Wer bin ich?

• seit 1999 bei trilobit
• Gründer, Inhaber und Geschäftsführer
• 12 Mitarbeiter (letztes Jahr noch 8!)
• Contao-Premium-Partner
  für WebDesign, Programmierung und Schulung
• eine von 5 Agenturen mit Triple-Premium-Partner
• Mit-Veranstalter des Contao-Agenturtags
• Ausbildung (IHK und Berufsakademie)

Die Installation

• ... ist nicht trivial
• ... aber auch kein Hexenwerk
• ... folge den Anweisungen auf contao.org
• ... ist einfacher, wenn man sich auf der Shell auskennt
  
  
• Und dann?

Gratulation, Du hast es geschafft?

Seite mit einem Feuerwerk in Flash?

Gin-Tonic für alle?

...leider nein!

Die Realität

• Zuerst die Meldung: Keine Seite angelegt!
• ... ok mach ich ...
• Dann die Meldung: Kein Layout angelegt!
• ... ok mach ich ...
• Juhuu! Eine leere Seite
• Schnell noch einen Artikel und ein Inhalts-Element: "Hello World!"

Arbeiten mit Contao

• Seiten anlegen
• Artikel mit Inhalts-Elementen anlegen
• Bilder hochladen und platzieren
• Downloads zur Verfügung stellen
• CSS einbinden
  
  
• Also nichts, was ein anderes CMS nicht auch könnte!

Beispiel: Seiten-Template fe_page.html5 — Der Standard

• Setzt Zeichensatz, Sprache, Titel, Meta-Description...
• Ressourcen (css, js) werden eingebunden
• Assets-URL ist einstellbar für ein CDN
• Standard-Sections wie Header und Footer werden gesetzt

Beispiel: Seiten-Template fe_page.html5 — Flexibilität?

• Normalerweise sind Meta-Keywords nicht interessant
• Daher fehlen sie im Standard
• Es sei denn, Du optimierst für Baidu:
• Dann kannst Du das Template dafür anpassen.

Beispiel: Seiten-Template fe_page.html5 — Praxis

• In die Templateverwaltung gehen
• Neues Template auf Basis des Seitentemplates anlegen
• Template anpassen
• Contao mitteilen, für welche Seiten, das Template gelten soll, z.B. für alle oder nur für Deine chninesische Domain.

Templates gibt es in Contao für ALLES

• Seiten, Artikel, Inhaltselemente
• Slider, Akkordeon, Youtube-Videos, Links, Downloads, ...
• Suchergebnis, Navigation, Sitemap
• aber auch: Google Analytics- / Matomo-Einbindung
  
  
• ... und alle sind anpassbar!

Beispiel: Suche — Der Standard

• Suche unter Einstellungen anschalten
• Suchmodule einbinden
• Suchindex baut sich auf, wenn User über die Seite surfen
  oder über eine Funktion im Backend
• Suchergebnisse anzeigen (ggf. Templates anpassen)

Beispiel: Suche — Die Praxis

• ...ist genau so
• Suche pimpen:
  • siehe trilobit.de/ck2017
  • oder youtube.com/watch?v=_nveX3FhZm0

SEO — Der Standard

• gutes Markup in den Standard-Templates
• Inhalte 100% flexibel anpassbar
• Sprechende URL-Namen statt index.php?id=4711
• Ressourcen werden komprimiert ausgeliefert
• Meta-Angaben: index, follow, ... durch Redakteure einstellbar
• Neu in 4.9: SERP-Vorschau im Backend

Responsive Images — Der Standard

• früher: <IMG SRC=... WIDTH=... HEIGHT=...>
• heute: Größendefinition per CSS, Anpassung ans Endgerät
• Upload der qualitativ hochwertigen Bilder ins Backend
• Berechnung auf vordefinierte Bildgröße, optimiert
• Berücksichtigung des "wichtigen Bereichs"

Responsive Images — Beispiel: Banner

• Mehrere vordefinierte Bildgrößen im Backend
• Berechnung auf vordefinierte Bildgrößen, z.B. 600px, 1200px, 1800px
• Ausgabe als Sourceset:
  <img src="h.jpg" srcset="h.jpg 1x, hmin.jpg 0.5x, hmax.jpg 2x">
• Der Browser kennt die Ausgabegröße und wählt das passende Bild.
• Optimale Anzeige für das Engeräte bei minimalem Datenvolumen.

Erweiterungen — Der Standard

• Erweiterungsverwaltung: composer mit packagist.org
• Fast 1.500 Contao-Ressourcen, viele andere sind nutzbar
• Themen: Marketing Suite, Notification Center, Shop-System, Intergration von Bilddatenbanken
• Aber auch: Formattierung internationaler Adressen.
• Die Community hält (die meisten davon) aktuell

Erweiterungen — bei einem herkömmlichen CMS

• Erweiterung 1 bringt mit Ressource A (z.B. jquery-3.4.0.js)
• Erweiterung 2 bringt mit Ressource B (z.B. jquery-3.4.1.js)
• Was wird eingebunden?
• Beides.
• Sinnvoll?
• Nein, zuviel Datentransfer.
  Doppeleinbindungen können zu Problemen führen.

Erweiterungen — mit Contao

• Erweiterung 1 erfordert Ressource A, z.B. jQuery 3.4.*
• Erweiterung 2 erfordert Ressource B, z.B. jQuery 3.4.1 oder höher
• Was wird eingebunden?
• Das kommt drauf an, was beide Anforderungen erfüllt.
• Wenn dann eine Wahl bleibt, die aktuellere Ressource.
• Das kann auch jQuery 3.4.5 sein, wenn das neu rauskommt.

Erweiterungen — der Unterschied

• Es können keine (versionstechnisch) inkompatiblen Erweiterungen geladen werden.
• Core, Erweiterungen und Ressourcen bleiben up-to-date.
• Auch Ressourcen von Erweiterungen werden aktualisiert.
• Unabhängig von den eingebundenen Erweiterugen und deren Entwicklern.

Passwörter — Der Standard

• Passwörter sollten heute verschlüsselt gespeichert werden.
• Das tut Contao.
• Mit welchem Algorithmus?
• Mit dem zum Zeitpunkt des Speicherns besten
  (der in Contao implementiert ist).
• Passwörter mit schwächeren Algotithmen bleiben lesbar.