学习

过年啦,挂灯笼!

 

过年挂灯笼是中国的一个习俗,家里挂灯笼,博客也是自己的家,当然也要挂一个了。很多年前Flash流行时,网上可以随便找一个Flash动画的灯笼,很方便就可以加到网站主题模板上,如今Flash已成过眼云烟,在国内甚至已变成流氓插件,网上找了找没有合适CSS3动画灯笼,那就自己写一个吧,效果如图。

有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。

这个灯笼只是简单应用一下CSS3动画,纯HTML+CSS手敲出来的,由于时间短写的不是很严谨,但不影响使用,具体实现方法,文章最后有打包文件下载。

[url href=’https://sn9.us/file/4050581-420755655′]打包的文件下载[/url]

使用方法:

第一步,解压后将deng.php文件上传到当前主题根目录中。

第二步,打开当前主题页脚模板footer.php,在<?php wp_footer(); ?>上面添加以下代码:

[v_notice]<?php require get_template_directory() . ‘/deng.php’; ?>[/v_notice]

添加判断函数

如果只想在首页显示灯笼,可以用下面的判断语句把上面的代码包裹起来:

[v_notice]

<?php if (is_home()) { ?>

<!– 代码放这里 –>

<?php } ?>

[/v_notice]

如果不想在手机移动端不显示,打开当前主题页脚模板footer.php,在<?php wp_footer(); ?>上面添加以下代码:

[v_notice]

<?php if (!wp_is_mobile()) { ?>

<?php require get_template_directory() . ‘/deng.php’; ?>

<?php } ?>

[/v_notice]

提示:加显示判断函数,代码必须添加在页脚模板<?php wp_footer(); ?>函数上面,否则无效。

祝大家春节快乐,万事如意,年年吉祥!

分享到:

评论0

请先

a. 通过签到两天,每天可获取0.5筝币,即可购买体验 VIP 一天。

b. 投稿古筝谱通过 1 次赠送体验 VIP 七天。(累计照算两不误)

c. 投稿古筝谱累计通过 49 次奖励 VIP 一年。

d. 投稿古筝谱累计通过 199 次奖励 VIP 五年。

······

查看更多详情
没有账号? 忘记密码?