Nutzung in Gutenberg
- Reveal: <h3>Sanft einblenden</h3> <p>Dieser Block blendet ein, wenn er in den Viewport kommt.</p>
- Scroll-Zoom (Bild zoomt beim Hineinscrollen „zur Ruhe“):
- Tilt-Karte (3D-Neigung bei Mausbewegung): <h3>Tilt Card</h3> <p>Leichte 3D-Neigung per Maus.</p>
- Bild-Kacheln mit Hover:
Fasten
Gemeinsam leichterAtem & Vagus
SelbstregulationZwischen uns
Dialog & Grenzen
- Neuer Shortcode:
Fasten – gemeinsam leichter
Links bleibt das Bild beim Scrollen „kleben“. Rechts fließt dein Text.
- 7-Tage-Kreis (online / vor Ort)
- Tägliche Mikro-Impulse & Austausch
- Optional: Sprechstunde
Standard (Bild links, Text rechts):
Bild rechts (reverse):
[esan_parallax src="https://picsum.photos/1200/1600?random=207" reverse="1" top="12vh" height="75vh" radius="20" shadow="1"]
<h2>Atem & Vagus</h2>
<p>Selbstregulation im Alltag – Co-Regulation in der Gruppe.</p>
<a class="btn" href="#gruppen">Zum Atemkreis</a>
[/esan_parallax]
Ohne Schatten + andere Höhe:
Stille & Wort
Lauschendes Herz – Kraft aus Stille.
[esan_parallax src="https://picsum.photos/1200/1600?random=309" shadow="0" height="60vh"]
<h2>Stille & Wort</h2>
<p>Lauschendes Herz – Kraft aus Stille.</p>
[/esan_parallax]
5) Bonus-Idee: Kombi mit Scroll-Zoom im Text
Du kannst innerhalb des Parallax-Textes weitere Shortcodes nutzen, z. B.:
Ein Blick ins Feld
[esan_parallax src="https://picsum.photos/1200/1600?random=401"]
<h3>Ein Blick ins Feld</h3>
[esan_scroll_zoom src="https://picsum.photos/1600/900?random=402" alt="Scroll-Zoom" height="40vh"]
[/esan_parallax]