Snippet Library
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.
Strips ?ver= from front-end CSS and JavaScript URLs when it equals the WordPress version, hiding it from the page source. Plugin and theme versions are left alone.
Changes the blue of primary buttons, links and focus rings across wp-admin to one accent color of your choice.
Styles the core Details block as a polished accordion with borders, a rotating plus icon and comfortable spacing, so FAQs look finished without a plugin.
Appends your own CSS to the stylesheet Beaver Builder generates for each layout, so it is cached and loaded together with the layout instead of on every page.
Adds the post type and slug of the current page plus a logged-in or logged-out class to the body tag, for precise CSS targeting.
Adds classes such as role-editor to the admin body tag, so you can write CSS that hides or highlights things for specific roles.
Recolors the admin sidebar menu and admin bar with your brand colors, set as a few SCSS variables at the top.
Makes links inside posts and pages underlined, so they can be recognised without relying on color alone, as WCAG requires for links in text.
Styles the first letter of every blog post as a large decorative drop cap, without having to switch it on block by block.
Turns on the browser's built-in hyphenation for post content in languages with long compound words, such as German, Dutch and Finnish, so narrow columns on phones stop showing large gaps.
Numbers the H2 and H3 headings inside any block with the class "wpide-numbered-headings" (1., 1.1, 1.2, 2.), ideal for guides, documentation and terms pages.
Styles the [az_index] letter bar as a row of buttons that stays visible while scrolling, and lays out each letter's entries in columns.
Adds a "wpide-elementor-page" class to the body of pages built with Elementor, so your theme CSS can treat designed pages differently from regular posts.
Adds a body class such as "acf-hide-title" when a true/false field is switched on for the current page, so you can change the layout with CSS alone.
Adds body classes such as "has-block-cover" or "has-block-gallery" for the main blocks a post or page contains, so CSS can adapt the header or layout to the content.
Restyles theme and block buttons with your brand color, hover and focus states, generated from a few SCSS variables.
Changes the highlight color when visitors select text on your site to match your brand.
Restyles the login screen with your own background, button and link colors.
Styles breadcrumb trails from the Breadcrumbs shortcode and popular SEO plugins with smaller muted text, chevron separators and a clear current page.
Flashes a soft highlight behind a heading or section when visitors arrive through a #link (from a table of contents or another page), so they instantly see where they landed.
Adds a smooth lift, shadow and color shift when visitors hover over or focus Button blocks, with motion turned off for people who prefer reduced motion.
Turns the page numbers under the blog, archives and Query Loop blocks into evenly sized rounded buttons with a clear current-page state.
Styles buttons from one brand color and picks black or white text automatically based on how light the color is, with matching hover and focus states, so button text always stays readable.
Replaces the version number on your theme's and plugins' CSS and JavaScript URLs with the file's last-modified time, so browsers and CDNs cache files for a long time but always fetch a fresh copy right after you change one.