Elementor教程

分类：

本文介绍如何使用Elementor Pro制作产品汇总和分类页面模板，在制作之前你需要确保已经安装和激活了Elementor Pro和Woocommerce插件，之后我们就可以使用Elementor Pro的Theme Builder创建Products Archive模板。说明：Product Archive模板是专门制作产品列表页面的模板，而Single Products模板是专门制作产品详 ...

2022 年 10 月 24 日 Elementor

如何使用Elementor页面编辑器编辑WordPress网站内容？

本文介绍如何使用Elementor页面编辑器编辑页面，Elementor免费的基础版本就可以实现编辑页面、文章，只需要安装激活插件，并设置好编辑的内容类型即可。 Elementor页面编辑器安装 Elementor基础版本安装非常简单，只需要在网站后台进行安装并启用插件即可。 Elementor Pro需要购买之后下载高级插件包通过上传的方式安装，启用之后通过链接账号的方式激活授权。详细的安装教 ...

2022 年 10 月 23 日 Elementor

如何做Elementor Pro全局风格设置？

Elementor Pro全局风格设置是一个整体设置，只有安装了Elementor Pro才可以进行全局设置，类似主题的主题设置，它可以帮助你预设好整体的网站颜色风格，字体样式以及布局和元素预设等内容，这些将大大减少你后期网站制作的工作量。比如，我们可以设置好几个全局的颜色，然后在设置内容颜色的时候就直接全责这些全局颜色本文内容不含Elementor的安装配置内容，如需阅读请访问《Elemen ...

2022 年 10 月 20 日 Elementor

如何在 elementor 表单上添加国家、州和城市字段？

本文介绍如何在 elementor 表单上添加国家、州和城市字段，你可以实现让用户在表单上选择国家，然后选择对应的州和城市，Elementor Pro的Form元素本身没国家、州和城市字段，从营销角度，这是一个需求，获取客户的地区属性，可以为客户提供更加合适服务。第一步：安装激活IWS – Geo Form Fields插件这是一个免费插件，通过这个插件你还可以添加列表中没有的国家城市数据。 ...

2022 年 9 月 5 日 Elementor

如何使用Elementor Costom Code添加Google跟踪代码？

本文介绍如何使用Elementor Costom Code添加Google跟踪代码，你可以参照添加其它跟踪代码，如果你使用了Elementor Pro无需再安装其它插件就可以实现。如何为网站开启和获得Google Search Console代码→ 如何为网站开启和获得Google Analysis代码→ 获取相应的代码之后，根据代码安装要求，我们讲代码插入到网站的Header标签中。我们以G ...

2022 年 8 月 24 日 Elementor Google

如何给B2B外贸网站询盘表单添加Google免费的reCAPTCHA V2服务？

reCAPTCHA是由Google提供的一项免费服务（也有企业收费版本的），它可以保护你的网站免受欺诈和滥用，通常我会在B2B外贸网站询盘表单中添加reCAPTCHA 第 2 版的“进行人机身份验证”复选框。实现的效果图如下：这里我使用的Elementor的表单，所以我将reCAPTCHA集成到Elementor中。如何使用Elementor Pro制作询盘表单？👉 第一步：在Google r ...

2022 年 7 月 22 日

Elementor教程：如何用Elementor Pro的Form元素制作B2B网站的询盘表单？

Elementor Pro的Form元素可以制作B2B网站的询盘表单，不用再购买或安装其他额外的插件。我通常做一个单独的Section模板，里面只放一个表单元素，然后再网站中需要添加询盘表单的地方插入一个模板元素，然后选择我创建这个section模板即可。这样整个网站我只需要维护一个表单即可。当然你也可以通过将做好的表单元素设置为全局小部件的方式来实现。下面的视频是详细的制作操作过程，你可 ...

2022 年 7 月 8 日 Elementor

如何使用Elementor编辑产品的描述内容？

通常Woocommerce的产品描述编辑是使用默认编辑器编辑，默认编辑器的排版布局都非常受限制，如果你想要使用Elementor编辑产品的描述内容，可以按照如下方法操作。第一步：设置Elementor的Post types 进入Elementor【设置】-【常规】，勾选【Products】保存。第二步：使用Elementor编辑产品的描述内容返回到产品详情编辑，可以看到在产品描述的上方多出一 ...

2022 年 7 月 4 日

2022如何制作带有Off-Canvas和固定页眉的网站Header（Elementor Pro+UAE）附视频

本文介绍如何使用Elementor Pro和扩展插件Ultimate Addons for Elementor制作一个带有Off-Canvas和固定页眉的Header模板。视频参考的模板是我创建的Demo004模板，适用于家居行业的外贸B2B营销网站。第一步：创建一个Header模板进入网站后台，Template下面的Theme Builder，选择Header类型的模板，添加一个新的。第 ...

2022 年 5 月 19 日

WordPress B2B外贸网站产品管理终极指南（Elementor Pro+woocommerce）2022

在Wordpress中我们通常会用woocommerce来做B2B外贸网站产品管理，虽然它是一款电子商务系统，但它同时也可以实现B2B外贸网站产品管理。本文将介绍如何利用woocommerce实现网站的产品管理，以及通过Elementor Pro来自定义产品页面，包括如何添加产品询盘功能等内容。本教程基于Woocommerce（免费）、Elementor Pro（最低49刀/1年/1个授权）、U ...

2022 年 5 月 11 日 B2B Elementor woocommerce 产品管理

如何使用Elementor Pro制作网站Footer？

本文介绍如何用Elementor Pro制作网站Footer，Elementor Pro制作的网站Footer可以覆盖主题的Footer设置，制作完成之后只需要维护Footer模板即可。本教程的前提是你的网站已经安装并激活了Elementor Pro。第一步：进入Elementor的Themebuilder 第二步：新建Footer模板和Header一样一个网站只能创建一个应用到整站的Hea ...

2022 年 4 月 28 日

如何用Elementor Pro制作网站Header？

本文介绍如何用Elementor Pro制作网站Header，Elementor Pro制作的网站Header可以覆盖主题的Header设置，制作完成之后只需要维护Header模板即可。本教程的前提是你的网站已经安装并激活了Elementor Pro。第一步：进入Elementor的Themebuilder 第二步：新建Header模板注意一个网站只能创建一个应用到整站的Header，否则就 ...

2022 年 4 月 28 日

使用Elementor Pro自定义B2B外贸网站主题全攻略2022

使用Elementor pro可以完全自定义WordPress网站主题，制作页眉、页脚、文章列表、文章详情、产品列表、产品详情等页面，它还能够让你抛开那些厚重的主题，以及繁琐的主题设置，只需要安装默认主题或者Elementor自带的Hello Elementor主题，实现提升网站速度的效果。为避免发生一些不兼容的情况，推荐使用Hello Elementor主题或者Astra主题（免费版即可）！E ...

2022 年 4 月 27 日

ElementsKit插件制作网站Header、Footer、Mega Menu【附视频教程】

本篇教程将使用免费的Elementskit插件进行网站Header和Footer制作，包含如何制作Mega菜单。 1、安装Elementskit插件网站后台搜索【Elementor】，找到插件Elementskit，并点击【立即安装】，安装成功之后点击【启用】。 2、插件设置启用插件后返回插件列表，点击插件【setting】按钮，进入插件设置界面。 3、创建Header 网站后台【Elemen ...

2021 年 12 月 15 日

Hello Elementor主题（免费版）安装并导入模板

Hello主题开箱即用，并与Elementor保持一致的兼容性。而且是一款非常轻量的主题，如果你已经对Elementor非常熟悉和了解，并希望使用一个轻量的主题壳就可以使用Hello Elementor。但是需要提醒的是，Hello Elementor主题非常简单，它所带来的优势完全基于Elementor页面编辑这个插件的结合使用。所以导入模板的过程也相对复杂，没有像Astra主题那 ...

2021 年 6 月 1 日