Skip to content

Erste Schritte

Stefan Apetz edited this page Nov 11, 2026 · 4 revisions

Erste Schritte: die erste eigene Seite

Voraussetzung: Installation abgeschlossen und mindestens ein FHEM-Device mit einem lesbaren Reading vorhanden.

1. Den Editor öffnen

Am CMS-Device CMS starten wählen. Die Werkzeugleiste enthält die Menüs Datei, Bearbeiten und Ansicht. Falls eine alte Installation Jetzt umstellen anbietet, zunächst die Umstellungsanleitung lesen.

Bei einer neuen, leeren Konfiguration erscheint der Einrichtungsassistent:

Einrichtungsassistent mit Beispieldaten

  • Mit leerer Startseite fortfahren: Die Oberfläche selbst gestalten.
  • Räume und Geräte auswählen: Räume und Geräte auswählen, die Vorschau prüfen und das Ergebnis ausdrücklich als Entwurf übernehmen.
  • Magic - auf gut Glück: Einen Entwurf aus erkannten Geräten erzeugen. Magic berücksichtigt höchstens acht Räume mit je acht Widgets; nicht erkannte Geräte können später von Hand ergänzt werden.

Der Assistent veröffentlicht keine Änderungen. Nach purge und Neuanlage eines Devices kann er erneut erscheinen. Erzeugte Bedienelemente können reale Geräte steuern. Die Abbildungen zeigen ausschließlich erfundene Testdaten.

Raumauswahl mit Beispieldaten

Die folgenden Schritte beschreiben den manuellen Ausbau mit leerer Startseite oder einer bereits bestehenden Einrichtung.

2. Ein Wert-Widget hinzufügen

  1. Bearbeiten → Widget hinzufügen öffnen.
  2. Das Widget Wert auswählen; die Widgetsuche hilft bei der Auswahl.
  3. Über die Geräteauswahl ein vorhandenes FHEM-Device suchen.
  4. Ein Reading auswählen, beispielsweise eine Temperatur.
  5. Einen Titel setzen, z. B. „Außentemperatur“.
  6. Passende Einheit eingeben, z. B. °C.
  7. Mit Speichern bestätigen.

Device- und Reading-Namen sind Beispiele, keine automatisch angelegten Sensoren. Wähle die tatsächlichen Namen aus deiner FHEM-Installation.

3. Größe und Position anpassen

Das Widget am Punktgriff verschieben. Am Griff unten rechts skalieren. Beide Änderungen rasten im Seitenraster ein. Die Werkzeuge erscheinen auf Mausgeräten beim Überfahren oder Tastaturfokus, auf Touchgeräten ohne Hover dauerhaft.

Warte, bis die Speicherung abgeschlossen ist. Die Änderung liegt nun als Entwurf vor.

4. Eine Überschrift ergänzen

Ein Textwidget hinzufügen, eine Überschrift und einen kurzen Einleitungstext eingeben, speichern und oberhalb der Anzeige platzieren. Eine große Seitentitelzeile entsteht nicht automatisch; du gestaltest sie selbst.

5. Vorschau prüfen

Unter Ansicht → Vorschau den Entwurf ohne Bearbeitungswerkzeuge ansehen. Zusätzlich die Geräte-Vorschau für schmale und breite Ansichten verwenden. Die Vorschau veröffentlicht nichts.

6. Veröffentlichen

Datei → Entwurf veröffentlichen wählen. Danach Zeige Homepage öffnen oder eine bestehende Homepage neu laden. Jetzt sind die Änderungen auch dort sichtbar.

Achtung bei Bedienelementen: Eine Vorschau ist nicht automatisch ein Simulationsmodus für angeschlossene Geräte. Zum gefahrlosen Experimentieren Testdevices verwenden; Schaltaktionen in der Ansicht können reale Geräte betreffen.

Nächste Ausbauschritte

Clone this wiki locally