-
Countdown time with Tailwind CSS and JavaScript
A countdown timer is a great way to create urgency for an upcoming event, product launch, or special occasion. In this post, we will walk through a simple countdown timer using HTML, TailwindCSS for styling, and JavaScript for the countdown logic. HTML Structure Our HTML consists of a simple layout with four boxes to display…
Category: WordPress -
Lockdown Admin Backend to your IP
This code allows you to lock down your Wordperss Admin Backend so you can only see it from your current IP address. Open Your File Manager in your cpanel Navigate to the wp-admin folderhome > yoursite> public_html > wp-admin Create a file called.htaccess(it must have a (.) DOT) this is a hidden security file. Edit…
Category: WordPress -
Oxygen Template Condition in Scripts Organizer
One of our customer requested a code snippet to write a function which will check that if current post or page has a specific Oxygen template assigned.
-
Disable Emojis in WP
Add this code in functions.php or Code-snippet plugin of your choice.
Category: WordPress -
Add Tags and Categories to a Page
WordPress does not have the ability to add Tags and Categories to Pages by default. This is sometimes useful in order to filter pages easily using the Oxygen Repeater Element. Paste the Below Code in the PHP section of your favourite code editor and set Visibility to everywhere, no need for an extra plugin. Add…
Category: WordPress -
Redirect to page if only 1 result is found
Use this code to redirect a viewer directly to the page, if only 1 search result is found. Useful when people know exactly the model number they want for an ecom store.
Category: WordPress -
How to hide the admin bar?
In this tutorial you will learn now to hide the admin bar when logged in. This can be useful if you have a membership site and you don’t want to give users the ability to log out. To hide admin bar for all users To hide the admin bar for certain user levels. NOTE: Remember…
Category: WordPressTags: WP Admin -
Blur background on modal pop-up
This code allows you to blur the background when someone triggers a modal, it helps put focus on the modal and not the background. The blur strength can be adjusted as needed. Add this to the main style sheet.
Category: WordPress -
Custom language link WPML
Here’s a PHP snippet that you can use to return a custom link to a specific language for the current page using WPML. This will output the custom link for the specified language code and can be used on any page. Example 1: This will output a link that says “Switch to French” and links…
Tags: WPML -
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.
-
Limit the Search result to only POSTS
In WordPress, when you use the search form to search something, the result page contains POSTS and PAGES by default if it is Default WP_QUERY. Sometimes we don’t need Pages to be shown in search results or we need some Custom Post Type also to be included there. Here is a code-snippet for that. Implementation…
Category: WordPressTags: archive -
Custom Dashboard with Visual Builders
This can be used with Gutenberg, Oxygen, Bricks, Elementror or any other visual builder. This code is optimized for Scripts Organizer. I can not guarantee that it will work in other code plugins. Create code block Scripts Organizer settings: Inside the php replace iFrame SRC with your own url
Category: WordPress -
Notify Admin When New Account Is Created
Add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Scripts organizer plugin. Avoid adding custom code directly to your parent theme’s functions.php file, as this will be wiped entirely when you update the theme.
-
WordPress Admin – Top Horizontal Menu
Horizontal Admin Menu that works nice with Script Org or WP Admin Cleaner. Add the follwoing to Script Organiser or in WP Admin Cleaner under themes > inject custom CSS. It also comes with a the collapsed horizontal desktop menu too.
-
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…
-
Category: WordPress
-
Remove Widget Title Conditionally
If you want to remove the widget title conditionally just use the below code-snippet. I’m using Scripts Organizer to add it, you can also do it via any Code Snippet or functions.php if you are using a theme. Steps to use it in Scripts Organizer : Add a new code block, Set Trigger Location to…
-
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
3rd party plugins admin after_body Alt archive Blocks Category clean up composite elemenets core CPT CSS Custom Custom Post Dashboard flexslider Front End FSE full site editing Gallery hook HTML Image load styles Must Have notice Oxygen Password Permalink plugins Post List Publish Date repeater settings page share single product Taxonomy Taxonomy Term themes Tips Topbar WooCommerce wordpress WP Admin WPML