Quantum-Viewports Features
Responsive Controls
Eine der zentralen Funktionen von Viewports ist die Möglichkeit, die BlockStyles des BlockEditors für verschiedene Bildschirmgrößen zu steuern.
Du musst keine zusätzlichen CSS-Dateien oder Media Queries für Basics wie Margin oder Padding einbinden, sondern kannst solche Änderungen für mobile, Tablet- und Desktop-Ansichten in der Gutenberg-Oberfläche vornehmen.
Überblick verschaffen mit Keyframe-UI
Jeder Viewport ist durch einen KeyFrame markiert, ähnlich wie in Video- oder Audioschnittprogrammen.
Sobald der ausgewählte Block über BlockStyles verfügt wird zu den entsprechenden Viewports jeweils ein Keyframe generiert auf den du klicken kannst, um das gerenderte CSS über die StyleList-UI einzusehen, zu löschen, oder wiederherzustellen.
Erweitere dein BlockTHeme
Eine der spannendsten Funktionen ist die registerRenderer Action des mitgelieferten DataStores.
Du kannst damit deine eigenen Style-Components registrieren, indem du dort deine Funktion anhängst, die für das rendern des CSS deines Style Attributes verantwortlich ist .
Quantum-Viewports überwacht dann die Änderungen in den Attributen für jeden Viewport.
