CMS einsetzen und bewirtschaften

Die meisten Websites von KMU, Vereinen und Gemeinden laufen auf einem CMS wie WordPress oder TYPO3. In diesem überbetrieblichen Kurs wählst du ein passendes System für einen Auftrag, installierst es auf einem Webhosting und passt Theme und Layout an das Corporate Design an. Du strukturierst Inhalte, Medien und Menüs, erweiterst die Website gezielt mit Plugins und richtest Rollen für die Redaktion ein. Damit die Seite auch in einem Jahr noch sicher läuft, planst du Updates und Backups und führst die Redaktion in die Pflege ein.

Das sind die Fähigkeiten, die am Ende des Moduls sitzen sollten. Jedes Ziel mit einem Beispiel aus dem Lehrbetrieb.

1. 1

   Ein passendes CMS für einen Auftrag auswählen und begründen

   Kompetenz A

   Du vergleichst Systeme anhand der Anforderungen: Wer pflegt Inhalte? Braucht es Mehrsprachigkeit, Shop oder Mitgliederbereich? Wie viel darf Betrieb und Wartung kosten? Daraus leitest du eine nachvollziehbare Empfehlung ab.

   Situation

   Ein Restaurant in Interlaken und die Gemeindeverwaltung eines Nachbarorts suchen beide eine neue Website. Das Restaurant will Menükarte auf Deutsch und Englisch, die Gemeinde braucht 15 Redaktoren mit abgestuften Rechten und strenge Barrierefreiheit.

   Deine Aufgabe

   Empfiehl beiden ein CMS und begründe deine Wahl in einer Entscheidungsmatrix.

   Gutes Ergebnis

   Restaurant: WordPress mit Polylang, einfache Bedienung, tiefe Kosten. Gemeinde: TYPO3, weil Rechteverwaltung, Mehrsprachigkeit und Workflows für viele Redaktoren eingebaut sind und viele Schweizer Verwaltungen es einsetzen. Matrix mit sechs gewichteten Kriterien.

   AnforderungsanalyseEntscheidungsmatrixOpen Source vs. BaukastenTotal Cost of OwnershipMehrsprachigkeit
2. 2

   Ein CMS lokal und auf einem Webhosting installieren und grundkonfigurieren

   Kompetenz A

   Du legst Datenbank und Datenbankbenutzer an, installierst das CMS, setzt sichere Zugangsdaten und konfigurierst Grundeinstellungen wie Permalinks, Zeitzone, Sprache und HTTPS. Du arbeitest zuerst lokal und überträgst die Seite dann auf den Server.

   Situation

   Für einen Musikverein in Wil sollst du WordPress auf einem Schweizer Shared Hosting aufsetzen.

   Deine Aufgabe

   Installiere WordPress und richte die Grundeinstellungen ein.

   Gutes Ergebnis

   Datenbank 'mv_wp' mit eigenem Benutzer und langem Passwort, Tabellenpräfix 'mvw_' statt 'wp_'. Admin-Benutzer nicht 'admin', sondern persönlicher Name mit 2FA. Permalinks auf 'Beitragsname', Zeitzone Zürich, Sprache Deutsch (Schweiz), HTTPS erzwungen.

   Datenbank und DB-Benutzerwp-config.phpPermalinkslokale EntwicklungsumgebungHTTPS
3. 3

   Theme und Layout an das Corporate Design anpassen

   Kompetenz B

   Du wählst ein schlankes, gepflegtes Theme und passt Farben, Schriften und Abstände im Site Editor oder über ein Child-Theme an. Eigene Anpassungen gehen so bei Theme-Updates nicht verloren.

   Situation

   Der Musikverein hat ein CD mit Dunkelrot #8B1E2D und der Schrift 'Source Sans 3'. Das gewählte Block-Theme zeigt Blau und eine Standardschrift.

   Deine Aufgabe

   Passe das Theme an das CD an, ohne die Theme-Dateien direkt zu ändern.

   Gutes Ergebnis

   Farbpalette und Typografie in den globalen Stilen (theme.json eines Child-Themes) definiert, Schrift lokal eingebunden. Kopf- und Fussbereich als Template-Teile angepasst. Ein Theme-Update überschreibt nichts.

   Block-ThemeSite EditorChild-Themeglobale Stile / theme.jsonTemplate-Teile
4. 4

   Inhalte, Medien und Menüs strukturiert anlegen und pflegen

   Kompetenz C

   Du unterscheidest Seiten für dauerhafte Inhalte von Beiträgen für News, setzt Kategorien sinnvoll ein und hältst die Mediathek ordentlich. Bilder lädst du optimiert und mit Alt-Text hoch, Menüs bildest du nach der Sitemap.

   Situation

   Der Musikverein will Konzerte, Vereinsnews, ein Register der Mitglieder und eine Bildergalerie pro Anlass.

   Deine Aufgabe

   Lege eine Inhaltsstruktur an, die die Redaktion ohne Hilfe pflegen kann.

   Gutes Ergebnis

   Seiten: Verein, Register, Mitmachen, Kontakt. Beiträge mit Kategorien 'Konzerte' und 'News'. Galerien als Galerieblock pro Beitrag, Bilder vorher auf 1600 px verkleinert. Hauptmenü mit fünf Punkten, Footer-Menü für Impressum und Datenschutz.

   Seiten vs. BeiträgeKategorien und SchlagwörterMediathekAlt-TextMenüswiederverwendbare Blöcke / Muster
5. 5

   Funktionen mit Plugins oder Extensions gezielt und sparsam erweitern

   Kompetenz D

   Du prüfst Plugins nach klaren Kriterien: aktive Installationen, letzte Aktualisierung, Bewertungen, Datenschutz und Hersteller. Du installierst nur, was wirklich gebraucht wird, und testest neue Plugins zuerst auf einer Staging-Umgebung.

   Situation

   Der Verein will ein Kontaktformular, einen Cookie-Hinweis und bessere Auffindbarkeit bei Google. Ein Vorstandsmitglied hat eine Liste mit 14 'coolen' Plugins geschickt.

   Deine Aufgabe

   Wähle die nötigen Plugins aus und begründe.

   Gutes Ergebnis

   Drei Plugins: ein verbreitetes Formular-Plugin mit Spam-Schutz, ein SEO-Plugin und ein Consent-Plugin, das externe Inhalte erst nach Zustimmung lädt. Die anderen 11 entfallen, weil sie veraltet sind oder das Theme die Funktion schon bietet.

   Plugin / ExtensionAuswahlkriterienStagingKontaktformularSEO-GrundeinstellungenConsent-Management
6. 6

   Den Betrieb mit Updates, Backups, Rollen und Sicherheitsmassnahmen gewährleisten

   Kompetenz E

   Du planst regelmässige Updates von Kern, Theme und Plugins, richtest automatische Backups ausserhalb des Servers ein und testest die Wiederherstellung. Benutzer bekommen nur die Rechte, die sie brauchen.

   Situation

   Eine Schreinerei in Langenthal hat seit zwei Jahren kein Update gemacht. Plötzlich leitet die Website auf eine Spam-Seite weiter.

   Deine Aufgabe

   Stelle die Seite wieder her und verhindere, dass es nochmals passiert.

   Gutes Ergebnis

   Wiederherstellung aus dem letzten sauberen Hoster-Backup, alle Passwörter neu gesetzt, Kern, Theme und Plugins aktualisiert, ungenutzte Plugins gelöscht. Danach tägliches Backup via UpdraftPlus auf externen Speicher, monatlicher Wartungstermin und 2FA für alle Admins.

   UpdatesBackup und RestoreBenutzerrollenZwei-Faktor-AuthentifizierungWartungsvertrag
7. 7

   Redaktorinnen und Redaktoren in die Pflege der Website einführen

   Kompetenz F

   Du erklärst den Menschen, die Inhalte pflegen, die wichtigsten Abläufe verständlich und erstellst eine kurze Anleitung. So bleiben Struktur und Gestaltung erhalten, auch wenn du nicht mehr dabei bist.

   Situation

   Die Aktuarin des Musikvereins soll künftig Konzerte und News selbst erfassen. Sie hat noch nie mit einem CMS gearbeitet.

   Deine Aufgabe

   Bereite eine 30-minütige Einführung und eine Anleitung vor.

   Gutes Ergebnis

   Rolle 'Redakteur' angelegt. Einführung mit drei Übungen: News erfassen, Bild hochladen, Konzert veröffentlichen. Zweiseitige PDF-Anleitung mit Screenshots und zwei kurzen Screencasts.

   Rollen und RechteRedaktionsanleitungScreencastVorlagen / Muster

Die Kompetenzmatrix zerlegt das Modul in Themenstränge und drei Stufen. Für den Kompetenznachweis solltest du überall mindestens Stufe 2 erreichen. Dein Stand bleibt in diesem Browser gespeichert und färbt Lernweg und Übungen ein.

Jonas ist im 2. Lehrjahr als Mediamatiker bei der Steiner Medien AG in Burgdorf, einem Druck- und Medienunternehmen mit 60 Mitarbeitenden. Eine Bäckerei-Konditorei mit vier Filialen im Emmental braucht eine neue Website, die das Verkaufsteam selbst pflegen kann. Jonas übernimmt das Projekt von der Wahl des Systems bis zur Übergabe.

1. Kapitel 1

   WordPress, TYPO3 oder Baukasten?

   Jonas vergleicht drei Lösungen nach Budget, Pflegeaufwand und Funktionen wie Filialseiten und Tagesangeboten. Er entscheidet sich für WordPress, weil die Bäckerei kein IT-Personal hat und das Budget bei CHF 6000 liegt. Zuerst baut er die Seite lokal mit Local auf und zieht sie später auf ein Schweizer Shared Hosting mit HTTPS um. Das Admin-Konto heisst nicht 'admin' und ist mit einem langen Passwort und zweitem Faktor geschützt.

   Ziel 1Ziel 2

2. Kapitel 2

   Brotbraun statt Standardblau

   Das Corporate Design der Bäckerei verlangt ein warmes Braun und eine Serifenschrift. Jonas wählt ein Block-Theme und passt Farben, Schriften sowie Kopf- und Fussbereich im Site Editor an. Weil er die Farbpalette anfangs direkt in den Theme-Dateien geändert hatte und ein Update alles zurücksetzte, legt er die Anpassungen nun in einem Child Theme mit theme.json ab.

   Ziel 3

3. Kapitel 3

   Filialen, Torten und Tagesangebote

   Jonas plant eine Struktur mit Seiten für Sortiment, Filialen und Tortenbestellung sowie Beiträgen für News und Tagesangebote. Für die Tortenbestellung prüft er drei Formular-Plugins und wählt das mit regelmässigen Updates und Datenspeicherung in Europa. Ein Plugin für Mehrsprachigkeit lässt er weg, weil die Kundschaft fast nur Deutsch spricht. Die Fotos verkleinert er vor dem Hochladen auf 1600 Pixel Breite, wodurch die Startseite von 9 MB auf 1.4 MB schrumpft.

   Ziel 4Ziel 5

4. Kapitel 4

   Wer darf was?

   Das Verkaufsteam erhält die Rolle Redakteur, nur die Geschäftsführerin ist Administratorin. Jonas richtet mit UpdraftPlus ein tägliches Backup auf einen externen Speicher ein und testet die Wiederherstellung auf einer Kopie der Website. Für Updates vereinbart er mit der Bäckerei einen monatlichen Wartungstermin, bei dem er vorher sichert und danach die wichtigsten Seiten durchklickt.

   Ziel 6

5. Kapitel 5

   Das Tagesangebot selbst erfassen

   In einer einstündigen Schulung zeigt Jonas zwei Verkäuferinnen, wie sie das Tagesangebot als Beitrag erfassen und ein Foto hochladen. Danach erstellt er eine zweiseitige Anleitung mit Screenshots. Nach einer Woche fragt er nach und stellt fest, dass die Fotos oft schief und dunkel sind. Er ergänzt die Anleitung um drei Tipps zum Fotografieren mit dem Handy und eine fertige Vorlage für den Beitrag.

   Ziel 7

1. 1

   CMS verstehen und auswählen

   ca. 2 Std.

   Du lernst, wie ein CMS aufgebaut ist, und vergleichst verschiedene Systeme für konkrete Aufträge.

   • Skizzieren, wie Browser, Webserver, PHP, Datenbank und Theme bei einem Seitenaufruf zusammenspielen
   • Drei Schweizer KMU-Websites untersuchen und herausfinden, mit welchem CMS sie laufen
   • Eine Entscheidungsmatrix für einen Auftrag ausfüllen

   Trainiert Kompetenz A1

   Lernziel1

2. 2

   Installation und Grundkonfiguration

   ca. 3 Std.

   Du installierst ein CMS lokal und auf einem Testhosting und richtest es sicher ein.

   • WordPress mit Local oder XAMPP lokal installieren
   • In phpMyAdmin die Datenbank und die Tabellen ansehen
   • Grundeinstellungen (Permalinks, Sprache, Zeitzone, Benutzer) vornehmen

   Trainiert Kompetenz A1A2

   Lernziel2

3. 3

   Design anpassen

   ca. 4 Std.

   Du bringst ein Theme ins Corporate Design, ohne Updatesicherheit zu verlieren.

   • Ein Child-Theme anlegen
   • Farben, Schriften und Abstände in den globalen Stilen definieren
   • Kopfbereich, Footer und ein Seitentemplate im Site Editor anpassen

   Trainiert Kompetenz B1B2

   Lernziel3

4. 4

   Inhalte und Erweiterungen

   ca. 5 Std.

   Du baust die Inhaltsstruktur auf und ergänzt nur die Plugins, die es wirklich braucht.

   • Seiten, Beiträge, Kategorien und Menüs nach einer Sitemap anlegen
   • Formular-, SEO- und Consent-Plugin auswählen, installieren und konfigurieren
   • Eine zweite Sprache mit Polylang einrichten

   Trainiert Kompetenz C1C2D1D2

   Lernziel45

5. 5

   Betrieb, Sicherheit und Übergabe

   ca. 4 Std.

   Du sicherst die Website ab und übergibst sie an die Redaktion.

   • Backup einrichten und eine Wiederherstellung auf einer zweiten Installation testen
   • Rollen anlegen und 2FA aktivieren
   • Eine Kurzanleitung schreiben und eine Einführung im Rollenspiel durchführen

   Trainiert Kompetenz E1E2F1F2

   Lernziel67

CMS

Content-Management-System: Software, mit der Inhalte einer Website ohne Programmierkenntnisse erstellt und gepflegt werden.

Theme

Paket aus Vorlagen und Stilen, das bestimmt, wie eine CMS-Website aussieht.

Child-Theme

Theme, das ein anderes erweitert und eigene Anpassungen updatesicher enthält.

Plugin / Extension

Erweiterung, die einem CMS zusätzliche Funktionen gibt, z.B. Formulare oder Mehrsprachigkeit.

Permalink

Dauerhafte, lesbare URL einer Seite oder eines Beitrags.

Staging

Kopie der Website, auf der Änderungen und Updates getestet werden, bevor sie live gehen.

Benutzerrolle

Satz von Rechten, der festlegt, was eine Person im CMS tun darf.

Block-Editor

Editor in WordPress, in dem Inhalte aus einzelnen Blöcken wie Absatz, Bild oder Galerie zusammengesetzt werden.

Passende Module