如何在 Shopify 主题中添加酷炫的动态打字效果以吸引眼球
上周我大概花了一周时间,对这个博客进行了超过 20 项的细节优化或功能添加,如果你是老粉丝的话,现在浏览博客,对比之前应该会发现一些变化。
有的粉丝看到了博客首页 Logo 的动态打字效果,觉得挺神奇,问如何实现的,因此本期教程讲解实现原理,以及在 Shopify主题中的应用。
效果预览
点击这里查看视频 (文字内容可任意自定义)
你可能在别的 Shopify 店铺上也看到过类似的效果,虽然我是用在博客 Logo 上,但是其他元素的用法也是一样的。例如:
- Shopify Featured Collection(特色产品系列)的标题
- 促销图文模块或者大 Banner 图的 Heading
- 导航菜单的某个标题
- About us 等页面的标题
- ……等等
提示:我之所以没有在博客文章页面使用,是为了访客在浏览教程时,能够更专注于内容本身,因为博客文章原本就是文字偏多的类型,着重点跟 吸引注意力、提升趣味性 不同。具体问题具体分析。
Anyway,掌握了原理,你想用在哪里都是可以自己决定的,我只是提一下我的考量,方便你了解更多信息。