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

孤狼
171
文章
94
评论
2020年1月23日18:56:48 35 7,234 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:

评论:35   其中:访客  35   博主  0
    • 4232323 4232323

      明月别枝惊鹊,清风半夜鸣蝉。稻花香里说丰年。听取蛙声一片。七八个星天外,两三点雨山前。旧时茅店社林边。路转溪桥忽见。—-【西江月·夜行黄沙道中(宋辛弃疾)】

      • QWEQE QWEQE

        纵使晴明无雨色,入云深处亦沾衣—-【唐·张旭·山中留客】

        • L. L.

          知之者不如好之者,好之者不如乐之者—-【论语·雍也】

          • 放弃江南 放弃江南

            欲加之罪,何患辞—-【左传】

            • 我问 耳温枪 我问 耳温枪

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