Tested WordPress code snippets – page 4
Copy-paste snippets for blocks, block themes, security, performance, Tailwind CSS, PHP and React. New snippets every Monday, Wednesday and Friday, each one run in a real WordPress before it is published.
-
Extend Block page with category and screenshoot
This php snippet will provide you with a more efficient way of organizing and keeping track of your blocks in Oxygen builder.
-
WooCommerce Product Gallery Slider Without jQuery
A WooCommerce product gallery slider with CSS scroll snap and plain JavaScript: no jQuery, no CDN, assets only where the slider renders.
Category: WooCommerce -
Tailwind Starter Config files
Prepared config files to get you started fast with best practices
Category: Tailwind -
Load Scripts Organizer CSS/SCSS inside Gutenberg editor
Load the CSS of Scripts Organizer CSS or SCSS code blocks into the WordPress Gutenberg editor, so the editor canvas matches your site.
-
Limit WordPress Search Results to Posts Only
Limit WordPress search results to posts only, or to the post types you choose, without touching search forms that ask for a post type.
Category: WordPressTags: archive -
Custom Dashboard with Metabox
Great tutorial from John Aperture on how to create Admin Dashboard with Bricks and Metabox inspired by our previous tutorial Custom Dashboard with Visual Builders.
Category: MetaBox -
Replace the WordPress Dashboard With a Custom Page
Replace the WordPress admin dashboard with a page you built in Gutenberg, Bricks, Oxygen or Elementor, shown full width next to the admin menu.
Category: WordPress -
Email Admin When a WooCommerce Customer Account Is Created
Send the WordPress New User Registration email to the site admin whenever a customer creates a WooCommerce account at My Account or checkout.
-
WordPress Admin Menu as a Top Horizontal Bar
Move the WordPress admin menu from the left sidebar to a horizontal bar at the top with CSS only, with dropdown submenus and keyboard access.
-
Prevent Specific Javascript/jQuery script to run in Oxygen
Note : The use-cases for this are below : 1. Using Swiper Slider and want to edit all the slides in Oxygen and show slider view only on front-end. 2. Using Scripts that runs only on front-end or load after the page-load. In Oxygen builder they displays an error like ‘SCRIPTNAME’ is not defined or…
Category: OxygenTags: Tips -
Custom Block Library Categories
This code will add additional categories into oxygen block library
-
WooCommerce Product Slider with flexslider js in Oxygen
Create template that applies to Singular Products with Oxygen or if you have already created then edit. Add a Code Block where you want to display the product slider. Advanced > Size & Spacing > Width: 100%. PHP & HTML: I have added flexslider js and css CDN live link. So you can do on…
-
Style Oxygen Menu Element with Tailwind
Video Tutorial Basic oxygen structure with:div.container > list wrapper (with image inside) + menu element Front end preview Front end preview for mobile
-
Pause Oxygen Slider on Hover
If you need to pause the Oxygen Slider Element on hover, it is not there by default. Just use the below Javascript (jQuery) in a code-block on the and add the below code to JS section. Note : Just comment the PHP/HTML content middle Line.
Category: OxygenTags: Tips -
Hide a WordPress Widget Title With an Exclamation Mark
Hide the title of any classic WordPress widget by starting it with an exclamation mark, and keep the title in the widget admin.
Category: WordPress -
Disable FOUC on Oxygen Slider Element
The Oxygen slider element shows all slides once in a flash on page load then go correct styling. This is called FOUC (Flash Of Unstyled Content). If you are facing the same issue, here is the solution. Just follow steps. Copy your slider element ID in somewhere like notepad and add an extra class to…
Category: OxygenTags: Tips -
Replace Post’s publish date with a MetaBox custom field value (date picker)
If for any reason you need the Post’s publish date to be replaced by the value of a date-picker custom field. This has been made to work with MetaBox plugin, I cannot guarantee it will work easily with ACF or other equivalents. I used it because WP natively orders posts by publish date. On a…
Tags: Publish Date -
Replace WordPress Admin Post List Titles With Custom Fields
Show titles built from custom fields, taxonomy terms and the date in the WordPress admin post list, instead of (no title) rows.
Category: WordPress
3rd party plugins actions admin archive block-themes block editor Blocks block theme build capabilities core CSS Custom Post custom post types Developer development filters full site editing gutenberg hook hooks Image img load styles maintenance media mu-plugin Must Have npm Oxygen performance php plugins rest api scripts organizer security single product theme.json Tips updates users WooCommerce wordpress wp-cli WP Admin