当前位置: 首页 > wordpress > 正文
avatar

只需要几行php代码就可以让wordpress主题背景随机切换,每次刷新切换不同的图片。这需要按F5刷新页面或 […]

只需要几行php代码就可以让wordpress主题背景随机切换,每次刷新切换不同的图片。这需要按F5刷新页面或者到新页面时背景才会自动变换。

更新的>>用BACKSTRETCH实现定时切换背景 可以实现定时自动切换背景。

将以下代码添加到主题的header.php中之前:

1
2
3
4
    <?php $random_image = rand(1, 5); ?>  
    <div id="div1">  
        <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/>  
    </div>

CSS代码添加到主题style.css中

1
2
div#div1{position:fixed; top:0; left:0; bottom:0; right:0; z-index:-2;}
div#div1 > img {height:100%; width:100%;}

说明:

1行中的5代表有5张图片可供切换

2行中div1为背景css样式id

3行中src=后面的地址为当前主题的bg目录内的*.jpg图片。

注意 :bg目录内的*.jpg图片要以相邻数字命名,这里是1.jpg、2.jpg…5.jpg。

分享:
---------WwW.13qing.com---------
  • 上一篇:
  • 下一篇:
  • 猜你也喜欢的:

    WordPress背景随机换:目前有2 条评论

    1. 多谢博主分享

      2017-03-18「来自:重庆市 联通 的朋友」下午4:21 [回复]
    2. avatar
      沙发
      八零后

      学习

      2017-02-27「来自:湖北省武汉市 电信 的朋友」下午8:52 [回复]

    发表评论