Bedienung

Diese Anleitung erklärt den Bearbeitungsmodus sowie den Umgang mit Textseiten, Untermenüs, Bildern, Galerien und News.

Inhalte bearbeiten

Oben rechts anmelden.
Den Schalter Bearbeitungsmodus aktivieren.
Eine Textseite ohne Unterseiten öffnen.
Inhalt bearbeiten und am Ende der Editor-Werkzeugleiste mit dem Disketten-Symbol speichern.

Der Editor bietet HTML-Ansicht, Rückgängig/Wiederholen, Überschriften, Schriftarten und -grössen, Farben, Formatierung entfernen, Links, Sonderzeichen, Emoji, Bilder, Tabellen, Listen, Ausrichtung, Speichern und Vollbild. Das Disketten-Symbol speichert die aktuelle Seite. Zellrahmen lassen sich nach Seite, Farbe, Breite und Stil einstellen. PHP-Inhaltsdateien werden angezeigt, können aber nicht visuell gespeichert werden.

Textseiten und Untermenüs

Eine neue Seite wird als Ordner nach dem Schema NNNameTT angelegt, etwa seiten/05Kontakt01/: NN sortiert, Name erscheint im Menü und TT bestimmt den Seitentyp. Fehlt index.html, legt SB30 sie beim ersten Aufruf automatisch an. Dafür braucht der Webserver Schreibrechte.

seiten/02Dokumentation01/
├── 01Installation01/index.html
└── 02Bedienung01/index.html

Dokumentation ist dann nur die aufklappbare Navigationsebene. Die ersten zwei Ziffern sortieren, die letzten zwei wählen den in settings.php definierten Seitentyp.

Bilder

Die Schaltfläche Bild öffnet einen gemeinsamen Bilddialog. Dort kann ein neues JPG-, PNG-, GIF- oder WebP-Bild hochgeladen, ein vorhandenes Bild aus dem Bilderordner gewählt oder eine Bildadresse eingegeben werden. Eine Vorschau sowie Felder für Alternativtext, Breite und Ausrichtung stehen vor dem Einfügen bereit. Beim Upload wird der MIME-Typ geprüft, der Name bereinigt und ein Zeitstempel ergänzt.

Galerie

Galerieordner nach dem Schema NNName02 anlegen, etwa seiten/03Beispiele01/03Gallerie02/.
Darin org/ anlegen und Originalbilder hineinkopieren.
Galerieseite öffnen.

SB30 erzeugt fehlende Varianten in thumb/ und medium/. Vorhandene Varianten werden nicht aktualisiert. Nach Austausch eines Originals oder Änderung der Grössen müssen die betreffenden Ableitungen manuell entfernt werden.

Der Bildbetrachter unterstützt Escape, Pfeiltasten und Wischgesten. Über die Start/Pause-Schaltfläche oben links lässt sich eine Diashow einschalten. Sie wechselt alle vier Sekunden zum nächsten Bild. Mit der Leertaste kann die Diashow ebenfalls gestartet oder pausiert werden. Beim Schliessen des Bildbetrachters stoppt sie automatisch.

News und Blog

Eine News-Seite wird als Ordner mit dem Seitentyp 03 angelegt, zum Beispiel seiten/05News03/. Darin verwendet SB30 den Unterordner posts/.

Als Administrator anmelden und den Bearbeitungsmodus einschalten.
Die News-Seite im Menü öffnen.
Neuen Beitrag erstellen wählen.
Titel, Datum, Kurztext, optionalen Bildpfad und Inhalt eingeben.
Den Beitrag veröffentlichen oder vorerst verbergen.
Mit dem Disketten-Symbol speichern.