标签: plugins
Embedding Plugins
You can use Oxygen with most WordPress plugins. In general, they will behave just as they do when using them with a normal WordPress theme.
Some plugins generate output that you would like to insert into your page. You may display this output using a Shortcode, Widget, or Code Block.
Shortcode
Many plugins can be embedded into a page using a shortcode.
Shortcodes are commonly used to embed contact forms, event calendars, elaborate sliders, pricing grids, and more.
To display some content via shortcode, click +Add > WordPress > Shortcode.
The copy and paste the plugin's shortcode into the the Full shortcode field in Oxygen.
To wrap elements designed in Oxygen with a shortcode, use the Shortcode Wrapper element.
WordPress Widgets
To add a widget to the page created with Oxygen, click +Add > WordPress > Widget and choose the one you need from the list. Though they are usually used in sidebars, in Oxygen you may add these elements anywhere on the page.
In general, you can edit widgets settings inside Oxygen. However, some widgets make use of elaborate JavaScript and other functionality which will not run inside the Oxygen editor. These widgets must be edited in the WordPress admin panel.
Code Block
Using a Code Block element, you can write the PHP/HTML/CSS/JavaScript code necessary to display your dynamic content. This code could contain the WordPress loop, calls to get_post_meta, or any other WordPress API functions. The code added with Code Block element behaves just as if you wrote it in a standard WordPress template file.
To add a Code Block, click +Add > Basics > Code Block.
Styling Plugins
To style plugin output, Selector Detector must be enabled from the Oxygen > Settings page in the WordPress admin panel.
Selector Detector allows Oxygen to style content that is coming from outside of Oxygen, for example:
WooCommerce Products
bbPress Forum Topics
WooCommerce Shop, Cart, and Checkout pages
Easy Digital Downloads download history pages
Plugin Pages Rendered With Inner Content or Dynamic Data
When a plugin page is rendered with an Inner Content or Dynamic Data, it generally means a Template is applied to that plugin page, and that Template has an Inner Content or Dynamic Data element that is displaying the plugin's output.
To customize the styles for the plugin's output, open the Template that is applied to the plugin page.
Select Oxygen > Templates, then click Edit next to the template title.
Click Edit with Oxygen to open the template in Oxygen.
Preview the plugin page by choosing it from the Preview dropdown
Click anywhere on the plugin's output, or click the Inner Content or Dynamic Data element that is outputting the plugin's content.
Click the Style Output button to style the plugin output.
Plugins Embedded With Shortcodes, Widgets, or Code Blocks
When a plugin is embedded on a page using a shortcode, widget, or Code Block element, click the Style Output button at the bottom of the Primary tab for that element to style the plugin out.
If no Style Output button is available, Selector Detector must be enabled from the Oxygen > Settings page in the WordPress admin panel.