`
gstarwd
  • 浏览: 1489543 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

嵌入Google wave到WordPress

阅读更多

嵌入Google wave到WordPress

以下是由我自己创建的测试用wave,使用wavr插件 可以加入wave到wordpress.
访问说明:默认情况下用IE是无法访问wave内容的,因为wave使用了html5。
请使用chrome或firefox浏览器最新版本来查看,或安装针对IE的插件:google chrome frame

我简单介绍一下wavr这个插件的使用方法(其实就是翻译插作者的话):

1、先去wavr插件官方站点 下载最新版本,注意要支持你的wordpress版本,把下载到的压缩包解压,得到wavr文件夹,将wavr文件夹整个上传到你的wordpress站点的/wp-content/plugins/目录下。

2、在wordpress后台找到这个叫wavr的插件,并启用它。

3、有两种方法插入一个wave到wordpress:

第一种方法是在撰写文章时,使用编辑器上方新增加的wavr按钮:

wavr_button
点击这个按钮后,会要求你输入相关的参数,比如wave id,服务器地址等。

第二种方法是使用代码插入

使用以下代码(此处为了防止代码被解析,我以截图发布的):

wavr_id

插入google wave需要的的代码

使用代码的话,可以在任何位置插入一个wave,包括你的模板文件,比如可以作为你的wordpress站点的一个固定栏目或page来发布。

4、如何获取某个wave的wave id?

我以在该文中嵌入的wave为例:

当从wave.google.com登录后,打开这个wave,在地址栏中显示的链接后半部分是类似这样的:

googlewave.com!w%252B 9GFqn5pyA .4

但以上内容还不是直接可用的wave id,需要将此处的 %252B 替换成 + ,并且去掉小数点及其后面的字符 .4 ,经过加工,我们得到了真正的wave id如下:

googlewave.com!w+9GFqn5pyA

5、有关Wave Server 的填写,这里一般都写成以下地址:

https://wave.google.com/wave/

之所以提供这个参数,是因为根据google的消息,wave服务器程序是开源的,将来朋友们自己也可以搭建wave服务器,所以增加了这一个wave server参数,以指定是哪个wave服务器。

实际代码示例(即该文内嵌入的wave代码):

我们以wavr按钮为例,点击wavr按钮后,主要填入以下几项

wave id: googlewave.com!w+9GFqn5pyA

wave server: https://wave.google.com/wave/

text color: #000000

background color : #ffffff

此处我们指定了文本颜色为黑色,背景颜色为白色,这个和wave的官方本色一致,如果你不指定颜色,则wavr插件默认的背景颜色是其它颜色的(非白色)。

完整的代码如下:

wavr插件生成的wave插入代码

wavr插件生成的wave插入代码

以下是演示截图:

WordPress的wave插件演示

WordPress的wave插件演示

因为启用wave插件后会严重影响大陆地区访问本站速度,故本站已停用该插件。

»»»以下是本站内的相关文章:

  • 暂无相关文章

Tags: Add new tag

<!-- You can start editing here. -->

已有 5 条评论关于: “嵌入Google wave到WordPress”

  1. newseeation 2009/11/17 at 16:28     Reply

    按照你说的方法,我嵌入wave到我的WP博客中,可是现实是一块儿背景青色的东西,显示不出来wave,我觉得,你应该再设置方面写的更清楚一点,因为进入wave插件后,还有那么都设置,我不知道是不是那里设置错了!郁闷中!

  2. !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd
    ==
    HTML5!吓了我一跳呢。
    不知道WAVE为什么不用XHTML。

    • HTML5把现在的许多第三方应用直接集成,作为标准的一部分了,靠HTML自己来实现(像网页内嵌动画,视频),现在chrome和firefox3.5以上都支持HTML5,IE不知道要猴年马月才支持。

  3. 很有意思,以后会尝试一下,不过,博主在这个页面嵌入wave后,打开的超慢,其他页面就没什么问题….

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics