How to Apply Skins' Style with Different Editor Load Levels
Learn how to use the JetStyleManager plugin for WordPress to save a widget’s style settings as a skin for further application to other widgets and to reduce the loading speed by using the saved skins.
Before you start, check the tutorial requirements:
- Elementor (Free version)
- JetStyleManager plugin installed and activated
Set Full Editor Load Level
Open the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetElements > General Settings section. Here, set the needed level in the Editor Load Level drop-down menu instead of the default “Full” option.
Settings will be saved automatically.
Create a Design
Open the page in the Elementor editor and drop the widget you would like to use for the creation of the skin. For this example, we use the JetElements plugin’s Pricing Table widget.
Find the widget in the search bar and drag-n-drop it to the page.
Style the widget up in the Style menu tab.
Finally, save the page.
Create a Skin
Click the right mouse button on the widget’s surface, and in the window, click the “Save as Skin” button.
In the opened box, name the skin and click the “Save” button.
We saved the skin using the specific Style settings for the Pricing Table widget. We can now use it with a lower Editor Load Level.
Apply the Skin at the Lower Loading Level
Now we return to the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetElements > General Settings section and select the “None” option in the Editor Load Level drop-down menu to improve page load time.
Go back to the Elementor editor and either insert a new Pricing Table widget at a specific location or duplicate the one you’re using. Now this widget looks as follows. Moreover, the Style tab is not available.
Then right-click the widget and choose “Apply Skin”.
In the window, click the “Apply” button next to the skin you’ve created.
We get the same widget design we set before, even though the Style settings aren’t available. Now you just need to change the content.
That’s it. Now you know how to use the JetStyleManager plugin for WordPress to save a widget’s style settings as a skin for further application to other widgets and to reduce the loading speed by using the saved skins.