怎么在WordPress中显示随机图片作为背景

如果一个网站中的内容大部分都是文字,相比很少人愿意看,适当的为网站增加一些图片,可以马上使网站的版面活跃起来。…

如果一个网站中的内容大部分都是文字,相比很少人愿意看,适当的为网站增加一些图片,可以马上使网站的版面活跃起来。可是为网站内容配图可不是一件轻松的事情,这时候显示一些随机图片可以省不少力气和时间。本文为大家介绍一个在WordPress中显示随机图片作为背景的方法。

第一步:添加下面的代码到需要显示的页面的最上面。

添加代码之前,确认代码中图片的文件名已经上传到了服务器上。

<?php
    $bg = array('background01.jpg', 'background02.jpg', 'background03.jpg', 'background04.jpg', 'background05.jpg', 'background06.jpg', 'background07.jpg' );
 
    $i = rand(0, count($bg)-1);
    $selectedBg = "$bg[$i]";
?>

第二步:把上面的随机图片作为背景显示在某个HTML元素上面。

<style type="text/css">
    body{
        background: url(images/<?php echo $selectedBg; ?>) no-repeat;
    }
</style>

以上代码完全是基于PHP的,没有使用WordPress特有的函数,所以理论上,本文中的代码可以使用在其他PHP程序中。

类别:WordPress技巧

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册