网站灯笼特效,增加喜庆气氛

2,092次阅读
一条评论

很早以前就看见(过年前)

果核剥壳网站挂起了灯笼

网站灯笼特效,增加喜庆气氛

https://www.ghpym.com/

今日查资料偶然发现一点优化也有

Chrome内会摆动,但是在QQ浏览器、

Edge(Chromium)、傲游浏览器无动态

仔细看,那个穗尾的位置也不对

网站灯笼特效,增加喜庆气氛

http://www.seoyh.net/

蒲公英博客的穗尾的位置也不对

看来两者引用的可能是同一源码

网站灯笼特效,增加喜庆气氛

https://www.aipgy.com/

经过上网简单查阅相关资料

特别是爱搜博客(无忧博客)的指导

https://www.ainiseo.com/

笔者在个人博客上实现满意的效果

网站灯笼特效,增加喜庆气氛

亲测在代码在 Chrome、QQ浏览器、

Edge(Chromium)、傲游浏览器有动态

方式一:添加 HTML 代码、CSS 样式

可以参考“为网站添加春节灯笼动态特效”

https://www.ainiseo.com/jianzhan/plugins/7203.html

这里仅介绍 WordPress 网站的便捷操作

一、上传PHP文件

将压缩包解压出的 deng.php 文件用 FTP 工具上传到当前主题根目录,比如:webroot/wp-content/themes/Dobby-master-1/
你也可以上传前修改灯笼的样式,比如:灯笼上的字及其样式。
网站灯笼特效,增加喜庆气氛
代码可不只26行,见右边代码地图导航
查找 font,修改字体样式
网站灯笼特效,增加喜庆气氛

二、修改 footer.php 文件

你可以使用 WordPress 自带主题编辑器,不过先建议下载 footer.php到本地,使用专业的代码编辑软件操作,比如:Sublime Text,改后保存再上传覆盖原文件。修改的操作是引入 deng.php 文件。
若在所有页面显示灯笼,则添加如下代码到<?php wp_footer(); ?>标签前面。
<?php require get_template_directory() . '/deng.php'; ?>
若仅在首页显示灯笼,则添加如下代码到<?php wp_footer(); ?>标签前面。
<?php if (is_home()) { ?>
<?php require get_template_directory() . '/deng.php'; ?>
<?php } ?>
如下图所示:
网站灯笼特效,增加喜庆气氛

清除缓存,刷新网页

即得半透明摇曳的灯笼啦!







文件名称:春节灯笼PHP源码
适用版本:PHP
更新日期:2020-02-04
文件大小:1.2KB

点击下载

松鼠小
版权声明:本站原创文章,由松鼠小2020-02-04发表,共计1031字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(一条评论)
小星星 评论达人 LV.1
2020-02-28 12:58:08 回复

我想试试,看看好不好用!

隐藏
变装