When specifying fonts used locally in your theme in the typography field’s fonts argument, the will not render in the preview field. We’ve included an undocumented workaround in the typography field to fix this minor oversight. For the record, ‘undocumented’ is another way of saying the functionality is offered as a courtesy. Officially, the feature […]
Category: Advanced
Add a Custom Field
Adding a custom field to Redux is quite simple. It is important the following code is included before the ReduxFramework object is created. Hook into the overload filter Ideally, this call would be made in your own class. In this example, no class is needed. First, run the hook: The overload function Next, include the […]
Customizer Integration
Redux contains light customizer support. What does this mean? Simply put, it means Redux supports all of the default fields the WordPress customizer supports. Here is a video demonstrating how implementation of customizer support may be used in your theme.
Loading Extensions in Your Code
Extensions are one of the most powerful features of Redux. Any part of Redux can be overloaded to do ANYTHING with extensions. RUN BEFORE YOU CONFIG FILE For extensions to work, you MUST run the extension loader and any config files BEFORE your options panel code. Otherwise it will not be applied. A limitation of […]
Adding Another Icon Web Font to the Panel
Redux uses Elusive Icons in our panel. Why? @aristath, a good friend of the Redux team designed the icon pack. As a result, any icon we want to use, we can. We understand our choice in icon pack may not match or suit everyone’s needs. This is why we’ve made it super easy to add […]
Custom Panel CSS
We understand customization is important to any developer. That’s why we’ve provided a few useful hooks to enqueue or dequeue our default CSS files. Interested? Read on! Appending CSS Let’s say you want to append some custom CSS to your panel. Here is how this is accomplished: Replacing CSS If you believe you have a […]
Updating a CSS File Dynamically
One of Redux’s most underrated features is the ability to update a CSS file on your server dynamically using compiler output. In other words, it’s possible to update a single CSS’s file contents when a user changes any given option. It’s one step above using Redux’s output feature which updates the CSS within the actual […]
Embedding Redux into Your Theme or Plugin
So you have this really cool Theme or Plugin. And of course you love Redux because – let’s face it – who doesn’t? You understand how the Redux plug-in works, but the concept of a theme or plugin installing another plugin escapes you, or perhaps you don’t really care for TGM or any of its […]
Integrating a Compiler
This article deals specifically with integrating a basic compiler hook for any Redux field. For an in depth article on how to use the compiler hook to dynamically generate a CSS file, please view the Updating a CSS File Dynamically article. Setting up the Field Each and every Redux field has a `compiler` argument. By […]