Category: 商业与营销类

  • 在 Elementor 中创建带波浪悬停效果的图片库模板 | GSAP 动画技术应用

    在 Elementor 中创建带波浪悬停效果的图片库模板 | GSAP 动画技术应用

    这款 Elementor 图片库悬停效果模板利用 GSAP 动画技术,创建了独特的波浪悬停效果。用户在鼠标悬停时,图片会产生动感的波浪式动画,增强了视觉吸引力和互动体验。该模板包含多个设计元素,适用于完整页面布局,不仅仅局限于图片库板块。无论是展示产品、创意作品,还是其他多媒体内容,您都可以轻松地将这个模板应用到您的下一个网站项目中,提升整体的用户体验和网站的专业感。

    应用场景:

    产品展示:在电商网站中使用该模板展示不同种类的产品,鼠标悬停时查看更详细的产品信息和动态效果,提升用户的购物体验。

    创意作品展示:适用于艺术家、摄影师、设计师等创意工作者的网站,通过波浪悬停效果展示作品,带给访客沉浸式的视觉体验。

    案例展示与组合展示:公司或机构可以使用此效果展示项目、客户案例或多种服务,每个板块都有独特的悬停动态效果,增强页面的专业感与互动感。

    团队介绍:通过波浪悬停效果展示团队成员的照片,悬停时提供更多个人信息或联系方式,增加团队的亲和力。

    活动或宣传页面:适用于活动、宣传网站,通过动态波浪悬停效果展示活动详情、嘉宾、作品等,吸引用户参与。

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

    文件下载地址↓

    点击获取下载文件后,你会得到一个文件。

    图片[1]-361Sale WordPress Care

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

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

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

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

    启用Elementor编辑。如上图:

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

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

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

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

    图片[7]-361Sale WordPress Care

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

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

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

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

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

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

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

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

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

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

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

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

    最后保存后,查看前端效果是否正确。

  • Aspire Elementor模板套件:SEO与数字营销网站设计

    Aspire Elementor模板套件:SEO与数字营销网站设计

    Aspire是一个现代而优雅的Elementor模板套件,专为SEO和数字营销代理商设计。这个创意模板套件适用于提供社交媒体营销、SEO代理商、广告公司、媒体代理、数字营销等业务,帮助您轻松展示您的专业知识。

    模板套件特点:

    • 100%响应式,适配手机端
    • 现代简洁的设计
    • 易于编辑和自定义
    • 12+预设页面模板,开箱即用
    • 采用Hello Elementor主题构建
    • 适用于大多数支持Elementor的主题

    包含的模板:

    • 主页
    • 关于我们
    • 服务
    • 服务详情
    • 作品集
    • 作品集详情
    • 定价计划
    • 团队
    • 客户评价
    • 常见问题
    • 博客
    • 单个帖子
    • 404错误页面
    • 联系我们
    • 头部
    • 底部
    • MetForm新闻订阅
    • MetForm联系表单

    安装和使用指南:

    1. 下载并安装插件
      • 下载你的模板文件,不要解压它。如果您使用Safari浏览器,请确保禁用“下载后打开安全文件”选项。
      • 进入WordPress管理后台,前往 外观 > 主题 > 添加新主题,确保安装并启用 Hello Elementor 主题。此时,如果还未安装Elementor插件,将提示您安装它。
      • 确保安装并启用了最新版本的Elementor和Envato Elements插件。如果模板需要Elementor Pro,必须先安装并登录到你的Elementor Pro帐户。
    2. 导入模板套件
      • 导航到 元素 > 安装的套件,点击上传并导入模板包的ZIP文件。
      • 在页面顶部检查是否有橙色的横幅,点击 安装需求 按钮以加载模板所需的插件。
    3. 导入全球样式和页面模板
      • 首先,点击 导入全球样式 按钮来设置网站的全局样式。
      • 按照顺序逐一点击导入模板,这些模板存储在Elementor的 模板 > 保存的模板 下,不要直接编辑它们。
    4. 创建页面
      • 进入 页面,点击 创建新页面,然后点击 使用Elementor编辑
      • 在页面设置中选择 Elementor 全宽,并隐藏页面标题。
      • 点击 灰色文件夹图标 进入 我的模板,然后选择并导入你想要自定义的页面模板。
      • 设置 > 阅读 中,将首页设置为 静态首页
    5. 定制头部和底部
      • 如果你拥有Elementor Pro,可以在 模板 > 主题构建器 中定制网站的头部和底部。
      • 如果没有Elementor Pro,可以通过 Jeg Elementor Kit插件 设置头部和底部:
        • 前往 Jeg Elementor Kit菜单 > 头部模板,点击 添加新头部
        • 添加条件设置为 全站,然后点击 创建
        • 点击铅笔图标进入编辑页面,在 我的模板 中选择你要插入的头部模板。
    6. 导入MetForm表单
      • 如果已经安装了Elementor Pro,请跳过MetForm表单模块的安装。
      • 导入MetForm表单模块:
        • 导入包含表单的页面模板,并右键点击启用 导航器
        • 定位并选择 MetForm小部件,点击 编辑表单,然后选择 新建,进入表单编辑器。
        • 点击 添加模板,选择 我的模板 标签,插入导入的MetForm表单模板。
        • 对表单进行必要的自定义,然后点击 更新并关闭,保存表单。
    7. 如何设置MetForm表单和头部定制
      • 完成表单设置后,点击 更新 按钮。
  • Mazuma 商业网站Elementor模板套件

    Mazuma 商业网站Elementor模板套件

    Mazuma – 商业网站模板 是一个现代且专业的网页模板,完美适用于代理机构、营销、咨询、初创公司、IT 解决方案和服务类公司的网站。它具有简洁、现代的设计,且模板套件是使用 Elementor 免费版构建的。

    特性

    • 10 个页面模板
    • Elementor 免费版支持
    • 无需编码知识
    • 现代化设计
    • 易于定制
    • 平滑动画效果
    • 完全响应式

    包含的模板

    • 首页
    • 关于我们
    • 服务
    • 作品集
    • 作品集详细页
    • 团队
    • 常见问题
    • 联系我们
    • 单个帖子
    • 博客归档
    • 头部
    • 底部

    使用的插件及要求

    • Elementor
    • ElementsKit Lite
    • 图片悬停效果
    • Elementor 的粘性头部效果

    安装指南

    1. 安装和激活 Envato Elements 插件

    首先,在 WordPress 后台进入 插件 > 添加新,然后搜索并安装 Envato Elements 插件,并激活您的订阅。

    2. 从 Premium Kits 库加载模板

    如果您的订阅包含 Premium 套件,您可以直接从 Premium Kits 库加载模板。

    3. 手动导入模板

    • 请勿解压下载的文件。
    • 在 WordPress 后台进入 Elements > Installed Kits,点击 Import Kit 按钮,上传下载的 Kit zip 文件
    • 在导入模板前,确保点击 Install Requirements 按钮来激活所需的插件。

    4. 导入模板

    • 为了获得最佳效果,建议一次导入一个模板,避免批量导入模板可能带来的问题。
  • GiveBoost – 数字营销机构 Elementor Pro 模板套件

    GiveBoost – 数字营销机构 Elementor Pro 模板套件

    GiveBoost 是一款专为数字营销和 SEO 代理设计的 Elementor 模板套件,包含适用于 SEO 优化、创意代理、社交媒体等场景的全套模板。所有内容都通过 Elementor 插件构建,无需编写代码,非常容易定制。

    此模板套件专为免费 Hello Elementor 主题优化,但同样兼容大多数支持 Elementor 的主题。

    布局特点

    • 现代专业的设计
    • 使用 Elementor Pro 构建
    • 100% 响应式,移动设备友好
    • 包含 18+ 个预建模板
    • 易于定制
    • 兼容 Hello Elementor 主题

    请注意:某些模板和功能需要升级到 Elementor Pro 才能使用。

    获取方式:

    如需进一步了解或获取支持,请联系我们。