Sichtbarkeit¶
Voraussetzung
Modul Block-Sichtbarkeit muss unter Theme → Module aktiv sein.
Diese Seite ist noch im Aufbau
Das Gerüst steht, die ausführliche Beschreibung folgt. Die Angaben zu Modul, Blöcken und Einstellungen sind geprüft.
Wozu¶
Das Modul ergänzt jeden Block um Sichtbarkeitsregeln — die eigenen Blöcke des Themes wie die von WordPress. Die Einstellungen erscheinen in der Blockseitenleiste.
Zwei Anwendungsfälle:
- Ein Element nur auf großen Bildschirmen zeigen, etwa eine ausführliche Navigation, und mobil eine kompakte Fassung.
- Ein Element nur in bestimmten Templates zeigen.
Dazu kommt ein Sticky-Verhalten: Ein Block bleibt beim Scrollen stehen, einstellbar je Bildschirmgröße und mit Abstand nach oben.
Einstellungen¶
| Einstellung | Bedeutung |
|---|---|
| Sichtbarkeit je Viewport | je Bildschirmgröße ein- oder ausblenden |
| Sichtbarkeit je Template-Kontext | nur in bestimmten Templates zeigen |
| Sticky je Viewport | ab welcher Größe der Block stehen bleibt |
| Sticky-Abstand | Abstand nach oben im Sticky-Zustand |
Verwenden¶
Ausgeblendet ist nicht ungeladen
Ein ausgeblendeter Block wird weiterhin ausgeliefert und nur per CSS versteckt. Für die Ladezeit bringt das Ausblenden also nichts, und Screenreader können den Inhalt je nach Umsetzung erreichen.
Wer einen Inhalt wirklich nicht ausliefern will, braucht zwei getrennte Templates oder das Nachladen über Dynamic Content.
Entwicklertipps¶
Die Attribute heißen twVisibilityByViewport,
twVisibilityByTemplateContext, twStickyViewport und
twStickyViewportGap.
Sie werden über register_block_type_args an alle Blocktypen gehängt.