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

孤狼
161
文章
83
评论
2020年1月23日18:56:48 18 1,973 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:

评论:18   其中:访客  18   博主  0
    • 水月洛神 水月洛神

      面具戴太久,就会长到脸上,再想揭下来,除非伤筋动骨扒皮。— 鲁迅

      • 手打撒 手打撒

        友谊是两颗心真诚相待,而不是一颗心对另一颗心的敲打。— 鲁迅

        • 相会先生 相会先生

          从来如此,便对么?— 鲁迅

          • 狂

            只有疯狂到认为自己能改变世界的人,才能真正改变世界。— 乔布斯

            • 丢失的风 丢失的风

              生存还是毁灭,这是个问题。— 莎士比亚

              • 云盏 云盏

                父母在,不远游,游必有方。— 孔子

                • 非亲非故、不明不白 非亲非故、不明不白

                  谢谢分享

                  • 非亲非故、不明不白 非亲非故、不明不白

                    人在为了保护最重要的人的时候,会变得非常坚强。— 白《火影忍者》