Modifier
This is a Demo Site with Custom Banner plugin

Frontend Edit Button Plugin

Dieses Plugin fügt den Frontend-Seiten eine Schaltfläche "Diese Seite bearbeiten" hinzu, wenn Sie mit einem Benutzerkonto mit Administratorrechten angemeldet sind. Nachdem Sie auf die Schaltfläche geklickt haben, wird das Admin-Dashboard in einem anderen Tab in Ihrem Browser geöffnet, in dem Sie mit der Bearbeitung der Seite beginnen können.

WICHTIG (1): Wenn kein Benutzer als Administrator (Superuser) angemeldet ist, wird der Button nur angezeigt, wenn dies explizit in den Plugin-Einstellungen eingestellt wurde! Standardmäßig muss ein Benutzer angemeldet sein, um die Schaltfläche zu sehen.

WICHTIG (2): Sie können sich nicht über dieses Plugin selbst anmelden. Sie müssen sich mit dem Login anmelden, um das Administrator-Dashboard aufzurufen. Wenn Sie nicht angemeldet sind, wird der Anmeldedialog von GRAV CMS angezeigt.

Es funktioniert auch, wenn Sie ein Admin-Dashboard in einem anderen Tab Ihres Browsers geöffnet haben. Sobald Sie eingeloggt sind und Seiten bearbeiten können, wird der Button auf den Frontend-Seiten angezeigt. Sobald Sie sich abmelden, können Sie keine der angezeigten Seiten mehr bearbeiten. Die automatische Aktualisierung verhindert dies.

Anforderungen
Dieses Plugin erfordert, dass Sie die folgenden Plugins installiert und aktiviert haben:

Administrator
Anmeldung
Installation
Die Installation des Frontend-Edit-Button-Plugins kann auf verschiedene Weise erfolgen. Die Installationsmethode GPM (Grav Package Manager) ermöglicht die schnelle und einfache Installation des Plugins mit einem einfachen Terminalbefehl, während die manuelle Methode dies über eine ZIP-Datei ermöglicht.

GPM-Installation (bevorzugt) **
Der einfachste Weg, dieses Plugin zu installieren, ist über den Grav Package Manager (GPM) über das Terminal Ihres Systems (auch als Befehlszeile bezeichnet). Aus dem Stammverzeichnis Ihres Grav-Installationstyps:

bin/gpm install frontend-edit-button
Dadurch wird das Frontpage Edit Button-Plugin in Ihrem /user/plugins-Verzeichnis in Grav installiert. Seine Dateien finden Sie unter /your/site/grav/user/plugins/grav-frontend-edit-button.

Git-Klon
Im Ordner user/plugins Ihrer Site:

git-Klon https://github.com/enovision/grav-frontend-edit-button
Manuelle Installation
Um dieses Plugin zu installieren, laden Sie die Zip-Version dieses Repositorys herunter und entpacken Sie es unter /your/site/grav/user/plugins. Benennen Sie dann den Ordner in grav-frontend-edit-button um. Sie finden diese Dateien auf GitHub oder über GetGrav.org.

Sie sollten jetzt alle Plugin-Dateien unter haben

/your/site/grav/user/plugins/grav-frontend-edit-button
HINWEIS: Dieses Plugin ist eine modulare Komponente für Grav, die Grav und die Fehler und Probleme benötigt, um zu funktionieren.

Aufbau
Bevor Sie dieses Plugin konfigurieren, sollten Sie die Datei user/plugins/grav-frontend-edit-button/grav-frontend-edit-button.yaml nach user/config/plugins/grav-frontend-edit-button.yaml kopieren und nur diese bearbeiten Kopieren.

Hier ist die Standardkonfiguration und eine Erläuterung der verfügbaren Optionen:

aktiviert: wahr
Position der Schaltfläche Folgende Optionen stehen zur Verfügung:

(tr) Oben rechts (Standard)
(tl) Oben links
(br) Unten rechts
(bl) Unten links
Position: tr
Label auf der Schaltfläche anzeigen

showLabel: true
Symbol anzeigen (erfordert das Laden von Fontawesome, es funktioniert, wenn Sie das Plugin Markdown Font Awesome installieren)

showIcon: true
WICHTIG: Wenn sowohl showLabel als auch showIcon deaktiviert sind, wird intern automatisch showLabel = true verwendet.

Nur sichtbar nach Login

erfordertAuth: wahr
Verwendungszweck
Wenn das Plugin aktiviert ist, gibt es nichts weiter zu tun, es wird die Schaltfläche auf den Frontend-Seiten anzeigen.

Es ist jedoch möglich, die Frontend-Bearbeitung pro Seite auszuschalten, indem Sie im Header einer Seite (frontmatter) Folgendes hinzufügen:

schützenEdit: wahr
Erfrischend
Dieses Plugin verfügt über einen einfachen eingebauten Mechanismus, der auf eine Unschärfe und einen Fokus des betreffenden Browser-Tabs reagiert. Sobald Sie auf die Schaltfläche klicken, wird das Dashboard in einer anderen Registerkarte im Browser geöffnet. Sobald Sie auf die soeben verlassene Seite zurückklicken, indem Sie auf die Schaltfläche klicken, wird diese Seite automatisch aktualisiert.

Diese Aktualisierung wird immer ausgeführt, wenn Sie die Registerkarte verlassen (unschärfen) und auf die Registerkarte mit der angezeigten Seite zurück klicken (fokussieren).

CSS und JavaScript
Das erforderliche CSS und JavaScript wird nur geladen, wenn das Plugin die Voraussetzungen für die Ausführung erfüllt.

CSS
Sie können das Design der Schaltfläche ändern, indem Sie die Datei style.scss im Ordner scss ändern. Es ist erforderlich, dass die folgenden CSS-Tags intakt bleiben:

frontend-edit-button {

position: fixed;
z-index: 10000;
padding: 5px;
}

frontend-edit-button.top {

top: 0;
}

frontend-edit-button.bottom {

bottom: 0;
}

frontend-edit-button.left {

left: 0;
}

frontend-edit-button.right {

right: 0;
}
Sie können das SASS kompilieren, indem Sie im Stammverzeichnis des /assets-Ordners dieses Plugins ./sass.cmd eingeben. Es ist erforderlich, dass Sie den Compiler installiert haben.

i18n
Es ist eine Sprachdatei für mehrsprachige Unterstützung verfügbar

Credits
Das großartige GRAV CMS Team für den Aufbau eines so großartigen CMS.
Nick Bell für die Korrektur einiger Pfadfehler
Christian Bewernitz für das Hinzufügen der Option Login-Anforderung (Version 1.0.7)


0 Comments: