Elementor教程

分类：

本文介绍如何使用Elementor制作搜索结果页面，搜索结果页面本质上是一个归档（Archive）页面，所以你可以在制作的Post Archive的时候，在Post Archive模版的display Condition设置中添加上Search Result，这样搜索结果页面会直接调用你的文章列表页面模板来展示搜索的结果列表。但是你也可以单独制作Search Result模版来展示搜索结果，方法 ...

2023 年 3 月 10 日 Elementor

如何使用Elementor制作文章详情页？（详细讲解附视频）

本文介绍如何使用Elementor制作文章详情页模板，通过本文你可以了解使用Elementor Pro的Theme Builder来制作文章详情页模板的过程。你可以按照自己的想法和展示需求布局和制作文章详情页面，或者单独制作Projects详情页面。Elementor Pro的Theme Builder可以让你完全自定义一个文章详情页。 Elementor的Theme Builder是Elemen ...

2023 年 3 月 9 日

如何在Elementor的产品模版中设置预览内容？

本文介绍如何Elementor模版中设置预览内容，我们在使用Elementor Pro制作模版时，通常情况下看不到预览的数据，再这样的情况下无法在编辑状态下看到编辑元素样式展示的效果，通过设置预览数据之后，我们可以通过预览数据实时看到编辑的最终效果。 1、设置产品详情页的预览内容进入产品详情页模板编辑，点击做下架的⚙，进入模版设置页面在Preview Setting中的文本框中搜索逼格选择你要 ...

2023 年 3 月 9 日

如何在产品页面用Elementor添加下载按钮？（附视频）

本文介绍如何在产品页面用Elementor添加下载按钮，本教程基于Elementor Pro的产品详情页模版，结合自定义字段插件和Elementor的动态数据来实现。如果你不想阅读文字，可以浏览下面的视频 1、创建文件自定义字段在添加按钮之前，我们需要通过ACF插件，来创建一个自定义字段组输入字段组名称，字段组中可以添加多个字段。这里我们只需要添加一个File字段即可，在字段组中第一个默认 ...

2023 年 3 月 6 日

Hello Elementor主题如何上传网站LOGO？

本文介绍Hello Elementor主题下如何上传网站LOGO的2个入口和方法。 1、通过外观自定义入口上传网站LOGO 这个方法对大多数主题都通用，外观自定义菜单是WordPress的默认管理入口，无论你是安装的什么主题都可以从这里上传和修改网站LOGO。进入网站后台点击【外观】下面的【自定义】菜单进入自定义菜单之后找到，Site Identity菜单，点击展开展开之后你就可以看到修改L ...

2023 年 3 月 1 日

如何使用Elementor制作面包屑？

本文介绍如何使用Elementor制作面包屑，通常SEO插件比如Rankmath会帮助我生成面包屑，我直接用就可以了，本文介绍在不使用SEO插件和其他插件的前提下如何使用Elementor制作面包屑，包含了2个制作方法，基于我的方法你也可以进行扩展出其他方法。我使用Elementor制作了2个面包屑，如下: 1：使用Icon List元素制作的面包屑 2：使用icon Box元素制作的面包屑这 ...

2023 年 1 月 23 日 Elementor

Elementor制作文章列表页面（详细讲解付视频）

本文介绍如何使用Elementor制作文章列表页面。通过本篇文章你讲了解如何制作一个带有侧边栏的文章列表页面。在网站中我常说的文章列表页面实际上是文章的归档页面，所以我们需要通过Elementor的Theme Builder来制作文章归档模板来实现。而不是通过创建和编辑单个页面来实现。 Elementor的Theme Builder是Elementor Pro的功能，本站提供Elementor ...

2023 年 1 月 4 日 Elementor

Elementor Popups询盘弹出框制作教程详解

本文介绍Elementor Popups询盘弹出框制作过程。Elementor 提供Popups模板来制作网站的弹出框，弹出框通常用于营销用途，促成转化。本文将详细介绍实现询盘弹出框的制作过程。理解弹出框Elementor Popups工作原理之后，你可以轻松制作各种类型的营销弹出框。 Elementor Popups是Elementor的高级功能，需要安装激活Elementor Pro才可以使 ...

2023 年 1 月 1 日 Elementor

如何使用Elementor制作悬浮按钮？（视频）

本文介绍如何使用Elementor来制作悬浮按钮。通常我们会在网站侧边添加一些悬浮按钮，放置一些促进转化的联系信息，例如：邮箱、询盘表单等内容。文末附视频教程。为了方便管理和维护，通常我会将悬浮按钮制作在Footer模板中。 1、进入Footer模板编辑添加一个新的Section用于布局悬浮按钮为了避免该Seciton占用像素，将Section的margin和padding全部设置为0像素 ...

2022 年 12 月 27 日

如何使用Elementor制作透明和固定页眉？

本文介绍如何使用Elementor制作透明和固定页眉，使用Hello Elementor主题是不带页眉设置选项的，需要通过Elementor Pro的Theme buider创建和编辑Header模板来实现网站的页面设置。但是在Elementor Header模板实际制作过程中如果需要同时实现透明和固定页眉还是比较麻烦的，需要借助CSS来实现。本文是基于Elementor Pro和Hello E ...

2022 年 12 月 22 日 Elementor

如何使用Elementor制作外贸询盘表单？（超级详细教程）

本文介绍如何使用Elementor制作外贸询盘表单，在外贸B2B网站中询盘表单是非常重要的一个环节，你需要通过设置询盘表单来和客户建立联系，促成网站的转化。在WordPress中，我们可以借助非常多的表单插件来帮助我们实现询盘的功能，免费有Ninja Form，付费的有WPFrom等等。不过本文要介绍的是使用Elementor自带的From来实现询盘表单。 Form功能是Elementor的高 ...

2022 年 12 月 16 日

Elementor表单添加Google免费的reCAPTCHA V3过滤垃圾询盘

本文介绍如何给Elementor表单添加Google免费的reCAPTCHA V3过滤垃圾询盘，Google的reCAPTCHAreCAPTCHA 使用高级风险分析引擎和自适应挑战来防止恶意软件在您的网站上从事滥用活动。同时，合法用户将能够登录、购买、查看页面或创建帐户，虚假用户将被阻止。简单了解Google的reCAPTCHA Google的reCAPTCHA目前有企业版、V3版本和V2版本。 ...

2022 年 12 月 15 日 Elementor

Elementor动态内容是什么？如何使用?

Elementor动态内容是一种可以从网站其他地方获取数据的功能。在Elementor Pro的主题构建器中经常需要用到这项功能。本文将详细介绍Elementor动态内容是什么以及如何使用动态内容来构建我们的网站。在使用之前你需要安装激活Elementor Pro，否则无法使用动态内容。本站提供Elementor Pro官方授权，49元1个站点每年，如有需要可以联系获取。 1、Elemento ...

2022 年 11 月 29 日 Elementor

Elementor制作带有年份和站点标题的版权信息

本文介绍如何使用Elementor制作带有年份和站点标题的版权信息。我们通常会在网站底部制作一个版权信息，版权信息中会包含当前的年份以及版权所有者信息。常规的做法是直接输入一段版权信息的文字，但是每当信息变更时总是要手动去修改文字。本文的使用的方法是通过Icon list元素来制作一个具有多个动态内容的版权信息内容。前提：由于需要使用Elementor动态内容，所以需要安装和激活Elemen ...

2022 年 11 月 28 日

【Single Product】产品详情页模板制作？（附视频）

本文介绍如何使用Elementor Pro的Theme Builder的Single Product模板制作产品详情页面的过程。在制作之前你需要安装激活Elementor Pro和Woocommerce插件。说明：Product Archive模板是专门制作产品列表页面的模板，而Single Products模板是专门制作产品详情页面的模板。高清视频请转到B站主页观看 1、创建Single ...

2022 年 11 月 26 日

如何使用Elementor制作一个回到顶部按钮？

本文介绍如何使用Elementor制作一个回到顶部按钮，如果你使用的是Hello Elememtor主题和Elementor Pro来构建自己的网站，这篇文章将非常有用，Hello Elementor不想其它主题有预置的回到顶部功能，需要自己手动创建。 1、在Footer模板中添加一个回到顶部按钮如何制作Footer模板？进入Footer模板中，在任意位置添加一个按钮元素在按钮的高级设置里面 ...

2022 年 11 月 18 日

Elementor响应式设置详解（附视频）

本文介绍Elementor响应式如何设置，Elementor Page Buider 是一款响应式页面编辑器。能够帮助你快速适配不同的终端展示效果。高清视频请转到B站观看→ Elementor响应式断点(BreakPoints)设置 Elementor响应式断点设置在Elementor的Site Setting里面的Layout里面进行设置。默认的断点有2个Mobile和Tablet对应的默认 ...

2022 年 11 月 14 日 Elementor

如何使用Elementor制作404页面模板？

本文介绍如何使用Elementor Pro的Theme Builder来制作404页面模板，当用户在访问我们的网站时，如果到达的是一个不存在的页面，则会自动跳转到一个404页面，我们可以在404页面给用户一些提示和引导，降低用户直接跳出网站的概率。在使用Elementor 制作404页面模板之前，需要确保你已经安装并启用了Elementor Pro插件。进入Elementor 的 Theme ...

2022 年 11 月 14 日 Elementor

Elementor Display Condition显示条件设置详解(附视频)

Elementor Display Condition显示条件设置是Elementor Pro Theme Buider模板制作中的一个关键步骤。本文专门针对Display Condition设置做一篇详细的讲解，希望可以帮助你理解和使用Elementor Display Condition功能，以实现使用Elementor Pro自定义主题的目标。想要充分理解和使用Elementor Disp ...

2022 年 11 月 11 日 Elementor

如何安装激活Elementor Page Builder和Elementor Pro？

本文介绍如何安装激活Elementor Page Builder和Elementor Pro，基础插件Elementor Page Builder是必须要安装的，Elementor Pro依赖于Elementor基础插件，Elementor基础插件是免费的，直接在网站后台插件库在线安装即可，Elementor Pro则需要通过上传安装包的形式进行安装。 Elementor Pro的授权方式是通过链 ...

2022 年 11 月 5 日

点击注册享前三个月7折优惠

注册购买教程→

新手入门学习建站主机推荐

非常适合外贸新手入门的一款共享主机，非常简洁的管理面板，第一年费低至300元！

注册购买教程→

需要建站服务？

本站提供专业的外贸建站服务，如果你不想自己花时间精力搭建网站，可以将你的需求告诉我，我来帮助你搭建一个专业外贸独立站！

了解更多→