hallowebsite Moodboard
Erstellt animierte Moodboards, in denen Bilder nacheinander erscheinen und sich auf einer responsiven Bühne stapeln. Positionen und Größen legst du in Prozent fest, der Ablauf läuft per Timer oder Klick – mit Loop- und Pingpong-Modus.
Download v2.1.1Überblick
hallowebsite Moodboard erstellt animierte Moodboards: Bilder erscheinen nacheinander und stapeln sich auf einer Bühne übereinander – wie Fotos, die auf einem Tisch ausgelegt werden. Jedes Bild hat eine eigene Position und Größe in Prozent der Bühne, dadurch skaliert die Komposition auf jedem Bildschirm sauber mit. Die Bilder laufen automatisch per Timer ab oder schalten per Klick weiter. Eingebunden wird das Moodboard mit einem einfachen Shortcode, das Plugin hat keine Abhängigkeiten.
Funktionen
- Inhaltstyp Moodboards mit visuellem Builder und Sortierung per Drag & Drop.
- Pro Bild: Position (X/Y in %) und Größe als Breite % oder Höhe %, bezogen auf die Bühne.
- Ausgabe als Hintergrundbild-Ebenen – das Layout bleibt exakt und responsiv.
- Ablauf per Timer oder Klick, mit einstellbarem Intervall und Überblendung.
- Loop-Modi: Stop, Loop, Pingpong (entfernt die Bilder rückwärts).
- Optionen: sofort starten, zufällige Reihenfolge, cover/contain, Hintergrundposition, Bildunterschriften.
- Bühnenhöhe, -breite und maximale Breite frei festlegbar (z. B.
60vh,100%,100vw).
Verwendung
- Moodboards → Neu hinzufügen.
- Add images klicken und die Bilder sortieren (die Reihenfolge ist die Stapelreihenfolge).
- Position und Größe jedes Bildes in Prozent festlegen.
- Bühne, Ablauf und Hintergrund einstellen, dann speichern.
- Den Shortcode aus der Box in der Seitenleiste kopieren und auf einer Seite einfügen.
[moodboard id="123"]Einstellungen
| Gruppe | Option | Beschreibung |
|---|---|---|
| Stage | Height / Width / Max width | CSS-Werte, z. B. 60vh, 100%. |
| Playback | Interval (sec), Fade (sec) | Zeit zwischen den Bildern und Dauer der Überblendung. |
| Playback | Interaction | Timer (automatisch) oder Click. |
| Playback | Loop mode | Stop, Loop oder Pingpong. |
| Playback | Start immediately, Shuffle | Beim Laden starten und zufällige Reihenfolge. |
| Background | Fit, Background position, Show caption | Wie Bilder ihre Fläche füllen und ob Bildunterschriften erscheinen. |
Hinweise
- Durchgehend Prozentwerte verwenden – so bleibt die Komposition auf Desktop und Mobil identisch.
- Das Feld Advanced JSON zeigt die gespeicherte Konfiguration (nur lesen).
Changelog
Changed: - Rebranding: neuer Name „hallowebsite Moodboard“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/moodboard/ - Keine funktionalen Änderungen.