Mindblown: a blog about philosophy.
-
How To Create Custom Blocks For WP Grid Builder
This tutorial shows how to register a custom block (not to be confused with a Gutenberg block) for use in WP Grid Builder‘s card builder using the wp_grid_builder/blocks filter and how to add it inside a card applied to a posts grid. Example: ACF Image Block We shall display the value of an Image-type custom…
-
Grid View and List View Toggles in Oxygen
This members-only tutorial provides the steps to set up Grid View and List View buttons on the posts page (blog posts index) in Oxygen. We shall set it up such that posts will appear in grid view (2 columns) by default on the first page load. clicking on the List View button will add a…
-
Enable/disable Oxygen on specific pages and deactivate plugins from loading in Oxygen editor using Freesoul Deactivate Plugins
What’s better than being able to selectively dequeue assets of plugins? Being able to selectively stop them from completely loading without actually deactivating them! Freesoul Deactivate Plugins: Plugin Manager is an excellent free plugin using which we can disable Oxygen or any other plugin(s) on specific views.deactivate unwanted plugins that load cookie consent/live chat panels…
-
Settings Page in Oxygen using Meta Box
This members-only tutorial for intermediate to advanced users provides the steps to register a settings page in WordPress + Oxygen site using Meta Box, attach a custom fields group and display the field values conditionally. Step 1 – Register a Settings page Install and activate Meta Box. Next, install and activate either MB Settings Page…
-
User Profile Pages in Oxygen
This members-only tutorial provides the steps to repurpose author archives as public user profile pages in Oxygen. Screenshot of example.com/user/sridhar The tutorial also covers creating a ACF (Advanced Custom Fields) field group having custom fields that users can fill in their profiles and have them appear on the front end. Step 1 This is a…
-
Building a Custom Gutenberg Block (Flickity) using ACF Pro
This tutorial is for intermediate developers that are looking for a practical example on how to build a custom Gutenberg block using ACF Pro. Prerequisite: You should have at least skimmed the official documentation on ACF Blocks. Elliot Condon, the genius behind ACF shows how a slider block can be built in 30 min here.…
-
Loading posts using AJAX in Oxygen
This members-only tutorial provides the steps to dynamically pull and display the post data when a post’s title link is clicked using AJAX (without page refresh) in Oxygen. We shall use an Easy Posts component to output title links of the 5 latest posts in the left column. use another Easy Posts component to output…
-
Animated Annotations in WordPress with Rough Notation and Intersection Observer API
Rough Notation is a small JavaScript library to create and animate annotations on a web page. This premium tutorial provides the steps to set up animated annotation (highlight, cross, circle, underline etc.) text on page load or as the text comes into view. By default Rough Notation shows all the animated annotations on page load.…
-
Setting up Oxygen on an existing site that uses a theme
A user asks in the Oxygen Facebook group: Hi all! Would love your thoughts on this question/scenario:How might be the best way to go about transition over a very active site (in production) that has a custom theme to utilizing Oxygen? For example, a news agency that posts 30+ articles a day and/or countless other…
-
Self-contained Re-usables in Oxygen
Most tutorials in this site that involve loading external assets (typically js and css files) require you to define where all they should be enqueued (loaded) in a custom functionality plugin. For example let’s say you want to use Flickity on the homepage for turning the Divs of Oxygen‘s Repeater into carousel items. The conventional…
-
Applying Multiple and/or Conditions in Oxygen
In this guide, we’ll go through some real world examples of using multiple conditions on elements where it may be confusing to set up or where it seems we need both the AND / OR condition type and ways to workaround it. If not from a developer background, conditions can be a bit tricky, especially…
-
Guide to Understanding OxyPowerPack’s Interactivity Engine
In this guide we’ll briefly look at OxyPowerPack’s Interactivity Engine. What it does, how to use it & what types of everyday things it can be useful for. It’s something we’ll be using in future tutorials for creating different types of user interactions in Oxygen. So, to prevent repeating the same information later, this post…
-
Understanding Oxygen’s Custom Selectors & Example Use Cases
If you prefer using Oxygen’s UI for styling elements rather than writing out CSS, but need more advanced targeting of elements, custom selectors can be ideal. What do Custom Selectors do? Oxygen’s UI is great for selecting elements and adding styles via their classes or ID, but styling with CSS isn’t always that simple. We…
Got any book recommendations?