Javascript 在Wordpress中创建随机背景色

我已经检查了所有相关的问题，我可以找到，但仍然无法让这个工作，所以我接触到你们可爱的家伙

我希望我的网站有一个随机的颜色背景（多个预先选择的颜色之一），每次有人访问

有很多次，人们要求它调用随机图像，但我只希望有一个块颜色，假设使用粗体背景

我所看到的两个选项以类似的方式使用，但都无效，它们是：

jQuery（：取自Tumblr查询）：

1） 在/js/中创建一个新的“background.js”文件，代码如下：

    <script>
    var bgcolorlist=new Array("background: #ff871b", "background: #15efa1", "background: #51ddff", "background: #ff1b6c", "background: #000000");
    var color = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];
    $('body').css('backgroundColor', color);
</script>

&PHP和CSS（）：

我将整个字符串放在style.css文件中：

<?php
$input = array("#000080", "#00CED1", "#191970");
$rand_keys = array_rand($input, 2);
echo $input[$rand_keys[0]] . "\n";
echo $input[$rand_keys[1]] . "\n";
?>
body {
background: <?php echo  $color; ?>;
}

身体{
背景：；
}

不幸的是，这两个解决方案似乎都不适合我，而且两个线程都已过时，因此无法获得进一步的答案，因此开始了一个新的线程

你知道我在哪方面会出错吗

你认为解决这个问题的其他方法会更好吗

进一步信息：我使用的是super simple，它只附带3个文件：functions.php、index.php和style.css——我将其作为一个基本主题来完全定制我自己的主题

---

非常感谢

JavaScript实现的问题在于，数组索引中包含了整个CSS声明。此外，由于要在头部包含脚本，因此需要将代码包装在处理程序中，并处理脚本

试着这样做：

jQuery(function($) {
    var bgcolorlist=["#ff871b", "#15efa1", "#51ddff", "#ff1b6c", "#000000"];
    var color = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];
    $('body').css('backgroundColor', color);
});

PHP不能在CSS文件中工作的原因是

.CSS

文件通常不运行PHP代码。您需要将它放在一个单独的

.php

文件中并将其排队，或者将代码放在

head

中，使用

header.php

或一个操作

<style>
<?php
$input = array("#000080", "#00CED1", "#191970");
$rand_key = array_rand($input);
$color = $input[$rand_key];
?>
body {
    background: <?php echo $color; ?>;
}
?>
</style>

身体{
背景：；
}
?>

您不能将PHP放入CSS文件中，因此如果您想使用PHP方法，您需要在头中回显本地CSS块

例如，在functions.php文件中：

function getBgColor() {
    $input = array("#000080", "#00CED1", "#191970");
    return $input[rand(0, count($input) - 1)];
}

然后在header.php中：

<style>
    body {
        background: <?php echo getBgColor(); ?>;
    }
</style>

身体{
背景：；
}

非常感谢Alexander！我在这里尝试了一些建议，但您的jQuery更新似乎是最简单的，尽管它需要一个外部文件来处理它。谢谢bobdye，但我无法实现这一点-样式代码是否需要输入？我的主题中没有header.php，但尝试将其放到index.php中，但没有效果。试着改变一下。是的，它应该放在header.php模板或index.php中。

<style>
    body {
        background: <?php echo getBgColor(); ?>;
    }
</style>