如何在 Shopify 主题中添加酷炫的动态打字效果以吸引眼球

上周我大概花了一周时间,对这个博客进行了超过 20 项的细节优化或功能添加,如果你是老粉丝的话,现在浏览博客,对比之前应该会发现一些变化。

有的粉丝看到了博客首页 Logo 的动态打字效果,觉得挺神奇,问如何实现的,因此本期教程讲解实现原理,以及在 Shopify主题中的应用。

效果预览

点击这里查看视频 (文字内容可任意自定义)

你可能在别的 Shopify 店铺上也看到过类似的效果,虽然我是用在博客 Logo 上,但是其他元素的用法也是一样的。例如:

  • Shopify Featured Collection(特色产品系列)的标题
  • 促销图文模块或者大 Banner 图的 Heading
  • 导航菜单的某个标题
  • About us 等页面的标题
  • ……等等

提示:我之所以没有在博客文章页面使用,是为了访客在浏览教程时,能够更专注于内容本身,因为博客文章原本就是文字偏多的类型,着重点跟 吸引注意力提升趣味性 不同。具体问题具体分析。

Anyway,掌握了原理,你想用在哪里都是可以自己决定的,我只是提一下我的考量,方便你了解更多信息。

扩展内容:

第 161-3 期 如何从零开始学习 Shopify 主题修改优化和开发