Home

fhem-cms – das Anwenderhandbuch

Eigene Smart-Home-Oberflächen gestalten, ohne jede Seite von Hand zu programmieren.

fhem-cms verbindet die Geräte und Readings von FHEM mit einem grafischen Seiteneditor. Aus Anzeigen, Bedienelementen, Texten, Bildern und Links entsteht eine persönliche Oberfläche für Rechner, Tablet und Smartphone.

Dieses Wiki beschreibt die stabile Version 1.9.0 und den aktuellen Schema-5-Editor. Entwicklungsfunktionen sind nicht automatisch Bestandteil der stabilen Version.

Echte, für die Dokumentation freigegebene CMS-Ansicht vom 12.11.2026. Die Aufnahme zeigt den zu 1.9.0 gehörenden Funktionsstand auf der Testinstanz.

Neu in 1.9.0

• Interne Seiten als Modal-Popup öffnen, ohne die Hauptseite zu verlassen.
• Bilder zuschneiden und skalieren, als Varianten neben dem Original.
• LinkWidget-Größe passend zum Inhalt; nötige Nachbarverschiebungen vorab ansehen und ausdrücklich bestätigen. Kachelbilder bereits im Editor sehen.
• Gesamte Inhaltsbreite nutzen, mit verbessertem mobilen Umbruch und Navigation im Hoch-/Querformat.
• Escape schließt auch die fokussierte Geräte-Vorschau; VERSION bleibt bei fehlgeschlagener Initialisierung sichtbar.

Neu: Theme-Manager

Mit Forest Green, Hell, Liquid Glass, OLED Black und Catppuccin Mocha gestaltest du dein CMS unter Bearbeiten → Seiteneinstellungen. Bilder können pro Seite oder gemeinsam verwendet werden; die Smartphone-Vorschau zeigt Änderungen direkt. Theme-Manager und Hintergrundbilder erklärt auch die Liquid-Glass-Regler und das Veröffentlichen.

Neu hier?

1. Idee und Funktionsumfang kennenlernen
2. Voraussetzungen und Zugriffsschutz prüfen
3. Installieren und das erste CMS-Device anlegen
4. In wenigen Schritten die erste Seite erstellen
5. Entwurf, Vorschau und Veröffentlichen verstehen

Das Handbuch

Bereich	Seiten
Einführung	Systemidee, Begriffe, Voraussetzungen und Sicherheit
Einrichtung	Installation, Updates und Versionen, Erste Schritte
Gestaltung	Editor und Veröffentlichen, Theme-Manager, Seiten und Navigation, Layout und mobile Ansicht
Widgets	Übersicht, Anrufliste, Wert, Uhr und Status, Thermostat und Steuerung, Tabelle, Diagramm und SolarFlow
Inhalte	Text und Bilder, Platzhalter und freies HTML, LinkWidget, Assetmanager
Betrieb	Historische Daten, Sicherungen und Umstellung, Dateien und Befehle, Fehlerhilfe und FAQ
Praxis	Beispielprojekt

Drei wichtige Regeln

• Seitenänderungen sind zunächst Entwürfe. Die Homepage ändert sich erst durch Veröffentlichen.
• Assetaktionen wirken sofort. Hochladen, Umbenennen, Verschieben und Löschen werden nicht durch „Entwurf verwerfen“ rückgängig gemacht.
• Der Bearbeitungsmodus ist kein Zugriffsschutz. Anmeldung und Rechte müssen in FHEM/FHEMWEB eingerichtet werden.

Projekt und Hilfe

• Quellcode und README
• Veröffentlichte Versionen
• Fehler oder Ideen melden
• Anwenderdokumentation im Repository

Keine Zugangsdaten, privaten Adressen oder unbereinigten Konfigurationsdateien in öffentliche Issues oder Wiki-Beispiele übernehmen.