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

孤狼

171
文章

118
评论

2020年1月23日18:56:486616,083 3512字阅读11分42秒

摘要

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

【效果展示】

此处为隐藏的内容

发表评论并刷新，方可查看

因为代码中有中文，编辑后需要将模板文件保存为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'; ?>

继续阅读

评论：66 其中：访客 66 博主 0