Hide on Mobile / Hide on Desktop Classes
Adds utility classes you can put on any block (hide-on-mobile, hide-on-tablet, hide-on-desktop) to show different content on different screen sizes.
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.
Hide the Header on Scroll Down, Show It on Scroll Up
Slides the sticky site header out of view while visitors scroll down to read and brings it back as soon as they scroll up, giving content more room on small screens.
Hide the reCAPTCHA Badge
Hides the floating Google reCAPTCHA v3 badge in the bottom corner of every page.
Highlight the Menu Link of the Section in View
Marks the menu link that points to the section currently on screen (for one-page sites with #about, #services links), updating as visitors scroll.
Icon After External Links
Adds a small arrow icon after links in post content that point to other websites, so readers know they will leave your site.
Keep the Footer at the Bottom on Short Pages
Stops the footer from floating halfway up the screen on pages with little content, by letting the main area grow to fill the window. Works with block and classic themes.
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.
Limit Post Titles and Excerpts to a Few Lines in Grids
Cuts long post titles to two lines and excerpts to three lines in blog grids and Query Loop blocks, so cards line up neatly whatever the text length.
Log In / Log Out Item in the Menu
Appends a "Log in" link to your main menu for visitors and a "Log out" link for logged-in users, returning them to the same page.
Make Whole Cards Clickable
Makes an entire Group, Column or Query Loop card with the class "wpide-card-link" clickable, using the link in its heading, so visitors don't have to hit the small title link.
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.
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.
Mega Menu Layout for Menu Items (SCSS)
Turns the dropdown of any menu item with the CSS class "mega-menu" into a wide, multi-column panel, in classic theme menus and the Navigation block.
Modal Window Shortcode (No Cookies, No Library)
Adds a [wpide_modal button="Open"]...[/wpide_modal] shortcode that shows a button which opens its content in an accessible modal window, built on the native dialog element.
Monthly/Yearly Pricing Toggle
Adds a switch that flips prices on your pricing page between monthly and yearly amounts, using simple data attributes on any element that shows a price.
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.
Nicer Styling for Details (Accordion) Blocks
Gives the Details block and other summary/details elements a clean accordion look with a border, padding and a rotating arrow.
Open Dropdown Menus With the Keyboard
Shows a classic theme's dropdown submenu while a keyboard user tabs through it, for themes whose dropdowns only open on mouse hover.
Open Only One Details Block at a Time
Makes neighboring Details blocks behave like an accordion: opening one question closes the others in the same group, which keeps long FAQs tidy.
Pause Autoplaying Videos When Off Screen
Pauses background and autoplaying videos when they scroll out of view or the browser tab is hidden, and resumes them when they come back, saving battery and data.
Play Videos on Hover
Plays muted Video blocks with the class "wpide-hover-play" while the mouse is over them and pauses when it leaves, like product previews in online stores.
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.
Prevent Double Form Submissions
Disables a form's submit button and shows "Sending…" right after it is clicked, so impatient visitors cannot send comments, enquiries or orders twice.