Elementor编辑器怎么用？使用WordPress Elementor编辑器可以帮助商家实现构建页面和超级菜单等目标，此外借助编辑器Pro版本，用户还可以通过使用其内置的AI功能实现文本和代码的自定义创建。为了让各位使用Elementor编辑器进行外贸建站的站长，更加熟练地使用该编辑器，下文将围绕以上所说的Elementor编辑器怎么用的三个方面，为大家介绍具体的图文操作教程。
Elementor编辑器怎么用一：创建页面
如何创建新页面取决您是使用 Elementor Hosting 还是带有第三方主机的 Elementor 插件。
- 如果有 Elementor 托管，请参阅下面的从 My Elementor 仪表板创建和编辑新页面。
- 如果将 Elementor 插件与第三方主机一起使用，请参阅下面的从 WP Admin 创建和编辑新页面。
1、从 My Elementor 仪表板创建和编辑新页面
进入 My Elementor 仪表板。
将鼠标悬停在要创建或打开页面的站点的网站卡上，然后单击 Manage this site（管理此站点）。
网站屏幕显示许多网站选项，包括最近访问的页面列表。滚动到要编辑的页面上，然后单击编辑图标，该页面将在 Elementor 编辑器中打开。要创建新页面，单击 Edit website 下拉列表。选择 Add a page（添加页面），该页面将在 Elementor 编辑器中打开。
2、从 WordPress Admin 创建和编辑新页面
在 WordPress Admin 中，选择页面选项卡，单击 Add New （新增）。
或者是从 WordPress Admin 顶部栏中选择 New-Page，单击使用 Elementor 编辑。
Elementor编辑器怎么用二：创建超级菜单
选择使用 Theme Builder 创建新标题，将 Menu 小部件拖动到标题的容器中（也可以将新容器添加到标题中）。
有三个顶级菜单项，要创建它们，需要替换第 1-3 项，在 Content 选项卡中，单击 Item #1，在 Title （标题） 文本框中，键入 Home。
现在需要将菜单项链接到 Home 页面，可以输入主页的 URL，但最好使用动态链接，单击 dynamic tag 图标。
对于 Dynamic link （动态链接），选择 Site-Internal URL （站点内部 URL），单击 Internal Link。
从 Type 下拉列表中，选择 Content （内容）。
在 Search and Select 下，开始输入要查找的页面的名称，在本例中为 Home，当它出现时选择它，对 Our Breads 和 Our Story 页面重复此操作。
可以通过添加设计元素来美化菜单，例如在Content 选项卡的 Menu Items 下，选择 Home，单击 Dropdown Content 开关。这个开关将菜单变成一个超级菜单，允许用户将各种内容添加到菜单项中。默认情况下，项目旁边会出现一个箭头图标，点击首页，项目旁边的箭头将向下切换，并在菜单下方打开一个内容区域。
将 Image Widget 拖动到内容区域中，选择当用户将鼠标悬停在菜单项上时将显示的图像，单击箭头关闭内容区域。
默认情况下，当访客将鼠标悬停在菜单项上时，将显示这些图像。在编辑时看不到这一点，因此必须预览页面才能看到超级菜单的运行情况。
Elementor编辑器怎么用三：AI优化
1、编写文本
更新到 Elementor 3.13 后，允许用户在插入文本时可以选择使用 AI 编写。将 Text （文本） 小部件拖动到画布上。单击 Content （内容） 选项卡的 Text Editor （文本编辑器） 部分中的 Write with AI （使用 AI 编写）。
将打开 Elementor AI 文本窗口。
Elementor AI 将提供有关如何启动文本生成请求的几条建议。可以先单击其中一个并对其进行编辑，也可以插入自己的提示。
之后单击 Generate text （生成文本）即可完成步骤。
2、添加CSS代码
选择 Heading 小组件，从 Heading 构件的 Advanced 选项卡中选择 Custom CSS。
选择 Code with AI （使用 AI 编写代码）。
在文本框中输入“使此标题在悬停时变为红色”。
注：首次使用 Elementor AI 后，带有 AI 的文本将被 Elementor AI 图标替换。
单击 Generate code （生成代码），这将添加以下 CSS 自定义代码：
推荐阅读：
相关文章
-
小白也能轻松搞懂的外贸建站网站建设流程分享
外贸建站逐渐成为多数国内商家品牌出海的主要方式，其中又不乏一些是第一次建站的商家，对外贸建站网站建设的流程并不太熟悉，所以本文接下来将围绕外贸建站前五问、外贸建站四件套、外贸建站七步曲，向大家分享小白也能轻松搞懂的外贸建站网站建设流程。 一、外贸建站网站前五问 目标市场是谁？美国、东南亚、非洲等，市场不同，语言、审美、支付方式不同 核心产品是什么？主推产品或系列，不要贪多，聚焦利润款 竞争对手网站是什么样的？研究同行网站结构，采用他们的优点，避开他们的错 要做哪种类型的外贸建站网站？官网型、展示…
-
Shopify跨境电商开店流程及费用
Shopify跨境电商独立站凭借易用性和可扩展性，允许商家在没有高技术专业知识的情况下创建专业的跨境电商商店，无论是开展副业还是扩展已建立的业务，Shopify独立站都会提供强大的工具来支持商家的旅程。在本文中将讨论如何通过九个简单的步骤进行Shopify跨境电商的开店及Shopify开店费用的介绍。 一、Shopify跨境电商开店流程 1、注册Shopify 创建Shopify商店的第一步是Shopify注册，为此需要访问 Shopify 并单击“开始免费试用”按钮。Shopify 提供为期三…
-
WordPress迁移教程 WordPress怎么迁移到新站点
在某些特殊情况下，商家需要通过WordPress站点的迁移实现外贸建站业务的正常运行，但是对于一些用户来说，这一步步骤却是令人头疼的问题。通常来说商家可以通过cPanel面板或者网站迁移类插件实现WordPress迁移到新站点这一目的，对于有一定技术基础的用户而言，可以使用cPanel面版进行手动迁移，但对于一些技术小白来说，使用插件进行WordPress站点自动迁移则是一个明智的选择，所以下文将为大家分别介绍这两种WordPress迁移教程，以供大家参考。 一、WordPress迁移到新站点准…
-
Shopify怎么添加自定义HTML代码
Shopify添加自定义HTML代码首先需要备份主题，然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分，这决定了商家是打开layout中的theme.liquid文件，还是Sections或Templates文件，亦或者是新创建一个liquid文件，接着把HTML代码粘贴到自己希望它出现的位置，最后点击保存并预览即可。 第一步：备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前，务必先备份主题。 为了备份Shopify主题，执行的操作有： Shopif…
-
HTML、PHP、CSS和JS之间的关系
在外贸建站的过程中，要想进行独立站的开发，不可避免的会遇到网站搭建常见的四种技术，分别是HTML、PHP、CSS和JS，一提到这四种技术语言时，不少技术小白会一脸懵，所以接下来本文将为大家梳理这四种语言之间的关系，为大家外贸建站提供一些技术支撑。 HTML：HTML（Hypertext Markup Language）即超文本标记语言，是用于描述网页文档的一种标记语言。HTML其实是文本，它只是客户端语言，所以需要浏览器的解释，而且只用HTML做出来的网页是静态网页，没任何得交互功能。 CSS：…
-
如何在WordPress中集成API？
用户可以通过WordPress插件WPGetAPI来实现WordPress网站的API集成，借助网站与其他应用程序的连接，以便用户在每一端发送、接收和修改数据。下文也将为大家具体介绍这一方法的具体步骤，为大家在使用WordPress进行外贸建站时提供一个参考。 一、安装并激活插件 要启动该过程，请在WordPress网站上安装并激活该插件。如果没有WordPress帐户，请创建一个，然后在左侧边栏的插件下搜索WPGetAPI插件。 插件激活后，选择要集成的API，在开始集成之前，请阅读API文档…
