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 中添加滚动视频序列提升视觉冲击力(附演示与下载)

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

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

  • Digest:为科技公司打造的专业 Elementor 模板套件

    Digest:为科技公司打造的专业 Elementor 模板套件

    Digest 是一个 Elementor 模板套件,专为科技公司网站设计,适用于 IT 服务、技术解决方案、网络安全、IT 支持、初创公司、云解决方案、托管公司和网络管理等领域。Digest 提供了富有创意和现代感的网页设计风格,让你的 WordPress 网站更具现代化风格。

    请注意,Digest 不是完整的 WordPress 主题,而是一个模板套件,包含 Elementor 页面构建器的页面内容。该套件已针对免费的 Hello Elementor 主题进行了优化,但也兼容大多数支持 Elementor 的主题。

    特征

    • 包含 12+ 个预构建模板
    • 无需代码,拖放式可视化构建器
    • 全局自定义字体和颜色,或对单个元素进行微调
    • 简洁、现代的设计,快速加载
    • 响应式布局,适用于所有设备
    • 兼容大多数 Elementor 主题

    模板页面

    • 首页
    • 服务页面
    • 关于我们
    • 价格页
    • 项目展示
    • 单一服务
    • 联系页面
    • 博客页面
    • 单篇文章
    • 页眉和页脚
    • 联系表单
    • 全局样式

    所需插件

    • ElementsKit Lite
    • MetForm

    使用说明

    Digest 模板套件仅包含 Elementor 的设计数据,可在 Elementor 中进行安装。

  • BrandBuzz:为数字代理和创意工作室打造的专业 Elementor 模板套件

    BrandBuzz:为数字代理和创意工作室打造的专业 Elementor 模板套件

    BrandBuzz 是一款专为数字代理、营销机构、创意工作室和自由职业者设计的 Elementor 模板套件,帮助他们建立专业、精致的在线形象。BrandBuzz 拥有简洁现代的设计、直观的用户界面和流畅的浏览体验,使其成为吸引潜在客户的理想选择。该模板套件包含可自定义的页面布局,便于展示团队、重点服务和项目组合。响应式设计确保跨设备的最佳性能,提升用户的可访问性。集成的服务详情、定价和联系方式版块让访问者轻松了解信息并与您联系,是提升品牌在线影响力的完整解决方案。

    主要特点

    • 无需代码的拖放式可视化编辑
    • 一键全局自定义字体和颜色,或微调单个元素
    • 专业、现代设计,快速加载
    • 兼容大多数 Elementor 主题

    包含的页面

    • 首页
    • 关于我们
    • 团队
    • 服务
    • 服务详情
    • 项目展示
    • 价格页
    • 帮助中心
    • 联系我们

    所需插件

    • Jeg Elementor Kit
    • MetForm

    如何使用模板套件

    请注意,此模板套件不是完整的 WordPress 主题,而是包含 Elementor 设计数据,可在 Elementor 中安装。

    安装与使用指南

    使用 MetForm 表单

    如果使用 Elementor Pro,可以跳过 MetForm 插件的安装。若使用 MetForm,请按照以下步骤导入表单:

    1. 导入 MetForm 模板。
    2. 在页面中添加 MetForm 小工具,点击“编辑表单”。
    3. 创建新表单并加载导入的模板,自定义后点击“更新”。

    设置 Jeg Elementor Kit 的页眉

    如果使用 Elementor Pro,可通过主题构建器自定义页眉和页脚。使用 Jeg Elementor Kit 插件时,按以下步骤操作:

    1. 进入 Jeg Elementor Kit > Header Template
    2. 添加新页眉,设置显示条件为“全站”。
    3. 插入页眉模板并自定义,完成后保存。

    BrandBuzz 模板套件简化了创建专业网站的流程,是数字时代构建优质代理网站的高效工具。