我提供了一个主题设置来为frontpage背景定义一组图像。在页面加载时，我想从这个池中随机选取一个图像。
我的方法是添加一行内联CSS，用给定的图像url设置html元素的样式，如下所示：
<style>
html {
background: url(images/random_image_3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
有没有更好的方法？我应该使用一个我还没有发现的localize\\u风格的函数，还是只使用右钩子来响应css？
什么是最好的钩子，只针对正面的站点？
SO网友:akTed
您可以使用wp_head hook 并注入您的<；样式>直接标记到<；头部>。注意：确保您正在启动wp_head() function 在模板中（您应该已经这样做了）。
add_action(\'wp_head\', \'random_background_image_wpse_83275\');
function random_background_image_wpse_83275() {
$images = array(
\'/path/to/image1.jpg\',
\'/path/to/image2.jpg\',
\'/path/to/image3.jpg\',
\'/path/to/image4.jpg\',
);
$image = $images[rand(0, count($images)-1)];
echo \'
<style>
html {
background: url("\' . $image . \'") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>\';
} // END function random_background_image_wpse_83275
<小时>
