WordPress 节日灯笼插件

宋超 代码如诗评论2,251阅读模式

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

 

点击图片查看演示效果

WordPress 节日灯笼插件

使用方法:

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

WordPress 节日灯笼插件

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

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

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

文章末尾固定信息
weinxin
我的微信
微信扫一扫
宋超
  • 本文由 发表于 2021年4月13日 15:12:13
  • 转载请务必保留本文链接:https://www.songchao.cc/9040.html
评论  0  访客  0
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: