Marker-Pen Animation for Highlighted Text
Animates highlighted text (the <mark> tag from the toolbar's Highlight option) with a marker stroke that sweeps across as the words scroll into view.
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.
Nicer Line Breaks in Paragraphs and Headings
Avoids single orphan words on the last line of paragraphs and balances heading lines, using modern CSS text wrapping, for more polished typography.
Play YouTube Links in a Lightbox
Opens links to YouTube videos (with the class "wpide-video-lightbox" or around a thumbnail image) in a large on-page video player, and only contacts YouTube after the click.
Print-Friendly Styles
Hides navigation, sidebars, comments and the admin bar when a page is printed, and prints link addresses after external links.
Reading Progress Bar
Shows a thin bar at the top of the window that fills up as the visitor scrolls through the page.
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.
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.
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.
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.
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.
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.
Swipeable Carousel for Any Block
Turns a Group, Row, Gallery or Query Loop post list with the class "wpide-carousel" into a swipeable horizontal carousel with previous/next buttons, using native scroll snapping.
Tooltip Shortcode for Terms and Abbreviations
Adds a [wpide_tooltip tip="Explanation"]term[/wpide_tooltip] shortcode that shows a small explanation bubble on hover, tap or keyboard focus.
Transparent Header Over the Homepage Hero
Lays the header over the first section of the homepage with a transparent background and white text, then switches to a solid header once visitors scroll.
Typing Text Effect Shortcode
Adds a [wpide_typing words="faster|safer|simpler"] shortcode that types and deletes each word in turn, for lively hero headlines like "Make your site faster".
Use the System Font Stack
Switches the site's text to the fonts already installed on each visitor's device (San Francisco, Segoe UI, Roboto), which look native and load instantly.