Archives: Docs

All Templates Button

Adds a link to go back to the Templates list screen when editing a Oxygen Template. Clicking the button will take you back to Oxygen > Templates screen.

Back To Top

This module allows users to smoothly scroll back to the top of the page. The link fades in on the bottom right-hand side of the content area, after the browser window has been scrolled beyond a certain point, and remains fixed during scrolling. If users continues scrolling, the button nicely reduces its opacity to be less distracting during navigation. FAQ… Continue reading Back To Top

Class Act

This module lets you move or copy the styles associated with id or a class of any element to a new class. Benefits Move all the styles from id to a class incl. those attached to pseudo-classes like :hover and pseudo-elements like ::before and ::after. Copy classes for variations. Ex.: btn-blue, btn-red. Reset all the styles for the class/id. Move styles from… Continue reading Class Act

Classes Cleaner

This module lets you rename and remove unused classes in Oxygen. Benefits Rename classes throughout the site across all Pages/Templates etc. without manually removing the class, adding a new class and re-adding all the properties. Scan for and delete all the unused classes sitewide i.e., classes that have not been assigned to any elements. Video… Continue reading Classes Cleaner

Code Completion

This module of Oxy Toolbox enables Emmet in Oxygen’s code editor for HTML and CSS. HTML Abbreviations For example in a Code Block component’s PHP & HTML panel, you could type and press tab to have it expanded to CSS Abbreviations Refer to https://docs.emmet.io/css-abbreviations/. Emmet Cheat Sheet: https://docs.emmet.io/cheat-sheet/

Conditions

This Oxy Toolbox module registers custom conditions in Oxygen using which elements can be selectively output based on various parameters. The colored label next to the condition name in the plugin’s name indicates the category under which it will get added in the Oxygen’s conditions dialog. Archive Type Registers a custom condition to control the… Continue reading Conditions

Disable Gutenberg

This module disables Gutenberg WordPress editor and prevents Gutenberg-related stylesheets from loading. When enabled, all the post types like Post, Page will use the class editor for the WordPress editor. There is no need to use other plugins like Disable Gutenberg or Class Editor. It returns false to use_block_editor_for_post_type filter and dequeues these styles: wp-block-library… Continue reading Disable Gutenberg

Editor Tweaks

This module has several sub modules/features. Auto save This option lets you automatically save the current post (Template/Page etc.) being edited in the Oxygen editor at the specified interval. If Smart autosave is checked, autosave will wait until any keyboard and mouse activity ceases before automatically saving. Back To WP Additions Adds Templates and Pages… Continue reading Editor Tweaks

Essentials

This module enables HTML5 support for elements like the search form and adds (what we consider to be) some essential CSS – for example, to make all the images responsive when using the Oxygen visual site builder. Details: Enables HTML5 support for comment list, comment form, search form, gallery and caption elements. Adds some CSS from Modern CSS… Continue reading Essentials

Fullscreen

Fullscreen module of Oxy Toolbox lets you toggle the panels in the Oxygen editor with a single key press. The key can be set to one of Ctrl, Alt, Shift, Cmd. expand code editor panels to full width (when the cursor is inside the code editor) detach the center frame into a separate tab/window so… Continue reading Fullscreen

Gutenberg

This module provides options related to Gutenberg WordPress editor. Disable Gutenberg This option disables Gutenberg WordPress editor and prevents Gutenberg-related stylesheets from loading on the front end. When enabled, all the post types like Post, Page will use the class editor for the WordPress editor. There is no need to use other plugins like Disable… Continue reading Gutenberg

Move Oxygen Admin Menu Up

This module of Oxy Toolbox moves the Oxygen admin menu up in the WordPress admin below the Dashboard item.

Navigator

This module of Oxy Toolbox lets you navigate to different areas of your site by adding quick links in the WordPress admin toolbar like Templates and Pages for directly editing with Oxygen. Video walkthrough: The toolbar menus have a maximum height of 90vh and a vertical scroll bar will appear when necessary. “New” Admin Bar… Continue reading Navigator

Offline Mode

This module enables you to work in the Oxygen editor locally without an internet connection by replacing calls to assets from external CDN URLs with files from within the plugin. Note: This is only applicable and useful when your WordPress (Oxygen) site is installed on your computer i.e., on localhost. Credit for the plugin goes… Continue reading Offline Mode

Open External Links In A New Tab

This module makes all URLs that link to external websites to open in a new tab. It automatically adds (on the front end, not in Oxygen editor) target=”_blank” and rel=”noreferrer noopener” to all anchor elements that link to pages other than those in the current site. Sample HTML output: Before: After:

Rank Math Integration

This module enables Rank Math SEO plugin for WordPress to parse text inside the Oxygen editor for Pages and Posts. Any parent Template from which the current Page/Template inherits from is also included in the content analysis. Note: For the updated/correct SEO score that includes the Oxygen editor content to be shown on Page/Post List… Continue reading Rank Math Integration

Reading Progress Bar

This module adds a progress indicator showing how much the page has been scrolled as a thin fixed horizontal bar along the top edge of the browser on the front end. FAQ Note: It is recommended to add custom CSS at Manage > Stylesheets in a new/existing stylesheet. How to change the color of the… Continue reading Reading Progress Bar

Remove Themes and Theme Editor From Admin Menu

Removes Appearance > Themes and Appearance > Theme Editor admin menu items from the WordPress admin. Before: After: Generally speaking, these are not needed since Oxygen disables the active theme.

Revisions

This module of Oxy Toolbox enables you manage revisions created by Oxygen. As with any module, this is also disabled by default. Once enabled, by default a large number of revisions (99 to be specific) will be set to be on the safe side. Changing this to say 5 will ensure that only the last… Continue reading Revisions

Scripts

This module registers popular scripts like Flickity and Isotope so you can load them anywhere in Oxygen. To enqueue Flickity, for example, you can simply place in a Code Block’s PHP & HTML area. Note: You would need to initialize these scripts on elements of your page as needed. Ex.: (above code goes in JavaScript… Continue reading Scripts

SEOPress

This module generates automatic meta description from Oxygen Builder content when SEOPress is active. Meta description text can be changed on a post basis. It is recommended to review and manually adjust this text so it is better/more readable for your site visitors. Note: This module is only for convenience and merely adds the code… Continue reading SEOPress

Stylesheets Editor

This Oxy Toolbox module is for managing already existing user-created custom Stylesheets at Manage > Stylesheets area of the Oxygen editor outside the editor, i.e., in WP dashboard. The available colors will be shown above the editor and a color can be inserted at the current cursor position by clicking on it. Checks are included… Continue reading Stylesheets Editor

Table of Contents

This module provides a Table of Contents shortcode for displaying an automatically generated collapsible Table of Contents (TOC) consisting of a list of the headings on the current page. Screenshot: The shortcode can be placed either in the WordPress editor or in the Oxygen editor using a Shortcode component. Offset for sticky header (for the… Continue reading Table of Contents

Text Edit

This module adds a text area for viewing and editing text of Text, Rich Text and Heading components. This is useful in certain situations when the element is set to be hidden. For Rich Text components, the text area will show the content in HTML. You can directly add valid HTML in there if you… Continue reading Text Edit

Undo

Oxy Undo lets you undo and redo user actions in Oxygen. This module adds Undo and Redo buttons to the right of + Add button in the Oxygen builder. Also lets you automatically save your work in the Oxygen editor. Provides these keyboard shortcuts (can be disabled in the settings): Undo: ctrl+z (Windows) / cmd+z (macOS)Redo:… Continue reading Undo

WordPress

Disable Admin Email Check WordPress shows admin email verification screen every six months. This option disables this periodic checking by WordPress asking the admins if their email is still valid thus preventing redirection to the admin email confirmation screen. Disable Auto-update UI Elements This option disables auto-update user interface elements for plugins and themes. Before:… Continue reading WordPress

Yoast Integration

Oxygen has built-in support for Yoast SEO i.e., content from Oxygen editor will be included in Yoast’s SEO analysis. Unfortunately, this is at the expense of content in the WordPress editor getting excluded. This module includes WordPress content in Yoast’s SEO analsysis when using Oxygen. Sample before and after screenshots can be seen below. Before: After:

Top