NOISE知识效率集
📝

在WP网站挂灯笼,css 灯笼特效

 
notion image
第一步、添加HTML代码
将下面的HTML代码添加到主题页脚模板footer.php,</body>标签的上面。
因为代码中有中文,编辑后需要将模板文件保存为UTF-8 无BOM(无签名)的格式,后台主题编辑中修改可以忽略,上面的代码可以只加一个,个人感觉挂两个灯笼更灵动些。
如果只想在首页显示灯笼,可以用下面的判断语句把HTML代码包裹起来

第二步、添加样式

将样式代码添加到WP后台 → 外观 → 自定义 → 额外CSS 中,点击“发布”即可。
也可以将样式代码直接加到主题样式文件style.css的最后。可能灯笼上的文字字号在有些主题上有点大,可以适当修改第133行的字号:font-size: 3.2rem;
如果被其他图层挡住了,请修改5,12,111行 z-index 的值。
badge