Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 1

CONTAO UPDATES Was man wissen sollte

Harry Boldt boldt-media.de

Peter Müller pmueller.de

16. Mai 2014 um 9.30 Uhr

道

Harry Boldt

boldt-media.de

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 2

Peter Müller

pmueller.de

wie er Contao 2 mit [catalog]

Wer also auf Tipps wartet,

in Contao 3 mit MetaModels verwandelt

Disclaimer

Wir haben keinen Zauberstab.

geht besser Kaffee trinken.

per Mausklick

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 3

1. Einführung

2. Vorbereitung

3. Durchführung

4. Nachbereitung

5. Fazit

Inhaltsübersicht

Contao kennt verschiedene Release-Typen

Bugfix-Release 3.2.x

Minor-Release 3.x.0

Major.Releasex.0.0

Sicherheits-Update

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 4

Soll ich meine Contao-Site updaten?

Sicherheits-Update

sofort

Bugfix-Release

so bald wie möglich

"größtenteils harmlos"

Minor-Release

informieren und planen

beizeiten angehen

Major-Release

informieren++ und planen++

spätestens bei Ende LTS

für Contao 2 Juni 2014…

Die Frage ist nicht ob wir updaten, sondern wann.

ob

wann

Soll ich meine Contao-Site updaten?

Irgendwann ist jeder dran.

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 5

Der Contao Release-Plan

contao.org/de/release-plan.html

!

Ein Major Update steht an

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 6

1. Einführung

2. Vorbereitung

3. Durchführung

4. Nachbereitung

5. Fazit

Inhaltsübersicht

Begrifflichkeiten

Co

nta

o-I

nst

alla

tio

n

Datenbank

Dateien

Contao-Dateien

angepasste Dateien

templates

system/config

.htaccess

eigene Dateien

tl_files bzw. files

meta.txt

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 7

Voraussetzungen

Webspace überprüfen

Contao 3 tauglich?

Contao-Check

Zugangs- daten

Analysieren

• Contao < 2.11?

• TYPOlight?

Contao-Version

• Aufbau der Site?

• CSS-Framework?

Layout

• eigene Templates?

• Änderungen dokumentiert?

Templates

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 8

Erweiterungen analysieren Er

we

iter

un

g

Contao 3.2 kompatibel

aktualisieren 3.2.x

nicht kompatibel

nicht wichtig deinstallieren 3.2.x

wichtig

Core Funktion

umbauen 3.2.x

Alternative verfügbar

ja installieren 3.2.x

nein 2.11.x

Informieren

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 9

Backup erstellen

• Systemwartung – Daten bereinigen

• Logdateien löschen

Installation entschlacken

• SQL-Dump mit phpMyAdmin

• [BackupDB] - "End of Backup"

Datenbank sichern

• per FTP, SSH o.ä.

• Systemdateien prüfen

Dateien sichern

Vorschlag für Ordner- und Domainstrukturen

Webspace organisieren

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 10

Ordner und Domains auf dem Webspace

Ordner

Nichts im Hauptordner (root) installieren

Ordner für jede Website erstellen, z. B. /website1/

Unterordner für jede Contao-Version, z. B. 2_11/ und /3_2/

Jede Contao-Installation hat eine eigene Datenbank.

Domains

Hauptdomain website.de zeigt auf Live-Site /contao/2_11/

Subdomain update.website.de zeigt auf Ordner /contao/3_2/

Domainzuweisung nach Update einfach ändern

Mehr dazu: kikmedia.de/blog/arbeiten-mit-subdomains.html

Ordner und Domains vor dem Update

/

website1

2_11

3_2

usw.

website2 usw.

http://website.de

http://update.website.de

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 11

Ordner und Domains nach dem Update

/

website1

2_11

3_2

usw.

website2 usw.

http://website.de

http://update.website.de

1. Einführung

2. Vorbereitung

3. Durchführung

4. Nachbereitung

5. Fazit

Inhaltsübersicht

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 12

1. Das Live Update

Live Update innerhalb einer Major Version

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 13

Live Update: Angepasste Templates

Templates

nur zur Dokumentation

keine Speichermöglichkeit

Live Update: Distributionsfremde Dateien

Löschen

check/

alte XML-Dateien

Task-Modul

Frontend-Template

Später drum kümmern

.htaccess

tl_files/

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 14

Live Update von Version 2 auf 3

!

Zwei Möglichkeiten

2. Das manuelle Update

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 15

Neue Contao-Version Dateien

Alte Contao Installation

Synchronisieren!

Möglichkeit 1: Mit Synchronisation

Installtool aufrufen für DB-Update

1

2

3

Möglichkeit 2: Ohne Synchronisation

Neue Contao-Version Dateien

Neue Datenbank

Eigene + angepasste Dateien - templates/* - system/config/* (neuer DB-Zugang) - tl_files/*

SQL-Dump alte DB

Installtool aufrufen für DB-Update

1

2

3

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 16

für manuelles Update und ggfs. Live Update

DB-Update mit Installtool

DB-Update in mehreren Schritten

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 17

1. Einführung

2. Vorbereitung

3. Durchführung

4. Nachbereitung

5. Fazit

Inhaltsübersicht

Backend – das erste Login

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 18

Erweiterungen aktualisieren

Datenbanktabelle tl_repository_installs

Frontend – vor dem Update

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 19

Frontend – nach dem Update

Mögliche Baustellen (1)

Layoutbereiche

Mehrspaltige Layouts mit "Holy Grail"

andere Reihenfolge im Quelltext: #main, #left, #right

kein horizontales margin und padding an Layoutbereichen

Alte Websites ohne "Mobile"-Optimierung

vor Contao 3.3

<meta viewport> deaktivieren

Styles aus Media Queries überschreiben

Artikel im Blog auf pmueller.de

ab Contao 3.3

In Seitenlayouts die Option RESPONSIVE LAYOUT ausstellen

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 20

Mögliche Baustellen (2)

Templates anpassen Änderungen dokumentiert?

alte und neue Templates abgleichen

< 2.10: Request Token und .tpl

Bildergalerien ul statt table

HTML5: figure mit margin

News und Events jetzt mit Inhaltselementen

Vollständigkeit checken

Tipp von Jan Theofel zur Rettung von Newsbeiträgen: bit.ly/contao3-update-newsitems

Mögliche Baustellen (3)

TinyMCE

Anpassungen für Benutzergruppen?

in Contao 3.3 kommt TinyMCE Version 4

Piwik und Google Analytics

in Seitenlayouts anpassen

ID im Template einfügen

.htaccess

alte .htaccess umbenennen, neue aktivieren

eigene Änderungen in neue .htaccess übertragen

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 21

Mögliche Baustellen (42)

Umstellung auf HTML5

XHTML-Templates auf HTML5 umstellen

ungebundene Selektoren im CSS?

.mod_navigation = okay

div.mod_navigation => nav.mod_navigation

Veraltete Inserttags

{{env::main_alias}} => {{page::mainAlias}}

{{env::main_name}} => {{page::mainTitle}}

de.contaowiki.org/Insert-Tags

Ordner tl_files in files umbenennen

1. BACKEND – SYSTEM – EINSTELLUNGEN: Upload-Ordner in files umbenennen

2. In der Datenbank alle Vorkommen von tl_files in files umbenennen:

a. Das PHP-Skript contao-db-update.php herunterladen https://gist.github.com/leofeyer/3304014

b. Im Skript die DB-Zugangsdaten eintragen und die Datei speichern

c. Datei hochladen und ausführen und danach per FTP löschen

3. Hardcodierte Vorkommen in Dateien von tl_files in files umbenennen

4. Ordner und Dateien aus tl_files in files verschieben

5. meta.txt umbenennen (for non English)

6. BACKEND – DATEIVERWALTUNG – SYNCHRONISIEREN

7. BACKEND – SYSTEMWARTUNG – DATEN BEREINIGEN Bildercache und Skriptcache leeren

8. Im Frontend nachschauen, ob alles am richtigen Platz ist.

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 22

1. Einführung

2. Vorbereitung

3. Durchführung

4. Nachbereitung

5. Fazit

Inhaltsübersicht

Take it easy, but take it.

Das Contao-

Update Handbuch

E-Book Coming soon auf boldt-media.de

Contao Konferenz 2014 Wissenswertes zu Contao Updates

boldt-media.de | pmueller.de 23

Vielen Dank für eure Aufmerksamkeit.

道 boldt-media.de pmueller.de