Standardmäßig erlauben die meisten Komponenten beim Erstellen von Sites die Angabe von Ausrichtung, Breite und Abstandsoptionen im Einstellungsdialogfeld einer Komponente. Als Entwickler möchten Sie diese Optionen jedoch möglicherweise bei einer benutzerdefinierten Komponente ausblenden, um das Rendering von Inhalten durch Beitragende zu verhindern, das nicht dem Theme der Site entspricht. Beispiel: Wenn Sie ein konsistentes Look-and-Feel beibehalten möchten, bei dem eine Schaltfläche mittig angeordnet und der Abstand auf 30 Pixel festgelegt ist, können Sie die Optionen ausblenden, um sie in den Einstellungen zu ändern, indem Sie die Datei components.json des Themes bearbeiten.
Es kann vorkommen, dass Sie die ursprünglichen Standardeinstellungen einer benutzerdefinierten Komponente außer Kraft setzen möchten. Auch das ist durch Bearbeitung der Datei components.json möglich. Alle Änderungen an ursprünglichen Werten gelten nur für Komponenten, die zur Seite hinzugefügt wurden, nachdem die bearbeitete Datei components.json als neue Version hochgeladen wurde.
So blenden Sie die Einstellungsoptionen für Ausrichtung, Breite oder Abstand für eine Komponente in einem Theme aus:
true
.
"type":"scs-button", "id":"scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true,
"initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30
Der vollständige Eintrag in der Datei components.json zur Angabe von Standardwerten und um Ausrichtung, Breite und Abstandsoptionen im Einstellungsdialogfeld einer in einem Theme verwendeten Schaltflächenkomponente auszublenden, würde folgendermaßen aussehen:
[ { "name": "", "list": [ { "type": "scs-button", "id": "scs-button", "hideAlignmentAndWidth": true, "hideSpacing": true, "initialData": { "alignment": "center", "marginTop": 30, "marginBottom": 30 } } ] }, { "name": "Starter", "list": [ { "type": "component", "id": "StarterComponent", "themed": true }, { "type": "component", "id": "StarterFooter", "themed": true } ] } ]