Siren 主题的随机背景图

虽然这个主题上一次更新已经是四年前了，作者也早就停止更新维护，并且提醒用户“对新版WordPress”的兼容性未知，但我仍然还在用，毕竟在WordPress主题中，很难再找到这么简洁、大方、可爱的了。

不过这个主题还是有一些我不太能接受的地方，一是它的字体让我不怎么喜欢，但是看久了也还能接受，二是……

毕竟是WordPress程序，太多PHP动态生成的页面了，虽然给了我们很多定制的空间，但也会出现许多麻烦。比如在静态化之后，随机背景图会失效，而且全屏显示的落地页在移动端和桌面端的切换实在是不能看了。

然后我用仅有的一点编程能力改了改代码，主要是用js替代一部分PHP的内容，这样就会在静态缓存中保存一点“动态”效果：

新建randombg.js文件：

var img_index = Math.floor(Math.random()*5)
var arr = ['https://wx1.sinaimg.cn/large/88639d35gy1gf11ad2tjhj20zu0pk0up.jpg', 'https://wx1.sinaimg.cn/large/88639d35gy1gflwna66tcj233b1rc1ky.jpg', 'https://wx1.sinaimg.cn/large/88639d35gy1gflwnbjg4lj22yo1o0jy6.jpg', 'https://wx1.sinaimg.cn/large/88639d35gy1gflwnc48ztj21hc0qrgqv.jpg', 'https://wx1.sinaimg.cn/large/88639d35gy1gf11adhbwxj21hc0u079w.jpg']
var url = document.URL
if ((url=='https://www.imtrq.com/')||(url=='https://www.imtrq.com')){
    var centerbg = document.getElementById('centerbg');
    centerbg.setAttribute('style', 'background-image: url('+arr[img_index]+');background-position: center center;background-attachment: inherit;');}


if ((navigator.userAgent.match(/(phone|pod|iPhone|iPod|ios|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { 
    var Poi = {"pjax":"","movies":"close","windowheight":"fixed","codelamp":"close","ajaxurl":"https:\/\/www.imtrq.com\/wp-admin\/admin-ajax.php","order":"asc","formpostion":"bottom"};
    } 
else { 
    var Poi = {"pjax":"","movies":"close","windowheight":"auto","codelamp":"close","ajaxurl":"https:\/\/www.imtrq.com\/wp-admin\/admin-ajax.php","order":"asc","formpostion":"bottom"};
}

在imgbox中引入

<script src="/wp-content/themes/Siren-master/randombg.js"></script>

在style.css中注释

/*'background-image: url(hd.jpg)'*/

就这么点内容，浪费了我昨天下午和今天上午总计快6个小时时间，一来是我不太会编程，二来是解决了一个问题又会有新的问题（是的，这个源码本来就有问题），三是被Cloudflare和FVM的缓存坑了太久。

Siren 主题的随机背景图

Comments | NOTHING

取消回复