【新年气象】过年啦WordPress 主题添加挂灯笼特效

孤狼
171
文章
95
评论
2020年1月23日18:56:48 42 10,798 3512字阅读11分42秒
摘要

过年挂灯笼是中国的一个习俗,家里挂灯笼,自己博客也是自己的家,当然也要挂一个了。代码这里也分享一下,有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。这个灯笼只是简单应用一下CSS3动画,纯HTML+CSS

【效果展示】

【新年气象】过年啦WordPress 主题添加挂灯笼特效

【PHP文件】

此处为隐藏的内容!
发表评论并刷新,方可查看
因为代码中有中文,编辑后需要将模板文件保存为UTF-8 无BOM(无签名)的格式,后台主题编辑中修改可以忽略,上面的代码可以只加一个,个人感觉挂两个灯笼更灵动些。

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

<?php if (is_home()) { ?>
<!-- 代码放这里 -->
<?php } ?>

可能灯笼上的文字字号在有些主题上有点大,可以适当修改第162行的字号:font-size: 3.2rem;

【使用方法】

第一步,将以上代码保存为deng.php文件上传到当前主题根目录中。

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

<?php require get_template_directory() . '/deng.php'; ?>
继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
  • 本文由 发表于 2020年1月23日18:56:48
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

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

评论:42   其中:访客  42   博主  0
    • 颠倒黑白 颠倒黑白

      踏破铁鞋无觅处,得来全不费功夫—-【明·冯梦龙·警世通言】

      • 王小优 王小优

        昨夜星辰昨夜风,画楼西畔桂堂东。身无彩凤双飞翼,心有灵犀一点通。隔座送钩春酒暖,分曹射覆蜡灯红。嗟余听鼓应官去,走马兰台娄转蓬。—-【无题(唐李商隐)】