WordPress技术:16个可用于WordPress的Google服务和应用

转载自:http://www.iteye.com/news/23623

Google提供了很多不错的客户端服务和应用,虽然最初是一个搜索引擎,今天Google几乎为每一个用户提供解决方案。当为了满足需求的时候,Google并不忘记满足web开发人员和设计人员的需求。在这篇文章中,我们将了解一下Google提供了那些主要的服务,并且如何应用到wordpress中的。

wordpress博客中使用的Google服务和应用

1. Google自定义搜索

Google自定义搜索帮助网站创建了一个自制定的搜索引擎。帮助你构建你的核心功能,帮助你搜索整个网站,部分网站甚至是多个站点。同时你也可以使用Google adsense来帮助你显示广告到你的搜索结果中,当然你可以使用付费版本,这样可以去掉所有的广告(100美元/年),给用户提供更好的搜索体验。

wordpress博客中使用的Google服务和应用:Google自定义搜索

 

wordpress技术:为WordPress添加采集到花瓣和开心集品浮动按钮

转载自:
分享一段采集到花瓣和开心集品浮动按钮。

花瓣提供了pinmarklet.js这样一个javascript文件,里面已经封装了采集方法。于是我们只需要对花瓣提供的JS代码,针对wordpress网站的特点,在相应的位置进行调用即可以,同样赞一句,花瓣不光提供了JS文件,还对分享按钮设定了样式,也算是统一网站标识吧!

1.可以是文章页single.php,也可以是全局的footer.php,推荐文章页single.php。

2.把代码放置在single.php最底部。

[cc lang=”javascript”]


[/cc]

技术:转载:专访SegmentFault创始人祁宁

原地址:http://www.infoq.com/cn/articles/interview-segmentfault-sunny-joyqi

社会化问答网站自去年起就成为了互联网行业的热点之一,针对程序员的垂直类问答网站也已经出现,本文所提到的SegmentFault(思问)就是其中典型的代表,我们采访到了高阳(@高阳Sunny)和祁宁(@joyqi),以下是详细的采访内容:

InfoQ:请两位分别做下自我介绍?

祁宁:我叫祁宁,微博ID是@joyqi,在SegmentFault上的个人主页是joyqi。07年毕业,08年到10年在阿里巴巴工作。现在在北京的一家创业公司从事互联网游戏的开发工作,是SegmentFault网站的技术负责人。以前还曾做过一些开源项目,其中有一个大家非常喜欢的开源博客项目Typecho,还有其它一些小的开源项目。

高阳:我叫高阳,英文名字Sunny,微博ID是@高阳Sunny,在SegmentFault上的个人主页是Sunny。我接触互联网应该算比较早的,在高中时就接触互联网,当初一直在给校内去做一些事情。在那个大学只上了三个月之后,有一个机会来北京,也就是现在祁宁所在的公司。然后到了2011年,我跳槽到新公司Tech2IPO。业余时间,我喜欢关注就互联网产品趋势,在SegmentFault主要负责运营和推广的工作。

InfoQ:能否简单谈一下国内问答网站的发展,以及SegmentFault的技术背景呢?

祁宁:我们最早接触的国内问答网站就是百度知道,但是对于行业内的垂直问答网站来说国内的发展还是比较晚的,至少在2010年的时候,我们还没有接触到很专门的问答网站,很多网站基本上是用来把问答作为一个子板块来做,比如说ITEye的问答频道还有CSDN论坛都会有一些这样的子板块,但是作为专门的问答网站在国内还是很少找到,针对程序员的就更少,然后我们SegmentFault起步也是看到了这一点。

高阳:社会化问答受到国内大部分人关注的主要是两个网站,一个就是Quora,再一个就是Stack Overflow。其实在2011年的时候Quora受到很多人的关注,因为他们拿到了比较大的一个投资。之后还有像Stack Overflow的增长速度也是非常之快。同时,还出现了其他的一些社会化问答网站,比如像Form Springfriend.ly这种,都是类似于通过问答去交友的一类网站,这类网站更加社会化,国内也看到了这样的一个趋势,现在也有很多创业者在摸索。然后国内会出现了知乎,知乎得到了创新工厂的投资,我有一个之前在盛大的朋友也做了一个叫做mifan.me的这样一个问答网站,也在做一些尝试。

当时我跟祁宁进行了一次长时间的沟通,当时是抱着试试看的心理,正好也注册了一个比较有意思的域名,想把这个东西给做出来,于是大家花了一个多月的时间把SegmentFault给做了出来,我相信在互联网发展之后,两种人才会特别突出,一类是程序员,再一个就是设计师,所以我们想借助一些体验较好的社区,通过问答的这种形式把这件事给做起来,我们认为这件事本身是一件非常有价值的事情,很值得去做。

InfoQ:你们认为Stack Overflow、Quora的成功之处有哪些?

高阳:首先我谈一下Quora,他的创始人之前在FaceBook工作。Quora从一开始就非常注重用户群,他们认为一个社区要发展就必须要有Power User,他们一开始的用户大部分都是硅谷的精英,有了这样的一批高质量用户,高质量问答就是水到渠成的事情了。其次,Quora控制注册人数,通过邀请机制,首先由内部人员邀请其朋友们过来。Quora里面有更多的社交元素在里面。比如说我可以直接关注这个人,然后在上面给他留言或进行评论交流之类。还有一个就是他们的邀请机制,他们是如何控制中国用户呢?中国用户不能直接注册,必须得通过Twitter或FaceBook才能登录,或是直接通过邀请,因为Face  book跟Twitter被墙的原因,这也一定程度上也限制了中国用户的使用。当时我也是Quora的第一批用户,他们很明确规定,在上面回答问题必须是英文,当时我们在上面也问了很多中文的问题,但都被他们官方删除了。

像Stack Overflow的两个创始人,应该是美国比较知名的两个技术博主,非常有名,在国内也许有很多人知道。他们在做问答之前,有很长时间的一个积累。从08年开始做,Stack Overflow只是Stack Exchange下面的一个子站点,但是发展却是十分迅猛。我认为这里面最重要的一点,就是人群定位精准,面向程序员。再一点就是解答,提出的问题得到别人回答之后,会让用户感觉有意义,再通过一些比较不错的激励机制,就使得用户对网站更加地有黏性。

wordpress技术:利用插件在博客中在线显示pdf文档

使用插件:Google Doc Embedder

官方下载地址:http://downloads.wordpress.org/plugin/google-document-embedder.zip

Lets you embed MS Office, PDF, and many other file types in a web page using the Google Docs Viewer (no Flash or PDF browser plug-ins required).

Installation:

  1. Upload the entire google-document-embedder folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Done.

Upload the documents to your site using the media upload facility built into WordPress, via FTP, or link to documents on another (public) site. Use the Media Library or Google Doc Embedder button in the Visual editor to build the appropriate shortcode, or use the documentation.

For basic manual instructions, please see the FAQ. For advanced usage, see the web site.

Go to “GDE Settings” (under “Settings” in the admin panel) to change defaults, or override individually using the shortcode syntax in the FAQ.

测试:用HTML5直播本站H.264编码的mp4视频

Web 上的视频

直到现在,仍然不存在一项旨在网页上显示视频的标准。

今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 video 元素来包含视频的标准方法。

视频格式

当前,video 元素支持三种视频格式:

格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

技术:HTML5 sectioning + CSS3[转载]

原文地址:http://www.7yue.com/post/457.html

Hi 各位,
我的博客开始陆续恢复教程,今天为大家带来了一篇关于HTML5 sectioning元素和CSS3配合的文章:
《HTML5 sectioning +CSS3》

完整教程的下载地址:
HTML5_CSS3.pdf

新页面预览:http://pan.baidu.com/share/link?shareid=163080&uk=3171134180

在本页预览请查看全文。