WordPress 节日灯笼插件

2021年6月6日19:46:5067
摘要

去年春节做了个CSS3动画灯笼,貌似大家都很喜欢,虽然只是一个简单的玩意,不过使用起来还是有点麻烦,需要向当前主题添加调用代码。特将原来的代码整理一下,制作成插件,加入设置选项,方便大家使用,插件在W…

去年春节做了个CSS3动画灯笼,貌似大家都很喜欢,虽然只是一个简单的玩意,不过使用起来还是有点麻烦,需要向当前主题添加调用代码。特将原来的代码整理一下,制作成插件,加入设置选项,方便大家使用,插件在WP默认主题中测试正常,提前预祝大家春节快乐,牛气冲天!

点击图片查看演示效果

WordPress 节日灯笼插件

使用方法:

将下载的插件压缩包,通过WP后台 → 插件 → 安装插件 → 上传插件,添加上传插件,启用后会跳转到插件设置页面(或者WP后台 → 设置 → 节日装点),可以选择显示顶部左右灯笼、花瓣飘落、梅花枝等。

WordPress 节日灯笼插件

虽然这些元素是浮动在页面上层,但并不影响鼠标透过元素点击链接。摆动的灯笼,是纯DIV+CSS3动画制作,梅花枝只是张透明PNG背景图片,而花瓣飘落特效加载了JS文件,并需要jquery配合,不太适合长期使用,可能会造成电脑卡顿,影响浏览体验。

如果想修改灯笼上的文字,可以打开plugins\festival\assets目录class.php文件,修改其中的文字。

提前预祝大家春节快乐,牛气冲天!

不信谣,不传谣! 关于印发新型冠状病毒肺炎诊疗方案(试行第八版 修订版)的通知