效果演示
环境要求
- PHP 7.4 或以上版本
- MySQL 5.0 或 MariaDB 10.0 及以上版本
- WordPress 6.5 或以上版本
- WordPress 主题自带的 Gutenberg 古腾堡编辑器不可禁用(默认已开启)
技术规格与设备兼容
MooKwai 的前端代码使用 HTML5, CSS3, Javascript(ES 6) 等较新技术规格,符合 W3C 代码规范。
MooKwai 所生成的前端页面,支持当下各种主流浏览器与移动设备,对于其它使用了最新版本的 WebKit、Blink 或 Gecko 内核的浏览器,或者直接或间接调用了平台的 web view API,都不是明确被支持的。但是(大多数情况下)在这些浏览器中是能够正常显示和运行的。对于较老版本浏览器如 IE 或以下版本可能会出现兼容问题。如需对老版浏览器向下兼容,请谨慎使用。
第三方Javascript库
Gsap
全球领先的动画引擎,使用 Javascript 方式处理元素动画,速度快且流畅。MooKwai 将所需要的扩展打包到了一个 vendors.js文件中,其中包含以下扩展:
- GSAP Core
- GSAP InertiaPlugin
- GSAP ScrollSmoother
- GSAP ScrollToPlugin
- GSAP ScrollTrigger
- GSAP SplitText
- GSAP TextPlugin
- GSAP Observer
Lottie
Lottie 是 Airbnb 发布的一款开源动画库,它适用于 Android、iOS、Web 和 Windows 的库。通过 After Effects 设计好动画效果,导出 .json 文件,即可实现动画效果。
Lenis
轻量级的模糊滚动插件,具有极高的性能,让页面滚动更加丝滑流畅。
jQuery(默认禁用)
jQuery 是 WordPress 默认引用的js组件库,在 MooKwai 中未使用 jQuery,因此,MooKwai 默认情况下禁用了前端调用 jQuery,如你的项目或安装的插件需使用 jQuery 库,可在 “控制台” – “MooKwai” – “设置” 中开启。
安装 WordPress
前往 WordPress 官网下载程序文件包后部署到你的网站服务器中,具体的部署方式请查看 WordPress 官方文档 或网上查阅。
下载主题并激活
- 通过 MooKwai 官网下载并上传到网站主题文件夹中( wp-content/themes/ )。
- 进入 “控制台” – “外观” – “主题”中启用主题。
- MooKwai 需对固定链接进行重写,请前往 “控制台” – “设置” – “固定链接” 中将固定链接形式改为朴素以外的任意形式。
注:主题安装成功后,可前往 “控制台” – “MooKwai” – “系统” 页面中查看当前网站环境是否符合使用要求。
其他
MooKwai 的设计思路是基于前端开发思路进行设计,因此使用 MooKwai 搭建你的网站,建议具有前端开发的基本知识。