ACF Gallery Field as a Responsive Grid
Adds an [acf_gallery name="gallery"] shortcode that shows an ACF gallery field as a lazy-loaded, responsive image grid linking to the full-size files.
Snippet Library
WordPress code snippets, ready to use
3,040 free snippets from the WPIDE team and the community. Copy the code, or add any snippet to your site in one click with WPIDE.
ACF Image Field Shortcode
Adds an [acf_image name="hero" size="large"] shortcode that outputs a responsive image from an ACF image field, whatever return format the field uses.
Astra: Change the Mobile Menu Breakpoint
Changes the screen width at which the Astra theme switches to the mobile (hamburger) menu, useful when a long menu wraps on tablets.
Cap the Largest Image Size in srcset
Stops browsers on large screens from downloading huge image versions by leaving very wide sizes out of the responsive srcset list.
Disable Responsive Image srcset
Stops WordPress from adding srcset and sizes attributes to images, for sites where an image CDN already serves the right size.
Equal-Height Card Grid Style (SCSS)
Turns any Columns or Group block with the class "card-grid" into a responsive grid of equal-height cards with shadows and hover lift.
Fluid Heading Sizes (SCSS)
Makes headings scale smoothly between mobile and desktop sizes with CSS clamp(), generated from a simple size table, so titles never look too big on phones.
Hide Blocks on Mobile or Desktop With a CSS Class
Adds hide-on-mobile, hide-on-tablet and hide-on-desktop classes you can put in any block's "Additional CSS class" field to show it only on certain screen sizes.
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.
Make Content Tables Scroll on Small Screens
Wraps tables in posts and pages in a scrollable container so wide tables no longer break the layout on phones.
Member Directory Shortcode
Adds a [wpide_members] shortcode that lists members with their avatar and display name in a responsive, paginated grid, shown only to logged-in visitors by default.
Post Type Grid Shortcode
Adds a [post_grid type="..."] shortcode that shows any post type as a responsive grid of cards with image, title and excerpt, so a regular page can act as its archive.
Responsive Columns Shortcode
Adds [layout_columns] and [layout_col] shortcodes that place content side by side in two, three or four columns and stack them on phones, for classic editor content and page builders without a columns tool.
Responsive Video Embeds From ACF oEmbed Fields
Wraps the output of ACF oEmbed fields in a 16:9 container and adds lazy loading, so embedded videos scale to the screen instead of overflowing on phones.
Responsive Video Embeds for Classic Themes
Makes YouTube, Vimeo and other embedded videos scale to the width of the content on phones and tablets, for older themes that leave them at a fixed size.
Scrollable Tables on Mobile
Lets wide tables in your content scroll sideways on small screens instead of breaking the layout or overflowing the page.
Show the Navigation Block's Mobile Menu on Tablets Too
Switches the Navigation block to its hamburger (mobile) menu up to 1024px wide instead of 600px, so long menus no longer squeeze or wrap on tablets.
Stack Tables Into Labeled Cards on Phones
On small screens, turns each row of the tables in your content into a card where every value is shown with its column heading, so wide tables can be read without sideways scrolling.
Team Members Grid Shortcode
Adds a [team] shortcode that shows team members with photo, name and job title in a responsive grid, optionally filtered by department.
Testimonials Grid Shortcode
Adds a [testimonials] shortcode that shows testimonials as a responsive grid of quotes with the customer's name, role and star rating.
Turn On Fluid Typography
Makes font sizes from the theme presets scale smoothly between phone and desktop widths, so large headings never overflow on small screens.
Turn On Modern Block Features in Classic Themes
Enables wide and full alignments, responsive embeds, spacing, border, line height and link color controls for classic themes that never declared them.
Widget Area Above the Footer
Registers an "Above the Footer" widget area and shows its widgets in a responsive row just above the site footer, in classic and block themes.