Oliver Reiff
trilobit GmbH
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)
in medias res:
Das kann Contao!
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!
Warum also der ganze Stress?
Weil es jetzt spannend wird!
Templates
=
100% Flexibilität
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-ready
=
100% Gefunden werden
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
=
100% gut aussehen
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
=
100% Power bei
100% Sicherheit
Erweiterungen
=
100% Power bei
hoher Sicherheit
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 speichern
=
bestmögliche Sicherheit
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.
Wir lieben Kunden, für die der
Livegang einer Webseite
nicht das Ende,
sondern der Anfang des Abenteuers ist.
trilobit GmbH