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

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

评论:29   其中:访客  29   博主  0
    • 人

      沙发垫

      • 哈哈哈 哈哈哈

        山高自有客行路,水深自有渡船人—-【明·吴承恩·西游记】

        • 你真好 你真好

          春风知别苦,不遣柳条青—-【唐·李白·劳劳亭】

          • xmkj9117 xmkj9117

            怎么去广告?推荐NBS!也可以使用一下网吧卫士、IV3、370、维护大师这几个软件。

            • ni ni

              岱宗夫如何?齐鲁青未了。造化钟神秀,阴阳割昏晓。荡胸生层云,决眦(zī)入归鸟。会当凌绝顶,一览众山小。—-【望岳(唐杜甫)】

              • 攻程狮 攻程狮

                怎么去广告?推荐NBS!也可以使用一下网吧卫士、IV3、370、维护大师这几个软件。

                • 南旭 南旭

                  如果你的附近的竞争对手没有包时这种计费模式,建议你不要轻易开启这种计费模式。

                  • 小白杨 小白杨

                    厉害

                    • 梓欣 梓欣

                      厉害了