Mastering the Elementor Editor: A Comprehensive Guide to Using it from Toolbar to Canvas

For your convenience, the top toolbar of Elementor editor provides many functions. You can easily access these functions by simply clicking on the top toolbar, making your editing work more convenient and efficient.

图片[1]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Editor Controls

The following table lists a description of each editor control on the toolbar. They appear on the toolbar from left to right:

图片[2]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
name (of a thing)descriptive
Element signThe Elementor logo gives you quick access:
Theme Generator- Different sections of the website can be accessed here.
History Menu - Here you can see all the changes you have made to the page. They can also be undone from here. There is an opportunity to undo them.
User Preferences- You can set your personal preferences for the Elementor editor here.
Keyboard Shortcuts- A chart pops up showing keyboard combinations or hotkeys which will bring up certain actions.
Manage this site - Exit to
My Elementor Dashboardof the Site Overview section.
Quit WordPress - Log out of the site's WP administrator.
Adding ElementsClick this button to access all elements that can be added to the page, such as text widgets and images.
Site SettingsClick this button to make changes that willApply to all pages and posts on your siteThe
frameworkClick here to open  Navigator.The navigator helps you to quickly find different elements on the page.
a type of literature consisting mainly of short sketchesClick here to access the annotations panel where you can leave or read suggestions about the page.
For more detailed information, you can readAnnotation.
图片[3]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
name (of a thing)descriptive
page nameClick on a page name to quickly access the five most recently edited pages or sections of the site. In addition, click the page name drop-down list to create a new page.
图片[4]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
name (of a thing)descriptive
Page SetupClick here to proceedChanges affecting this pageThe
图片[5]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
name (of a thing)descriptive
responsive viewClick here to toggle between PC, tablet and mobile views of the page.
图片[6]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
name (of a thing)descriptive
search engineClick here for a quickFind or create pages, posts and templatesThe
Help CenterClick here to visit the Elementor Help Center.
Latest NewsClick here for newly launched features and other announcements.
previewsPreview your page from the website the same way users see it.
图片[7]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[8]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
name (of a thing)descriptive
postclick (using a mouse or other pointing device)"Release."(or"Updating")
 Make your pages live or update published pages.
Select Publishing OptionsClick to see more saving options:
Save page as draft or save as template.

web page panel

take note of: If you don't have the top editor bar of your website open when you implement the page panel, then when you open the top bar later, certain features may not show up. If you come across this situation, you'll have to contact customer support to help you out.

Use the Pages panel to perform the following actions directly in the Elementor editor without returning to the WordPress dashboard: 

  • Edit page 
  • View page 
  • change ones name
  • make a copy of
  • Delete an existing page to create a new page 
  • Setting a page as a home page

Edit page

Edit page::

图片[9]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb pageIcons.

图片[10]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. In the Pages panel, click the page you want to edit.The

Create a new page

Create new page::

图片[11]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb pageIcons.

图片[12]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. ClickAdd newThe

图片[13]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3. Enter the name of the new page.
The new page opens in the editor.

Rename page

Each page of your site has a unique name. Change this name by using the Page Settings or Page Panel.

To rename a page via the Pages panel:

图片[14]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb pageIcons.

图片[15]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. In the Pages panel, click the ellipsis next to the page you want to rename.

图片[16]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3. Select from the menuRename.

4. Enter a new page name. 

Copy page

To maintain a consistent look and feel, new pages can be created by copying existing pages. 

Copy page::

图片[17]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb pageIcons.

图片[18]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. In the Pages panel, click the ellipsis next to the page you want to rename.

3. Select from the menu"Reproduction".

图片[19]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

The new page will appear in the panel.

Delete page

Delete the page directly in the editor. 

图片[20]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb pageIcons.

图片[21]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. In the Pages panel, click the ellipsis next to the page you want to delete.

3. Select from the menuDelete.

图片[22]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

View page

Quickly check another page without having to return to the WordPress dashboard.

View page:

图片[23]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb page panelIcons.

图片[24]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. In the Pages panel, click the ellipsis next to the page you want to rename.

图片[25]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3. Select from the menuView page.

Setting a page as a home page

Every website must have one and only one homepage.

To set a page as a home page::

图片[26]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

1. In the top bar, clickweb pageIcons.

图片[27]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

2. In the Pages panel, click the ellipsis next to the page you want to set as the home page.

3. Select from the menuSet as home pageThe 

图片[28]-掌握 Elementor 编辑器:从工具栏到画布的全面使用指南-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

That's all there is to know about what the Elementor top bar does and doesn't do.


Contact Us
Can't read the article? Contact us for free answers! Free help for personal, small business sites!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by Harry
THE END
If you like it, support it.
kudos0 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments