7. Datei-Explorer (rechte Spalte) #
Allgemeines
– Der Explorer basiert auf `elFinder` und sitzt rechts im oberen Arbeitsbereich.
– Der Explorer folgt der Plugin-Darstellung. Im Dark Mode werden Toolbar, Dateiliste, Baum, Dialoge, Kontextmenüs, Hover- und Auswahlzustände dunkel dargestellt.
– Sichtbarer Root ist `wp-content/uploads/lcs-custom-css/`.
In andere, darüber liegende, Verzeichnisse kann nicht navigiert werden.
– Sichtbare Struktur: `archive`, `category`, `custom_post_type`, `footer`, `global`, `header`, `page`, `post`, `tag`, `template`
– Der Explorer ist bewusst kompakt und nicht als Fullscreen-Dateimanager ausgelegt.
– Der `(i)`-Button am Explorer-Titel enthält die Kurzinfo zu Root, Klick- und Doppelklick-Verhalten.
– Die aktive Zeile im Explorer ist bewusst kräftiger in der eingestellten Primärfarbe markiert, damit Auswahl und Symbolik klar sichtbar bleiben.
Bedienung
– Toolbar Navigation: (1) Zurück, (2) Vor, (3) Hoch
– Dateioperationen: (4) Ordner anlegen, (5) Neue CSS Datei, (8) Umbenennen, (9) Löschen
– Datentransfer: (6) Upload = Import, (7) Download = Export
– Zusatzfunktionen: Reload, (10) Suche, Info
Darstellung
– Die Toolbar nutzt vergrößerte lokale SVG-Icons; es werden keine Assets aus dem Internet geladen.
Neue Datei
– (5) `Neue Datei` ist als eigener Toolbar-Button direkt in die Explorer-Buttonleiste integriert.
– (5) `Neue Datei` legt eine neue CSS-Datei im aktuell geöffneten Explorer-Ordner an.
– Rechtsklick in den freien Bereich der rechten Explorer-Seite zeigt ebenfalls (12) `Neue CSS-Datei`.
– Beim Anlegen wirst du nach dem Dateinamen gefragt. Verwende einen Dateinamen mit Endung `.css`.
– Nach erfolgreicher Anlage erscheint die Datei sofort im Explorer und in der Dateitabelle und wird direkt in einem neuen Editor-Tab geöffnet.
Dateien öffnen
– Ein Klick auf eine Datei markiert diese.
– Ein Doppelklick auf eine CSS-Datei übernimmt den relativen Pfad und öffnet die Datei direkt im Editor.
– Rechtsklick auf eine CSS-Datei öffnet das Datei-Kontextmenü.
Dort kannst du die Datei
(16) `öffnen`, (17) `herunterladen`, (18) `umbenennen`,
(19) `löschen`, (20) `Informationen` anzeigen oder über
(21) `Zu CSS-Favoriten hinzufügen` als CSS-Dateifavorit speichern.
Favoriten:
– CSS-Dateifavoriten erscheinen links im eigenen Bereich `CSS-Favoriten`.
– Klick auf einen CSS-Dateifavoriten öffnet die Datei direkt im Editor-Tab.
– Rechtsklick auf einen CSS-Dateifavoriten bietet `Aus CSS-Favoriten entfernen`.
– CSS-Dateifavoriten werden lokal im Browser gespeichert. Sie sind eine Bedienhilfe im Admin und keine Datei-Metadaten in der Plugin-Datenbank.
– Die native elFinder-Funktion `Favoriten` bleibt für Ordner verfügbar; für Dateien nutzt das Plugin den eigenen Bereich `CSS-Favoriten`.
Ordner:
– Doppelklick auf einen Ordner öffnet den Ordner innerhalb des Explorers.
Sicherheitsrahmen:
– Nur `*.css` Dateien können erstellt, umbenannt oder hochgeladen werden
– Andere Dateitypen wie `php`, `js`, `html`, `exe`, `cmd` oder `sh` sind blockiert
– Der Root-Schutz wird serverseitig über den WordPress-Connector erzwungen
