Category: 金融类

  • Elementor 和 GSAP:实现无负担动画效果的网站模板

    Elementor 和 GSAP:实现无负担动画效果的网站模板

    本项目模板的目标是利用 Elementor Page Builder 和 GSAP (GreenSock Animation Platform) 构建一个轻量、灵活的网站。整个项目完全避免第三方插件或主题的依赖,只专注于原生的 Elementor 和 GSAP 动画。这个模板特别适用于以下类型的网站:

    • 企业官网
    • 博客站点
    • 垂直电商平台

    通过这种方式,确保了网站不仅在视觉效果上有卓越的动画体验,同时也保持了代码的简洁和页面加载的高效。

    演示地址:https://demo-show.361sale.com/elementor-effects-17

    完整版演示地址:https://demo-show.361sale.com/

    图片[1]-361Sale WordPress Care
    图片[2]-361Sale WordPress Care

    文件下载地址↓

    你有两个选项,是导入整个完整版还是单独的页面。

    导入完整版

    好的,完整版的会有一点复杂,但不用担心,我会为你讲解步骤。

    图片[3]-361Sale WordPress Care

    在网站的后端我们找到elementor,然后找到工具,在找到导入/导出库,找到导入一个模板库,点击开始导入

    图片[4]-361Sale WordPress Care

    点击选择文件。找到我们下载好的zip文件包。如下图:

    图片[5]-361Sale WordPress Care

    如果出现安全弹窗,请不用担心,这是正常的,点击继续。如下图:

    图片[6]-361Sale WordPress Care

    请确保Elementor和Elementor Pro都是最新版本。如下图:

    图片[7]-361Sale WordPress Care

    然后点击右下角的下一页。如下图:

    图片[8]-361Sale WordPress Care

    勾选所有的项目,然后点击右下角的导入。如下图:

    图片[9]-361Sale WordPress Care

    导入过程需要2-3分钟,请耐心等待。如下图:

    图片[10]-361Sale WordPress Care

    如果出现此信息,代表全部完成,点击右下角的关闭即可。

    图片[11]-361Sale WordPress Care

    然后从网站后端点击前端,查看最终效果是否正常,是不是非常的简单。

    图片[12]-361Sale WordPress Care

    单独的页面

    请确保安装已经安装好Elementor免费版和Elementor Pro版。只有Elementor Pro版才有模版导入功能。

    图片[2]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)
    图片[3]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

    网站后端找到页面,点击添加新页面。如上图:

    图片[4]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

    启用Elementor编辑。如上图:

    图片[5]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

    点击添加旁边文件的图标,也就是模版。如上图:

    图片[6]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

    点击右上角的上传标志,然后点击选择文件,然后再在本地文件选择刚刚下载的文件。如上图:

    比如我们上传其中一个Our work页面模版

    图片[18]-361Sale WordPress Care

    然后回到我的模版,即可查看我们刚刚导入的模版,点击预览查看效果,然后再选择插入。如上图

    导入完成后查看效果,有可能会出现页眉页脚,那就需要选择好对应的模版了。

    图片[8]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

    点击我们刚刚导入的模版的页面,然后点击编辑。如上图:

    图片[9]-Elementor特效模版1-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

    选择模版,选择elementor画布,选择这个是因为不显示页眉和页脚,只显示模版内容。如上图

    图片[10]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)

    同时在使用elmentor编辑页面,选择站点设置,在选择布局。如上图:

    图片[11]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)

    也要确保一样是Elementor画布模版。这样就不会有其他内容。如上图:

    图片[12]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)
    图片[13]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)
    图片[14]-如何在 Elementor 中添加滚动视频序列提升视觉冲击力(附演示与下载)

    请关闭标头和页脚里面的内容,点击后隐藏里面的内容,如上图:

    最后别忘了保存,查看前端的效果哦。

  • Marline – 钓鱼与狩猎俱乐部 Elementor 模板套件

    Marline – 钓鱼与狩猎俱乐部 Elementor 模板套件

    Marline 是专为钓鱼俱乐部、狩猎、冒险、户外活动社区、旅游、钓鱼旅行等设计的现代化 Elementor 模板套件,具有独特设计、100% 响应式布局和 Retina 支持。无需编写代码即可轻松自定义。

    主要特点:

    • 使用免费插件,无需 Elementor Pro
    • 现代简洁设计
    • 包含 17+ 预制模板
    • 完全响应式布局
    • Retina 支持
    • 兼容主流浏览器

    模板包含:

    • 首页
    • 关于我们
    • 服务页面
    • 钓鱼点
    • 定价页面
    • 团队页面
    • 常见问题
    • 404 页面
    • 博客与单篇文章
    • 联系我们
    • 页眉与页脚
    • 侧边菜单
    • Metform 预约与联系表单
    • 全局样式

    必需插件:

    • Elementor
    • Elementor – Header, Footer & Blocks
    • Jeg Elementor Kit
    • MetForm

    安装步骤:

    1. 在 WordPress 中安装并激活 “Envato Elements” 插件。
    2. 上传模板套件(无需解压)。
    3. 点击 “Install Requirements” 激活所需插件。
    4. 单独导入模板并自定义。

    Metform 导入方法:

    1. 导入 Metform 模块模板和包含表单的页面模板。
    2. 在页面中启用 Navigator,定位到 Metform 小工具,点击 “编辑表单”。
    3. 新建表单,导入所需模板,完成自定义后更新页面。

    设置全局页眉与页脚:

    1. 导入页眉和页脚模板。
    2. 在 “外观 > Header Footer” 中创建新页眉或页脚,选择适用范围并发布。
    3. 使用 Elementor 编辑内容,插入模板并保存。

    注意: 模板套件使用的演示图片需从 Envato Elements 授权,或替换为您自己的图片。

  • MoxApp – 应用程序和金融科技初创公司 Elementor Pro 模板套件

    MoxApp – 应用程序和金融科技初创公司 Elementor Pro 模板套件

    MoxApp 是一个专为移动应用和金融科技初创公司网站设计的 Elementor 模板套件。它的外观现代、简洁且专业,适合用于构建提供专业服务的科技初创公司和商业网站。无论是初创企业还是成熟公司,MoxApp 都可以帮助您轻松构建一个符合专业标准的网站。此外,该模板套件还适用于多种行业,例如技术服务网站、金融科技公司、IT 服务、技术开发、数字公司等,甚至可以用它来撰写关于现代科技趋势的博客内容。只需拖放操作,无需编写任何代码。

    布局特点

    • 现代、专业的设计
    • 使用 Elementor Pro 构建
    • 100% 响应式,适合移动设备
    • 包含 12 个预构建模板
    • 易于定制
    • 与 Elementor Hello Theme 兼容

    模板套件包含的页面

    • 主页
    • 首页 2
    • 关于我们
    • 博客档案
    • 职业
    • 联系我们
    • 错误 404
    • 特征页面
    • 帮助中心
    • 定价计划
    • 单帖页面
    • 团队页面
    • 全球样式
    • 页眉和页脚

    注意:此套件需要 Elementor Pro 才能使用模板中的高级功能(Elementor Pro 需单独购买)。

    如何使用模板套件

    请注意,这不是完整的 WordPress 主题。此模板套件包含的是 Elementor 的设计数据,可以直接在 WordPress 中通过 Elementor 安装和使用。

  • Finteezy – 金融科技初创 & 数字钱包 Elementor 模板套件

    Finteezy – 金融科技初创 & 数字钱包 Elementor 模板套件

    Finteezy 是一个适用于在线支付网关的 Elementor 模板套件,设计简洁现代,提升用户信任与参与度。适合金融科技初创公司,支持自定义、安全支付集成、响应式布局,让您的支付平台更专业高效。

    特点

    • 现代专业设计
    • 快速加载
    • 兼容大部分 Elementor 主题
    • 无需代码,自定义轻松

    包含模板:主页、关于、服务、联系、团队、价格计划、博客、404 等

    所需插件:Elementor、Jeg Elementor Kit、Happy Elementor Addons

    使用步骤

    1. 确保安装最新的 Elementor 和 Envato Elements 插件。
    2. 上传未解压的模板包。
    3. 激活所需插件,逐一导入模板。
    4. 在 Elementor 中创建页面并开始编辑。
  • FinaByte – Saas & 金融科技初创公司 Elementor 模板套件

    FinaByte – Saas & 金融科技初创公司 Elementor 模板套件

    FinaByte 是专为 SaaS 和金融科技初创公司设计的 Elementor Pro 模板套件,包含 12+ 预建模板,现代专业,适合 SaaS、金融科技、移动应用等。使用 Elementor 页面生成器,无需编码,只需拖放即可轻松定制。

    特点

    • 现代专业设计
    • 支持 Elementor Pro
    • 100% 响应式
    • 兼容 Elementor Hello 主题
    • 易于自定义

    包含页面:主页、关于我们、联系我们、服务详情、团队等。

    使用步骤

    1. 安装 “Envato Elements” 插件。
    2. 上传模板套件文件(不要解压)。
    3. 激活所需插件,逐一导入模板。
    4. 在 Elementor 中创建页面并开始编辑。