Print the Page Address and Date on Printouts
Adds a line with the page's web address and the print date at the bottom of printed pages, so paper copies can always be traced back to the original.
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.
Print-Friendly Styles
Hides navigation, sidebars, comments and the admin bar when a page is printed, and prints link addresses after external links.
Progress Bar Shortcode
Adds a [wpide_progress value="75" label="Funding goal"] shortcode that draws a labeled progress bar, for fundraising goals, skills or project status.
Reading Progress Bar
Shows a thin bar at the top of the window that fills up as the visitor scrolls through the page.
Reveal Blocks on Scroll
Fades and slides content blocks into view as the visitor scrolls. Add the class "reveal" to any block in the editor (Advanced > Additional CSS class) to animate it.
Reverse Column Order on Phones
Flips the stacking order of a Columns block with the class "wpide-reverse-mobile" on phones, so an image placed on the right appears above its text instead of below.
Rotating Testimonials
Shows the items inside any block with the class "wpide-rotator" (for example Quote blocks in a Group) one at a time, rotating every few seconds with dot buttons to pick one.
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.
Scrollable Tables on Mobile
Lets wide tables in your content scroll sideways on small screens instead of breaking the layout or overflowing the page.
Scrolling Logo Strip (Marquee)
Turns any block with the class "wpide-marquee" (a Gallery, Row or Group of logos) into a smooth, endlessly scrolling strip that pauses on hover.
Share or Copy a Highlighted Quote
Shows a small toolbar when readers highlight text in a post, with buttons to copy the quote with a link back or share it on X, Bluesky or LinkedIn.
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.
Show/Hide Button on Front-End Password Fields
Adds an accessible "Show" button inside password fields on the front of the site (account, checkout and membership forms), so visitors can check what they typed.
Simple Share Buttons After Posts
Adds lightweight share links for X, Facebook, LinkedIn, WhatsApp and email at the end of each post, with no third-party scripts or tracking.
Slim Custom Scrollbar
Replaces the default browser scrollbar with a thinner one in your brand colors on desktop browsers.
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.
Smooth Open and Close Animation for Details Blocks
Animates Details (accordion) blocks so the answer slides open and closed smoothly instead of jumping, in browsers that support animating to auto height.
Smooth Scrolling for Anchor Links
Makes in-page anchor links scroll smoothly instead of jumping, while respecting visitors who prefer reduced motion.
Spacing Utility Classes (SCSS)
Generates margin and padding helper classes such as mt-2, mb-4 and px-3 from a spacing scale, to fine-tune block spacing with an extra CSS class.
Sticky Header Row in Long Tables
Keeps the header row of long tables in posts visible while visitors scroll down through the rows, so they always know which column is which.
Sticky Header That Shrinks on Scroll
Keeps your theme's header pinned to the top of the screen and adds a shadow and smaller padding once the visitor scrolls down.
Sticky Sidebar
Keeps the sidebar visible while visitors scroll through long posts on desktop screens, so your widgets and calls to action stay in view.
Stop Sideways Scrolling on Phones
Prevents the whole page from scrolling sideways on phones when a wide image, embed or full-width block sticks out a few pixels past the screen edge.
Stop Sticky Headers Covering Jump-Link Targets
Leaves space above headings and sections when visitors follow a #link, so the target is not hidden under a sticky header or the admin bar.