WordPress网站添加春节滚动春联美化教程

Jaysun

春节的时候,很多站长为了迎接春节到来,都会采用很多方式来装修美化网站,之前跟大家分享过给WordPress网站挂春节灯笼以及春节倒计时的教程,今天再给大家分享一下给wordPress网站添加春节滚动春联的教程。


效果图

WordPress网站添加春节滚动春联美化教程

WordPress网站添加春节滚动春联美化教程

WordPress网站添加春节滚动春联美化教程


使用教程

1.首先在主题文件夹footer.php文件底部(</body>标签之前)添加以下代码

隐藏内容
评论可见
前往评论

其中需要修改的地方就是对联图片的地址,大家自行上传喜欢的对联图片即可


2.1 取消手机端显示

低于1500分辨率(包括手机端)的终端设备上不显示对联特效,所以,加入了一下css样式,大家放到style.css文件底部即可。

/*低于1500分辨率不显示-忆路吧博客*/
@media (max-width:1500px){#leftDiv,#rightDiv{display:none !important}}

代码中的 max-width 值1500可根据自己的需要而设定,比如很多笔记本电脑的分辨率是1440,显示了就会影响两旁的内容展示

2.2 设置仅首页显示

如果只想在首页显示,可以用下面的判断语句把HTML代码包裹起来:

<?php if (is_home()) { ?>
<!-- 把上面的春联代码复制到这里 -->
<?php } ?>


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 4 条评论,424人围观)
网友昵称:1159317
1159317 V 普通用户 Google Chrome 121.0.0.0 Windows 10 x64 凉席
01-28 来自吉林 回复
谢谢
网友昵称:zhaokezx
zhaokezx V 普通用户 Google Chrome 120.0.0.0 Windows 10 x64 板凳
01-23 来自河北 回复
谢谢
网友昵称:9978
9978 V 普通用户 Google Chrome 120.0.0.0 Windows 10 x64 椅子
01-01 来自江苏 回复
谢谢
网友昵称:coollecat
coollecat V 普通用户 Google Chrome 116.0.0.0 Windows 10 x64 沙发
2023-08-28 来自上海 回复
总算不是靠积分的那种,,, 不然就没法下

目录[+]

取消
微信二维码
微信二维码
支付宝二维码