前言
效果
![WordPress添加一幅对联效果跟随屏幕移动[WP教程]插图 WordPress添加一幅对联效果跟随屏幕移动[WP教程]](https://www.icloudw.cn/wp-content/uploads/2022/09/e719f3340164.png)
教程
把下面代码复制到主题文件下的footer.PHP,我把代码放到了</html>标签下面放置教程如图
如果你是子比主题的话位置在:/wp-content/themes/zibll/ footer.php
![WordPress添加一幅对联效果跟随屏幕移动[WP教程]插图1 WordPress添加一幅对联效果跟随屏幕移动[WP教程]](https://www.icloudw.cn/wp-content/uploads/2022/09/6e0b471ac11d.png)
代码
将图片地址替换成自己的对联图片。为了更好的去适应访客效果,建议在低于1500分辨率(包括手机端)的终端设备上不显示对联特效加入了一下css样式,如果你是子比主题的话把下面的CSS代码放到主题设置–>自定义代码–>自定义CSS样式里面,这样电脑显示对联,手机端不显示对联了。
//傲天博客:https://www.atbkw.cn/
@media (max-width:1500px){#leftDiv,#rightDiv{display:none !important}}
前言
马上春节了网站也要贴了一个对联了,分享一个代码
效果
![WordPress添加一幅对联效果跟随屏幕移动[WP教程]插图2 WordPress添加一幅对联效果跟随屏幕移动[WP教程]](https://www.icloudw.cn/wp-content/uploads/2022/09/e719f3340164-1.png)
教程
把下面代码复制到主题文件下的footer.php,我把代码放到了</html>标签下面放置教程如图
如果你是子比主题的话位置在:/wp-content/themes/zibll/ footer.php
![WordPress添加一幅对联效果跟随屏幕移动[WP教程]插图3 WordPress添加一幅对联效果跟随屏幕移动[WP教程]](https://www.icloudw.cn/wp-content/uploads/2022/09/6e0b471ac11d-1.png)
代码
将图片地址替换成自己的对联图片。为了更好的去适应访客效果,建议在低于1500分辨率(包括手机端)的终端设备上不显示对联特效加入了一下css样式,如果你是子比主题的话把下面的CSS代码放到主题设置–>自定义代码–>自定义CSS样式里面,这样电脑显示对联,手机端不显示对联了。
//傲天博客:https://www.atbkw.cn/
@media (max-width:1500px){#leftDiv,#rightDiv{display:none !important}}
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
THE END
![WordPress添加一幅对联效果跟随屏幕移动[WP教程]-薄荷云博客](https://www.icloudw.cn/wp-content/uploads/2022/09/e719f3340164-300x142.png)
















暂无评论内容