hallowebsite Moodboard
Creates animated moodboards where images appear one by one and stack on a responsive stage. Positions and sizes are set in percent, and playback runs on a timer or on click, with loop and ping-pong modes.
Download v2.1.1Overview
hallowebsite Moodboard creates animated moodboards: images appear one after another and stack on top of each other on a stage, like photos laid out on a table. Every image has its own position and size in percent of the stage, so the composition scales cleanly on every screen. Images play automatically on a timer or step forward on click. The moodboard is placed with a simple shortcode, and the plugin has no dependencies.
Features
- Moodboard post type with a visual builder and drag & drop ordering.
- Per image: position (X/Y in %) and size as width % or height %, relative to the stage.
- Rendered as background-image layers, so the layout stays exact and responsive.
- Playback by timer or click, with an adjustable interval and fade.
- Loop modes: Stop, Loop, Pingpong (removes the images backwards).
- Options: start immediately, shuffle, cover/contain, background position, captions.
- Stage height, width and max width freely definable (e.g.
60vh,100%,100vw).
Usage
- Go to Moodboards → Add New.
- Click Add images and sort the images (the order is the stacking order).
- Set the position and size of each image in percent.
- Configure the stage, playback and background, then save.
- Copy the shortcode from the sidebar box and paste it on a page.
[moodboard id="123"]Settings
| Group | Option | Description |
|---|---|---|
| Stage | Height / Width / Max width | CSS values, e.g. 60vh, 100%. |
| Playback | Interval (sec), Fade (sec) | Time between images and the fade duration. |
| Playback | Interaction | Timer (automatic) or Click. |
| Playback | Loop mode | Stop, Loop or Pingpong. |
| Playback | Start immediately, Shuffle | Start on load and random order. |
| Background | Fit, Background position, Show caption | How images fill their box and whether captions appear. |
Notes
- Use percent values consistently. That keeps the composition identical on desktop and mobile.
- The Advanced JSON panel shows the stored configuration (read-only).
Changelog
Changed: - Rebranding: neuer Name „hallowebsite Moodboard“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/moodboard/ - Keine funktionalen Änderungen.