Wix Blocks: Panel-Elemente
4 Min. Lesezeit
Wix Blocks steht allen Nutzern von Wix Studio zur Verfügung. Um Zugriff auf Blocks zu erhalten, musst du Wix Studio beitreten.
Benutzerdefinierte Panels bei Blocks bestehen aus einzigartigen Panel-Elementen. Um die Panel-Elemente im Code deines Widgets zu verwenden, öffne den Code-Abschnitt im Panels-Tab (Artikel zurzeit nur auf Englisch verfügbar). Verwende Velos $w() Funktion, um Elemente nach ID auszuwählen:
1let myElement = $w("#myElement");
API-Referenz für Panel-Elemente
Verwende die API-Referenz der Panel-Elemente, um mit den Elementen im Panel-Code zu arbeiten. Beachte, dass diese temporäre Vorschau der API-Referenz von Velo nur für erste Nutzer von Blocks verfügbar ist.
Velo-Module für Panels
Damit Panel-Elemente mit deinem Widget interagieren und Aktionen im Editor ausführen können, verwende die folgenden Bausteine in deinem Panel-Code:
- wix-widget: Lege die Eigenschaften deines Widgets, deiner Design-Presets und mehr fest.
- wix-editor: Interagiere mit dem Editor, um Widget-Elemente zu entfernen oder wiederherzustellen, Verwaltungs-Panels zu öffnen und mehr.
Panel-Elemente
Die folgenden Panel-Elemente kannst du in deinen Panels verwenden. Du kannst die Elemente anpassen, sowohl im Blocks-Editor als auch über Velo-Code im Code-Abschnitt deines Panels. Beachte, dass alle Panel-Elemente Code benötigen, um zu funktionieren.
Panel-Slider
Schieberegler ermöglichen es Nutzern, eine Zahl aus einem bestimmten Bereich auszuwählen.
Panel-Miniaturbildern
Mit Miniaturbildern können Nutzer ein Element aus einer Reihe von Miniaturbildern auswählen.
Panel-Button
Ein Button auf deinem Panel.
Kontrollkästchengruppen
Kontrollkästchengruppen werden verwendet, um Nutzern die Möglichkeit zu geben, eine beliebige Anzahl der angegebenen Optionen auszuwählen.
Aufklappmenü
Aufklappmenüs werden verwendet, um Nutzern die Möglichkeit zu geben, aus einer Reihe von Optionen auszuwählen.
Radiobuttons-Gruppe
Radiobutton-Gruppen werden verwendet, um Nutzern die Möglichkeit zu geben, aus einer Reihe von Optionen auszuwählen.
Panel-Text
Ein Textelement (auch „Rich Text“ genannt) wird verwendet, um Text anzuzeigen, gefolgt von einem Link.
Texteingabe
Eingabeelemente werden verwendet, um Nutzern die Möglichkeit zu geben, kleine Textmengen einzugeben.
Schalter
Schalter werden verwendet, um Nutzern die Möglichkeit zu geben, eine einzelne binäre Auswahl zu treffen.
Abschnitts-Trennlinie
Abschnittstrennlinien zeigen eine Abschnittsüberschrift im Panel an.
Farbeingabe
Mit der Farbauswahl kann ein Website-Ersteller eine Farbe für ein oder mehrere Elemente auswählen.
Hinweise:
- Du kannst die Farbe nicht in der Blocks-Vorschau testen. Du musst du die App auf einer Website installieren, um die Farbe zu testen.
- Eine Farbauswahl ist ein guter Weg, Website-Erstellern die Möglichkeit zu geben, ein benutzerdefiniertes Element anzupassen.
- Wir empfehlen, ein benutzerdefiniertes Panel nicht mit dem Design-Aktionsbutton zu verknüpfen, da dieser im Wix Studio Editor nicht gut funktioniert. Stattdessen kannst du eine Hauptaktion mit dem Namen Design ändern erstellen. Mehr über das Verbinden von Aktionsbuttons erfahren
Panel-Schriftart und Farbauswahl
Mit der Schriftart- und Farbauswahl können Website-Ersteller eine Schriftart und ihre Farbe auswählen.
War das hilfreich?
|