首页 > PHP, wordpress, 我的原创 > 可定制wordpress 天气预报插件IFRAME版发布

可定制wordpress 天气预报插件IFRAME版发布

2009年6月4日 阅读数:5,552 views

  哈哈,正式发布我用PHP开发的wordpress天气预报插件IFRAME版,既可以在wordpress的widget中调用,当天气插件(weather plugins)使用,也可以在一般的网站中使用。在使用过程中你可以自定义样式,以便融合你的网站风格。

  此插件天气数据同步来源于新浪天气预报,可放心使用。闲话少说,我来详细说明下调用方式以及定制方式。

Leapsoul天气预报插件效果图和配色说明

Leapsoul天气预报插件效果图和配色说明

 

插件定制方式说明

  这个版本的插件采用DIV切换方式,实时显示3天的天气预报数据,你可以自定义背景颜色,字体颜色,Banner切换颜色,插件的宽度等。

  默认的天气数据实时显示访问者的IP归属地(城市)的天气数据,如果归属地(城市)在新浪天气预报中没有,则默认显示首都北京的天气情况。

  当然你也可以定制显示具体城市的天气预报,比如你可以设定不管访问者来自哪里,都默认显示上海天气预报。

  当前版本国内IP完全支持。

插件定制参数说明

  bgColor:页面整个的背景色,默认值F7F7F7,调用方式weather.php?bgColor=F7F7F7,以下参数调用方式,依此类推

  textColor:页面中文字的颜色,默认值000000

  headColor:插件banner的背景色,默认值F5F5F5

  curBg:当前DIV中banner的背景色,默认值FFFFFF

  curColor:当前DIV中banner中的字体颜色,默认值0099CC

  headWidth:整个DIV的宽度,默认值270

  borderColor:底部边框的颜色,默认值EEE

  border:底部边框的粗细值,默认值1

  cityName:固定显示具体的城市天气预报,默认值空,注意设定值不要有“市”,否则将显示北京天气预报。

  :在调用时,请注意大小写。

插件调用方式说明

  如果你使用的是wordpress,你可以在sidebar.php中增加个widget样式的div并居中,然后调用如下代码:

  考虑到SEO,我设定的默认调用方式为

1
<iframe src="http://www.leapsoul.cn/my-plugins/common/weather/weather.php" width="280" height="120" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" border="0" /></iframe>

  如果你想更好的贴合你的网站风格,你可以根据插件参数说明,在weather.php后跟上具体参数并赋值即可。比如你需要固定显示上海天气预报,你可以这样调用

1
<iframe src="http://www.leapsoul.cn/my-plugins/common/weather/weather.php?cityName=上海" width="280" height="120" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" border="0" /></iframe>

点击进行样式测试

设想说明

  为什么这个版本是IFRAME?因为我希望能同时满足通用网站和wordpress 博客站点的共同需求。今后我会逐渐独立出两个版本,IFRAME版和wordpress 插件版本。

  好了,Leapsoul.CN的天气预报插件1.0版的插件介绍和使用方式就介绍到这,欢迎大家给我提出好的建议,我会在下个版本中根据大家的使用需求做进一步的改进,使用中如有问题,欢迎给我留言,我会在第一时间尽快给出答复。另外由于我当前使用的是wordpress iNove主题,如果你有更好的配色方案可以给我留言,我会变换默认配色方案。

  公告:鉴于各方面原因,从2010年1月1日起本插件暂时禁止外来引用,在合适时间会再度对外开放,如对本插件有额外需求,请留言!

  注PHP网站开发教程-leapsoul.cn版权所有,转载时请以链接形式注明原始出处及本声明,谢谢。

作者: david 分类: PHP, wordpress, 我的原创 标签: ,

  1. 2009年6月5日09:06 | #1

    nice plugin,expect more…

  2. laofan
    2009年6月7日10:02 | #2

    学习了,谢谢!!!!!

  3. 2009年6月10日13:01 | #3

    不错的插件。博主可以尝试一下用JavaScript来调用,这样那些参数就不用写在调用文件上,可以单独设置,让使用则修改参数时更加方便。

    如果说考虑到SEO的问题,我想JavaScript和iframe的效果是一样的,搜索引擎都无法收录的。

  4. 2009年6月10日19:55 | #4

    这也是我考虑的一种方式,下个版本我会考虑改进的,谢谢哦

  5. 2009年6月12日12:58 | #5

    前一段我还想加这个来着。
    不过这个可以根据来访者IP去匹配地址取天气吗?

  6. 2009年6月12日13:03 | #6

    恩,对的,根据来访者IP匹配所在城市的,你也可以固定指定显示某个城市的。

  7. 2009年6月12日13:07 | #7

    @david
    呵呵,不错。我之前也弄过这个。不过没放在博客里面。
    我同事弄的:这里的天气预报也是调SINA的。呵。

  8. 2009年6月13日13:03 | #8

    太麻烦了,不如看看我de

  9. 2009年6月15日13:20 | #9

    呵呵,我这个是根据IP归属地显示天气@shine

  10. 2009年6月16日10:21 | #10

    不错,不过iframe是不是不太好?

  11. 2009年6月16日13:18 | #11

    恩,我在考虑改进,呵呵

  12. 2009年7月2日21:52 | #12

    感觉用IFRAME不好

  13. 2009年7月12日03:15 | #13

    curl..?

  14. 2009年7月12日10:01 | #14

    curl其实差不多,考虑进一步改进@苏洋

  15. 昵称
    2009年7月13日14:04 | #15

    不知道有没源码可以下呀

  16. 2009年7月16日11:35 | #16

    当前还不准备开放源码,等成熟了我会开放源码的

  17. 2009年9月29日18:01 | #17

    不错的插件。

  18. 2009年10月9日12:45 | #18

    博主的博客也不错

  1. 本文目前尚无任何 trackbacks 和 pingbacks.