My website www.cinemagraph.nl is created in wordpress. I use a theme created by a very smart dude in Portugal (www.pirenko.com) and made him customize everything to suit my needs.
In my opinion it is key for visitors to see as much work as possible in one page. Problem with cinemagraphs is, when you use multiple moving pieces on one page, it slows down the whole thing a lot. On my homepage you will see 5 cinemagraphs moving all at once. It’s not the fastest loading page on the web but fast enough. I really wanted to have the loops playing automatically without having to scroll, hover, click, in short: without any action from the viewer.
When you go to the gallery, things get a little more complicated. Multiple pieces are shown here and it would not work to have them playing all at once, so we used a rollover function here to make them play. Clicking makes them fullscreen.
For mobile it is yet another story. In the gallery the main image is video, the rest are GIFS. Not the best quality but it does show movement which in my eye is the most important feature of a cinemagraph.
I get a lot of positive feedback and in general I’m still quite pleased with how we put everything together. Let me know if you have any feedback or questions, and don’t hesitate to reach out to my friend Pirenko, he is a wordpress wizzard!