Before/After Image Comparison Slider
Adds a [wpide_compare before="URL" after="URL"] shortcode that overlays two images with a draggable divider, perfect for renovations, retouching and redesigns.
Snippet Library
Frontend & Design snippets for WordPress
Snippets that change how your site looks and behaves for visitors: a back-to-top button, announcement bars, custom fonts and styles, smooth scrolling and small layout fixes. For designers and site owners polishing the front of the site.
Discourage Copying Images and Text
Disables right-click and dragging on images, and optionally text selection in post content, to discourage casual copying of your work.
Fade In Images as They Load
Makes content images fade in smoothly when they finish loading instead of popping in, for a more polished feel.
Lazy-Load Background Images
Loads background images only when their section is about to scroll into view, for any element marked with data-wpide-bg="image-url", saving bandwidth on long landing pages.
Lightweight Image Lightbox
Opens linked images in post content in a full-screen overlay instead of a new page, with keyboard and click-to-close support and no external library.
Masonry Layout for Gallery Blocks
Shows images in any Gallery block with the class "wpide-masonry" in a Pinterest-style masonry layout, keeping each photo's natural shape instead of cropping it.
Same-Size Thumbnails on Blog and Archive Pages
Crops featured images on blog, category and search pages to the same 16:9 shape, so post grids line up evenly even when images have different sizes.
Shimmer Placeholders While Images Load
Shows a soft animated "skeleton" shimmer in the space of content images until each image has loaded, so pages feel faster and less jumpy on slow connections.
Slow Zoom (Ken Burns) Effect for Cover Images
Adds a slow, cinematic zoom to the background image of any Cover block with the class "wpide-ken-burns", for more lively hero sections without video.
Subtle Parallax Effect for Images
Gives images inside blocks with the class "wpide-parallax" a gentle parallax movement while scrolling, adding depth to hero and feature sections.