这里说一下,作者提供了两种方法部署灯笼,
- 第一种是 在footer.php主题页脚文件内添加灯笼前端代码,然后在添加style.css样式表内添加css。
- 第二种是把灯笼代码和演示集成到一个文件内 deng.php ,然后在footer.php主题页脚文件内引入这个deng.php文件。至于if判断首页和手机端显示,也可以学习一下。举一反三,在很多地方都能使用的到。
以下教材源自:知更鸟 过年啦,挂灯笼!
代码这里也分享一下,有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。
这个灯笼只是简单应用一下CSS3动画,纯HTML+CSS手敲出来的,由于时间短写的不是很严谨,但不影响使用,具体实现方法,文章最后有打包文件下载。
第一步、添加HTML代码
将下面的HTML代码添加到主题页脚模板footer.php,</body>标签的上面。
因为代码中有中文,编辑后需要将模板文件保存为UTF-8 无BOM(无签名)的格式,后台主题编辑中修改可以忽略,上面的代码可以只加一个,个人感觉挂两个灯笼更灵动些。
如果只想在首页显示灯笼,可以用下面的判断语句把HTML代码包裹起来:
第二步、添加样式
将样式代码添加到WP后台 → 外观 → 自定义 → 额外CSS 中,点击“发布”即可。
也可以将样式代码直接加到主题样式文件style.css的最后。可能灯笼上的文字字号在有些主题上有点大,可以适当修改第133行的字号:font-size: 3.2rem;
第二种方法,集成到deng.php 然后引入到footer.php
这里就不搞下载了,大家直接复制下边的代码,然后在主题根目录新建一个 deng.php 文件,然后把代码丢进去即可。
使用方法:
第一步,将创建好的deng.php文件上传到当前主题根目录中。
第二步,打开当前主题页脚模板footer.php,在<?php wp_footer(); ?>上面添加:
添加判断函数
如果只想在首页显示灯笼,可以用下面的判断语句把上面的代码包裹起来:
手机移动端不显示:
提示:加显示判断函数,代码必须添加在页脚模板<?php wp_footer(); ?>函数上面,否则无效。
①本站所有资源免费,收取的费用仅是人工测试和服务器日常费用,请须知。
②本站资源仅用于个人学习和交流,如用于商业使用请选择正版程序。
③本站其他资源来源网络或者用户投稿,如有侵权请联系删除(aaym@vip.qq.com)。
④因源码、模板、插件等程序具有可复制性,一经出售概不退款。
⑤本站的虚拟金币(积分)不支持任何形式的提现,请君须知。
⑥如遇到加密压缩包,默认解压密码为"aaym.net",如遇到无法解压的请联系管理员!
⑦游客模式购买商品有效期为七天(未清理缓存前提下),建议注册登录后购买。
AA源码网 » 2021新年快乐!给WordPress或网站内添加新年挂灯笼特效
②本站资源仅用于个人学习和交流,如用于商业使用请选择正版程序。
③本站其他资源来源网络或者用户投稿,如有侵权请联系删除(aaym@vip.qq.com)。
④因源码、模板、插件等程序具有可复制性,一经出售概不退款。
⑤本站的虚拟金币(积分)不支持任何形式的提现,请君须知。
⑥如遇到加密压缩包,默认解压密码为"aaym.net",如遇到无法解压的请联系管理员!
⑦游客模式购买商品有效期为七天(未清理缓存前提下),建议注册登录后购买。
AA源码网 » 2021新年快乐!给WordPress或网站内添加新年挂灯笼特效