Author 诗语

Single Post Site Part

The Single Post Site Part section of the Theme Builder lists all Single Post Templates you』ve created, if any, giving quick access to add, edit, or delete any Single Post Template.

If no Single Post Templates have been created yet, you need to create one. Click Add New in the upper right corner of the Single Post Site Part screen.

Once you』ve created at least one Single Post Template, you will be able to manage them here.

Edit An Existing Single Post Template』s Design

To edit an existing Single Post Template, click the Single Post Template label in the sidebar. This will open the Single Post Template』s details dashboard.Click the Edit link in the upper right corner of the specific Single Post Template you wish to edit. This will open the Elementor editor for that Single Post Template.

Edit An Existing Single Post Template』s Conditions

Click the Edit Conditions link in the bottom left corner of the Single Post Template you wish to edit. This will directly open the Display Conditions editor for that Single Post Template.

Note: The Dot Display in the upper left corner of the Single Post Template indicates which site parts are live (has Display Conditions assigned to it), and which are merely drafts (no Display Conditions have been assigned). A Green Dot indicates a live Single Post Template, while a Gray Dot indicates a draft Single Post Template. 

Note: The Instances label in the lower left corner of the Single Post Template displays the specific instances in which this template is being used on the site. 

Export A Single Post Template

Click the Three Horizontal Dots in the upper right of the Single Post Template you wish to export. Choose Export to open a Save dialog which will save a .json file to your computer.

Delete A Single Post Template

Click the Three Horizontal Dots in the upper right of the Single Post Template you wish to delete. Choose Delete which will open a Delete Part confirmation dialog box. Click Cancel if you change your mind and decide you don』t want to delete the Single Post Template, or click Delete to confirm that you do wish to delete this Single Post Template.

Rename A Single Post Template

Click the Three Horizontal Dots in the upper right of the Single Post Template you wish to rename. Choose Rename which will open a Rename Part dialog box. Enter the new name and click Change to complete the rename process, or click Cancel if you change your mind and decide you don』t want to rename this Single Post Template.

Product Archives Site Part

The Products Archive Site Part section of the Theme Builder lists all Products Archive Templates you』ve created, if any, giving quick access to add, edit, or delete any Products Archive Template.

If no Products Archive Templates have been created yet, you need to create one. Click Add New in the upper right corner of the Products Archive Site Part screen.

Once you』ve created at least one Products Archive Template, you will be able to manage them here.

Edit An Existing Products Archive』s Design

To edit an existing Products Archive Template, click the Products Archive label in the sidebar. This will open the Products Archive Template』s details dashboard.Click the Edit link in the upper right corner of the specific Products Archive Template you wish to edit. This will open the Elementor editor for that Products Archive Template.

Edit An Existing Products Archive』s Conditions

Click the Edit Conditions link in the bottom left corner of the Products Archive Template you wish to edit. This will directly open the Display Conditions editor for that Products Archive Template.

Note: The Dot Display in the upper left corner of the Products Archive indicates which site parts are live (has Display Conditions assigned to it), and which are merely drafts (no Display Conditions have been assigned). A Green Dot indicates a live Products Archive Template, while a Gray Dot indicates a draft Products Archive Template. 

Note: The Instances label in the lower left corner of the Products Archive displays the specific instances in which this template is being used on the site. 

Export A Products Archive

Click the Three Horizontal Dots in the upper right of the Products Archive Template you wish to export. Choose Export to open a Save dialog which will save a .json file to your computer.

Delete A Products Archive

Click the Three Horizontal Dots in the upper right of the Products Archive Template you wish to delete. Choose Delete which will open a Delete Part confirmation dialog box. Click Cancel if you change your mind and decide you don』t want to delete the Products Archive Template, or click Delete to confirm that you do wish to delete this Products Archive Template.

Rename A Products Archive

Click the Three Horizontal Dots in the upper right of the Products Archive Template you wish to rename. Choose Rename which will open a Rename Part dialog box. Enter the new name and click Change to complete the rename process, or click Cancel if you change your mind and decide you don』t want to rename this Products Archive Template.

My Site Is Working With WordPress 2.6, Will Elementor Work For Me?

No. 

Elementor supports WordPress 4.4 or greater, and is compatible with PHP 5.4 or greater.

Header Site Part

The Header Site Part section of the Theme Builder lists all Headers you』ve created, if any, giving quick access to add, edit, or delete any header.

If no headers have been created yet, you will be prompted to create one. Click Add New in the upper right corner of the Header Site Part screen.

Once you』ve created at least one header, you will be able to manage them here.

Edit An Existing Header』s Design

To edit an existing Header, click the Header label in the sidebar. This will open the Header』s details dashboard.Click the Edit link in the upper right corner of the specific Header you wish to edit. This will open the Elementor editor for that Header.

Edit An Existing Header』s Conditions

Click the Edit Conditions link in the bottom left corner of the Header you wish to edit. This will directly open the Display Conditions editor for that Header.

Note: The Dot Display in the upper left corner of the Headerindicates which site parts are live (has Display Conditions assigned to it), and which are merely drafts (no Display Conditions have been assigned). A Green Dot indicates a live Header, while a Gray Dot indicates a draft Header. 

Note: The Instances label in the lower left corner of the Header displays the specific instances in which this template is being used on the site. 

Export A Header

Click the Three Horizontal Dots in the upper right of the Header you wish to export. Choose Export to open a Save dialog which will save a .json file to your computer.

Delete A Header

Click the Three Horizontal Dots in the upper right of the Header you wish to delete. Choose Delete which will open a Delete Part confirmation dialog box. Click Cancel if you change your mind and decide you don』t want to delete the Header, or click Delete to confirm that you do wish to delete this Header.

Rename A Header

Click the Three Horizontal Dots in the upper right of the Header you wish to rename. Choose Rename which will open a Rename Part dialog box. Enter the new name and click Change to complete the rename process, or click Cancel if you change your mind and decide you don』t want to rename this Header.

Single Product Site Part

The Single Product Site Part section of the Theme Builder lists all WooCommerce Single Product Templates you』ve created, if any, giving quick access to add, edit, or delete any Single Product Template.

If no Single Product templates have been created yet, you need to create one. Click Add New in the upper right corner of the Single Product Site Part screen.

Once you』ve created at least one Single Product template, you will be able to manage them here.

Edit An Existing Single Product Template』s Design

To edit an existing Single Product Template, click the Single Product Template label in the sidebar. This will open the Single Product Template』s details dashboard.Click the Edit link in the upper right corner of the specific Single Product template you wish to edit. This will open the Elementor editor for that Single Product Template.

Edit An Existing Single Product Template』s Conditions

Click the Edit Conditions link in the bottom left corner of the Single Product template you wish to edit. This will directly open the Display Conditions editor for that Single Product template.

Note: The Dot Display in the upper left corner of the Single Product template indicates which site parts are live (has Display Conditions assigned to it), and which are merely drafts (no Display Conditions have been assigned). A Green Dot indicates a live Single Product template, while a Gray Dot indicates a draft Single Product template. 

Note: The Instances label in the lower left corner of the Single Product Template displays the specific instances in which this template is being used on the site. 

Export A Single Product Template

Click the Three Horizontal Dots in the upper right of the Single Product template you wish to export. Choose Export to open a Save dialog which will save a .json file to your computer.

Delete A Single Product Template

Click the Three Horizontal Dots in the upper right of the Single Product template you wish to delete. Choose Delete which will open a Delete Part confirmation dialog box. Click Cancel if you change your mind and decide you don』t want to delete the Single Product template, or click Delete to confirm that you do wish to delete this Single Product template.

Rename A Single Product Template

Click the Three Horizontal Dots in the upper right of the Single Product template you wish to rename. Choose Rename which will open a Rename Part dialog box. Enter the new name and click Change to complete the rename process, or click Cancel if you change your mind and decide you don』t want to rename this Single Product template.

Form Advanced

Margin – Set the margin of the formPadding – Set the padding of the formZ-Index – Set the Z-index of the formCSS ID – Set the form IDCSS Classes – Set the form classes

Learn more about the Form Widget (Pro)

How To Update Elementor And Elementor Pro

Elementor』s developers continually work to improve both the free core version of Elementor as well as Elementor Pro. New features, bug fixes, and security hardening will always be a priority. To take advantage of these changes requires updating your Elementor plugin(s). Learn how to safely update Elementor by following these instructions.

Always Start By Backing Up Your Elementor Site

This is the one step that is most critical. Most people will never need to restore their site from a backup, but on the off chance that an update causes issues with your site, you』ll want to be able to quickly restore it to its pre-update status. So don』t neglect taking a backup of your site before you begin the update process. This is true for all updates – not just Elementor updates. Any time you update any plugin or theme, or WordPress itself, run a backup first. The few seconds or minutes it takes is worth it in an emergency site situation.

How To Create A Backup Of Your Site

Many plugins are available to help you easily create a backup of your site. A few we like include UpdraftPlus, Jetpack Backup, and BackupBuddy. You can read more about these plugins and the entire backup process in general in our blog post: How to Backup Your WordPress Site

Update On A Staging Site First, When Possible

To prevent unexpected problems on your live site, it』s a good idea to test updates on a staging server first. A staging site is essentially a copy of your live site, where you can test changes and updates without affecting your live site. If all goes well, then you can apply the update to the live site with a little more confidence. To learn more about staging sites, see our Monday Masterclass: Setting up a Staging Environment for WordPress Websites

How To Update Elementor and Elementor Plugins

There are actually several ways to update WordPress plugins, Elementor』s included. The most common way is to go to Plugins > All Plugins and look for the plugins that have updates available. These are easily recognizable as they are highlighted and stand out from the rest of the plugins in the list. They will look similar to this:

Simply click the update now link in the plugin』s description to proceed. 

For a complete list of ways to update your plugins, as well as themes and WordPress core files, see our blog post: How To Update WordPress Safely, especially the section titled How to Update WordPress Themes and Plugins.

Allowed URI Protocols

From version 2.9.11 and on, Elementor will use the use wp_allowed_protocols() function to handle allowed URI protocols in links. These protocols are often used to create a deep-link (i.e. a direct link to an app via unique protocol) to a 3rd party application (such as mailto: or tel:)

If you add a custom link or a dynamic link (in any URL field) with a URI protocol that is not supported by WordPress such as waze:// etc., it will no longer work.

For more information, see the developers doc.

Tools

General

Regenerate CSS:  This will clear your CSS files and will generate new files when you make changes to your pages.

Sync Library: If you experience bugs with the library, you can sync it here.

Please note that the Regenerate CSS tool will not regenerate the files on the click of the button. Update the page to create a new file.

Replace URL

Enables the use of Elementor after a domain transfer (Also relevant for adding an SSL certificate to your site).

Version Control

Rollback Version: Revert back to any prior Elementor version. 

Become a Beta Tester: By enabling this, you will be notified whenever a new beta version is out. After enabling, go to Dashboard > Updates and click the Check Again button to make the latest beta version available to you. All subsequent beta update notifications will show up on the Plugins admin page as normal.

Note: Being a beta tester will keep you on the cutting edge of our releases, and help us monitor and fix possible bugs whenever we release a new beta version. We recommend only beta testing on a development or staging site, as beta versions are not stable and may break a live site. Beta testers enable us to test the compatibility of the upcoming versions in a variety of hosting configurations. Each beta tester will be running under a unique server setup, with varied combinations of plugins, themes, and custom code, all of which helps us understand which types of configurations may present issues that we can resolve before release. Beta testing is especially useful for website developers & designers, as well as plugin developers, as they are able to test the compatibility of their plugin or website with the upcoming version of Elementor. Beta user feedback plays an important role in our ability to improve Elementor.  Issues noticed by Beta testers have to be reported in the relevant Github thread.

Maintenance Mode

Choose Mode: Choose between Disabled, Coming Soon & Maintenance Mode.

Who Can Access: Choose who can view your content when one of these modes is active.

Choose Template: Choose a template that will be displayed when one of these modes is active.

Click to learn more about Maintenance Mode

Global Fonts

https://www.youtube.com/watch?v=CjdFxKPPikU

Set and edit 4 predefined global typography styles (Primary, Secondary, Text, and Accent) or add new global text styles from Elementor』s Site Settings. From any Elementor page or post editor, click the hamburger menu in the upper left corner of the Widget Panel, then navigate to Site Settings > Design System > Global Fonts.

Edit Global Font Style: Click the pencil icon to select typography options for any existing text style. The Style Names can also be changed. Click the name to change it. For example, you could change Primary to Main, Accent to Highlight, etc.Add Global Font Style: Click Add Style button to add a new custom text styleDelete Global Font Style: Hover over the pencil icon for the text style and click the trash can icon that appears

Note: By deleting a global font style, all of its instances will inherit their values from an unknown source, possibly your theme, or your browser, etc.