Flex Editor
Das letzte mal angepasst: 12-04-2024Der Flex-Editor ist ein Produkt, mit dem Sie viele Elemente Ihrer Plattform anpassen können. Sie können z. B. die Reihenfolge ändern, Farben anpassen, eine andere Variante eines vorhandenen Elements wählen, Teile der Website unsichtbar machen und neue Funktionen zu Seiten hinzufügen.
Um den Flex-Editor zu nutzen, wird er als Zusatz zu Ihrer Lizenz hinzugefügt. Sie können den Editor dann auf jeder Website unter Ihrer Lizenz verwenden. Wenn Sie loslegen möchten, wenden Sie sich bitte an Ihren Kundenbetreuer.
Bedienung Flex-Editor
- Allgemeine
- Themeneinstellungen
- Standardschaltflächen innerhalb von Komponenten
- Hinzufügen von
- Komponenten
- Anpassung auf einer Live-Website
- Welche Seiten können Sie anpassen?
- Welche Optionen gibt es (noch) nicht im Flex-Editor?
1. Allgemeines
Wenn der Flex-Editor aktiviert ist, können Sie darin arbeiten, indem Sie sich bei der Plattform anmelden. Wenn Sie als Website-Administrator eingeloggt sind und zur Homepage gehen, sehen Sie links einen Schieberegler. Damit wird der Flex-Editor geöffnet:
Die Leiste zeigt alle Komponenten an, die Sie anpassen können. Je nach Konfiguration der Website gibt es hier mehr oder weniger Komponenten, die Sie anpassen können (z. B. Kopfzeile, Beschreibung usw.).
Wenn Sie mit dem Mauszeiger über eine Komponente fahren, haben Sie normalerweise bis zu drei Optionen zur Auswahl:
- Komponententitel
Wenn Sie eine Komponente bearbeiten möchten, klicken Sie einfach mit der Maus auf den Komponententitel. So gelangen Sie zu allen Optionen, die Ihnen für die jeweilige Komponente zur Verfügung stehen. - Pfeil
Wenn Sie mit der Maus auf den Pfeil klicken und ihn gedrückt halten, können Sie die Reihenfolge der Komponenten ändern, indem Sie sie nach oben oder unten ziehen. - Drei Punkte
Unter den drei Punkten finden Sie die Option, eine Komponente unsichtbar zu machen. Bei benutzerdefinierten Komponenten finden Sie unter den drei Punkten auch die Option zum Löschen der Komponente.
Die von Ihnen vorgenommenen Änderungen werden sofort an dem Ort sichtbar, an dem Sie gerade arbeiten. Erst wenn Sie sie veröffentlichen, werden sie gespeichert und verarbeitet.
Haben Sie Schwierigkeiten, die richtige Komponente im Flex-Editor zu finden? Dann können Sie auch zu der Komponente gehen, die Sie auf der Seite ändern möchten. Wenn Sie den Mauszeiger über die Komponente bewegen, erscheint ein Rahmen um die Komponente und ein Bleistift. Wenn Sie darauf klicken, können Sie die Komponente bearbeiten.
2. Thema Einstellungen
Wir unterscheiden zwischen Einstellungen, die das gesamte Thema betreffen, und Einstellungen pro Komponente. Die Einstellungen des Themas können Sie sich als globale Einstellungen vorstellen. Hier legen Sie die allgemeinen Farben, die Schriftart und die Farben der Schaltflächen fest. Um die Theme-Einstellungen anzupassen, gehen Sie auf das Globus-Symbol oben rechts im FlexEditor, neben dem Logo.
In den Theme-Einstellungen können Sie die Farben, die wichtigsten Call-to-Action-Schaltflächen und die Schriftart auf der Website anpassen. Die Vererbung gilt für alle drei Bereiche. Die Änderungen, die Sie z. B. auf der Ebene der Website vornehmen, wirken sich auch auf das Segment, das Projekt usw. aus. Sie können jedoch auf jeder Ebene angepasst werden.
Es besteht auch die Möglichkeit, die Themeneinstellungen Farbe und Call-to-Action-Schaltflächen auf Komponentenebene außer Kraft zu setzen.
Thema Farben
Hier haben Sie die Möglichkeit, die Grund- und Kontrastfarbe einzustellen sowie einigen spezifischen Elementen wie dem Seitenhintergrund, dem Titel, dem Text und dem Hyperlink eine Farbe zuzuweisen.
Darüber hinaus können Sie bis zu sieben weitere Farben hinzufügen, die als Themenfarben für Ihre Website dienen. Die Farben, die Sie hier hinzufügen, können dann auch auf den Ebenen darunter und innerhalb der Komponenten gewählt werden.
So wird Ihr Hausstil schnell und effizient auf die Plattform übertragen. Ohne viel Aufhebens oder einen falschen Farbcode. Bei Änderungen innerhalb Ihres Hausstils können Sie alles in kürzester Zeit von einem Ort auf Ihrer Plattform aus anpassen.
Call-to-Action-Schaltflächen
Hier können Sie die Farben und die Schriftart der Schaltflächen für Spenden, Aktion starten und Projekt starten anpassen.
Schriftarten
Hier ändern Sie die Schriftart für die gesamte Website, das Segment oder das Projekt. Je nach Ebene, auf der Sie die Änderung vornehmen. Wenn Sie eine andere Schriftart wählen möchten, sehen Sie sofort eine Vorschau der Schriftart.
3. Standardschaltflächen innerhalb von Komponenten
Beim Anpassen von Komponenten können Sie mehrere Registerkarten verwenden. Die Registerkarte "Optionen" ist immer vorhanden. Darüber hinaus können Sie (je nach Komponente) die Registerkarten "Layout" und "Inhalt" verwenden.
Layout
Die Layout-Option sagt etwas über die Platzierung und Präsenz von Elementen innerhalb der Komponente aus. Im Banner können Sie zum Beispiel wählen, ob Sie die Schaltfläche "Spenden", "Aktion starten" oder "Projekt starten" ein- oder ausschalten möchten. Für die Metrik (der Block mit der Anzahl der Aktionen, Teams usw.) können Sie wählen, ob die leeren Zahlen angezeigt werden sollen, und für die Schaltflächen zum Teilen können Sie wählen, in welcher Position sie sich befinden sollen, welche Ansicht es ist und welche Ränder und Ausrichtung sie haben sollen. Dies sind Beispiele für zusätzliche Optionen, die Sie für den Inhalt der Komponente haben.
Optionen
Die Registerkarte Optionen befasst sich mit dem Design der Komponente. Hier können Sie z. B. Farbe, Hintergrund, Abstand zwischen Komponenten und Elementen innerhalb der Komponente anpassen. Im Allgemeinen finden Sie hier Einstellungen, die unter Global fallen. Diese beziehen sich auf die gesamte Komponente. Außerdem finden Sie hier die Bezeichnungen "Inhalt" oder "Karte". Diese beziehen sich auf kleinere Teile innerhalb einer Komponente. Zum Beispiel finden Sie in der Komponente "Ausgewählte Projekte" auch ein Dropdown-Menü mit der Bezeichnung "Karte". Sie werden sehen, dass sich die Einstellung nur auf die hervorgehobenen Projekte auswirkt. In diesem Fall sind das die "Karten".
Schließlich finden Sie Dropdown-Menüs innerhalb einer Komponente mit einem eindeutigen Namen. Ein gutes Beispiel ist "Socials" in der Fußzeile. Wie Sie sehen, sind diese Menüs sehr intuitiv, was die Anpassungsmöglichkeiten angeht.
Hier können Sie den Unterschied zwischen Global und Card sehen. In diesem Beispiel ist der grüne Teil der globale Teil (der sich auf die gesamte Komponente bezieht). Die Karte bezieht sich auf ihre einzelnen Komponenten.
Standardtasten und -funktionen.
Es gibt eine Reihe von Standardoptionen, die an vielen Stellen im Flex-Editor erscheinen.
Hintergrund
Hier können Sie einen Hintergrund für die Komponente (oder einen Teil der Komponente) hinzufügen, die Sie gerade anpassen. Wenn das Bild eine andere Größe hat als die Komponente selbst, wird in der Mitte ein Ausschnitt erstellt. In den erweiterten Optionen können Sie dann wählen, ob Sie dies beibehalten oder einen anderen Teil des Bildes anzeigen möchten. Sie können auch wählen, ob ein Teil eines Bildes wiederholt werden soll, und festlegen, was mit der Größe geschehen soll. Es gibt also viele Gestaltungsmöglichkeiten für die Einstellung des Hintergrunds.
Parallaxe
Mit der Einstellung Parallaxe bleibt das Bild im Hintergrund, wenn die Besucher nach unten scrollen. Dies synchronisiert sich auch mit mehreren Komponenten, die untereinander liegen und die gleiche Parallaxe haben:
Auf diese Weise können Sie einen Teil der Seite (mehrere Komponenten auf einmal) parallaxieren. Dies verleiht Ihrer Website mehr Tiefe und die Illusion, dass sich Elemente übereinander bewegen.
Deckkraft
Wenn Sie die Deckkraft des Bildes anpassen, wird es transparenter und Sie können es dezenter oder angemessener gestalten. Mit zunehmender Transparenz wird Ihr Hintergrund immer besser sichtbar. Wenn Sie eine Farbe wählen, können Sie sie auch (teilweise oder gar nicht) transparent machen.
Polsterung
Mit Padding können Sie den Leerraum um den Text innerhalb einer Komponente festlegen. Diese Werte können für alle vier Richtungen getrennt eingestellt werden. Also oben, unten, links und rechts. Durch Klicken auf die Büroklammer können Sie diese Proportionen beibehalten und alles auf einmal einstellen.
4. Hinzufügen von Komponenten
Sie können eine Komponente über die Schaltfläche "Komponente hinzufügen" am unteren Rand hinzufügen. Diese wird unten angezeigt und Sie können sie dann an die gewünschte Stelle ziehen. Sie können auch auf das Pluszeichen in der Struktur selbst klicken (siehe Screenshot). Sie fügen dann die Komponente direkt an dieser Stelle ein.
Sie können aus den folgenden Komponenten wählen:
Wenn Sie auf eine solche Komponente klicken, wird sie erstellt und Sie können ihren Inhalt bearbeiten. Auf der Registerkarte Inhalt fügen Sie zusätzliche Bilder und Textblöcke hinzu (falls vorhanden).
5. Vererbung
Der Flex-Editor arbeitet auch mit Vererbung. Farben, die Sie auf einer höheren Ebene festlegen, werden auch auf niedrigeren Ebenen angewendet. Und Sie können sie auf dieser unteren Ebene überschreiben. Die untere Ebene bezieht sich zum Beispiel auf ein Segment oder ein Projekt.
Ausnahmen sind die benutzerdefinierten Komponenten, die Sie selbst hinzufügen. Diese werden nicht automatisch auf eine längere Ebene vererbt. Benutzerdefinierte Komponenten sind spezifisch für die Seite, zu der Sie sie hinzufügen.
6. Wie kann man sie auf einer Live-Website anpassen?
Wir können den Vorschaumodus zunächst auf einer Website aktivieren, die bereits live ist. Dann können Sie als Website-Administrator im Dashboard auf die Schaltfläche Vorschau klicken:
Dann gehen Sie zum Frontend und sehen den Flex-Editor. Dort können Sie alle möglichen Änderungen vornehmen und speichern, und alle Änderungen sind nur für Website-Administratoren sichtbar. Sobald Sie bereit sind, können wir die Vorlage in Flexplate (unser Name für die Flex-Editor-Vorlage) ändern, und die Änderungen im Flex-Editor werden auch für die Besucher sichtbar sein. Auf diese Weise können Sie alles vollständig einrichten, bevor Sie es live schalten.
Manchmal kommt es vor, dass Sie bestimmte Änderungen bereits vornehmen möchten, diese aber den Besuchern noch nicht zeigen. Sie können dann Komponenten hinzufügen, sie nach Ihren Wünschen gestalten, sie unsichtbar machen und speichern. Sind Sie bereit, sie der Welt zu zeigen? Dann schalten Sie sie sichtbar und speichern Sie erneut.
7. Welche Seiten können Sie individuell gestalten?
Sie können die Einstellungen auf den folgenden Seiten vornehmen:
- Homepage
- Segment-Seite
- Projekt-Seite
- Inhalt der Seite
Zu den Inhaltsseiten gehören die Menüseiten, zu denen auch Kontakt und Tipps gehören. Sie können den Inhalt der Tipps nicht bearbeiten. Eine mögliche Umgehung besteht darin, die Seite mit den Tipps nicht anzuzeigen (sie unsichtbar zu machen) und einen benutzerdefinierten Block mit Ihren eigenen Tipps hinzuzufügen.
8. Welche Optionen gibt es (noch) nicht im Flex-Editor?
Die folgenden Dinge sind noch nicht möglich:
- Ê Sie können Änderungen auf Aktions-, Team- oder Unternehmensebene vornehmen. Ê Sie
- können
- Stile auswählen, um
- eine Komponente zu einem bestimmten Zeitpunkt automatisch live zu schalten (dies ist immer noch ein manueller Vorgang) Ê
- Nutzen Sie die Versionskontrolle, mit der Sie leicht zu einer früheren Version zurückkehren können. Ê
- Fügen Sie Ihre eigenen Komponenten hinzu, indem Sie
- separate Varianten für verschiedene Geräte erstellen
Dies kann sich in Zukunft ändern.
Häufig gestellte Fragen
Das könnte dich auch interessieren