The Big Bang WordPress主题采用HTML5+CSS3编写,首页采用大尺寸图片来回滑动的jQuery特效,整个页面简洁明了,可自定义页面上各种信息。
标签:CSS3
如何禁止百度转码
利用手机百度搜索内容时,百度会将原网页自动转换成WAP页面,随着智能机的大量普及,已经完全没有必要在将WEB页面转成WAP页面,应此有必要禁止百度转码。
所谓的百度转码就是把普通WEB页面转换成WAP页面,使其能适应手机浏览器。但百度转码对站长百害无利,首先百度转码后会丢失WEB页面的样式,最终造成页面布局千篇一律,毫无美感。其次,百度转码将网站上的广告全部屏蔽,并且在尾部增加了百度推广广告,严重损害站长利益。
百度转码声明中提到3个禁止百度转码的方法,对WordPress主题而言,最简单的就是在header.php文件中<head></head>标签内增加下面的一段代码:
<meta http-equiv=”Cache-Control” content=”no-transform” />
注:之前的 <meta http-equiv=”Cache-Control” content=”no-siteapp” />已经失效。
禁止百度转码后,从百度搜索后点击进入的就是WEB页面,可以采用CSS3新增的 CSS3 MediaQueries 属性实现页面自适应浏览器宽度。
可以到百度移动版网站 http://m.baidu.com 测试网站是否被百度转码,输入你想测试的网址,如果你的网站被百度收录,就会显示出你的网站,点击打开即可。
WordPress 搜索框增加语音输入功能
HTML5 支持 Speech Input 语音输入功能,具体可参见:http://renniaofei.com/code/html5-speech-input.html。默认情况下 WordPress 的搜索框是没有 语音输入功能,但只需要添加几行代码即可实现WordPress语音输入,具体样式请参考本博客右边栏的搜索框(注意目前只有Google Chrome 11版本以上才支持此功能)。 阅读全文
如何设置 WebKit 浏览器滚动条属性
为了增加页面的视觉效果,基于WebKit的浏览器可以通过定义伪类 ::-webkit-scrollbar 属性来设置滚动条的属性(大小,颜色,位置,背景等)。注:请使用Chrome浏览器来体验滚动条效果,不支持IE Opera Firefox。 阅读全文