本人很喜欢IGoogle主题里的图片,而且会随着时刻和天气动态变化,很是神奇,于是乎我也想搞一个玩玩,就做个一个可以随时刻变化而变更主题图片的效果,给家大分享,最近新装的Arthemia主题是milktown改过的版本,我也是在此基础上改的,下面是我改的代码,第一次发帖,也是现学现卖,如有不足之处还请多指教
步骤一:下载主题图片,IGoogle主题图片有很多,好多地方有下载,也可以到我的空间里下载
http://www.guanmingle.com/index.php/pic/theme/,图片大小我按原尺寸保留,可以根据自己需要修改大小,当然如果你有更好的图片也可以自己定制,IGoogle主题图片一般都是13张一组的,按12+1个时刻一一对应的
步骤二:把下载的图片按“photoname0-12”的规则命名,之后上传到"wp-includes\images"目录下(目录路径也可以自定义)
步骤三:找到Arthemia主题中找到header.php文件,添加一个函数
<?php function totime() { return date("H")%2==1?(date("H")+1)/2:date("H")/2; } ?>
根据服务器的不同可能得到的date("H")时刻数值不同,这里可以用php探针检测服务器时间,再微调做加减法
还是在header.php文件中,找到
<div class="clearfloat">
<div id="logo" class="left">
<a href="<?php echo get_option('home'); ?>/"><img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/logo.png" width="177px" height="39px" alt="" /></a>
<div id="tagline"><?php bloginfo('description'); ?></div>
</div>
<div class="right">
<img src="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/banners/wide.jpg" alt="" width="468px" height="60px" />
</div>
</div>
按如下修改:
<div id="head" class="clearfloat">
<div class="clearfloat">
<div id="logo" class="left">
<a href="<?php echo get_option('home'); ?>/"><img src="<?php echo get_option('home'); ?>/images/photoname<?php echo totime(); ?>.jpg" width="960px" height="161px" alt="" /></a> <!--长宽可以自定义,路径也可以根据自己改,只要和第二步中的路径保持一致即可-->
</div>
</div>
</div>
我的空间刚刚建起,还请多指教,谢谢大家
www.guanmingle.com