存档

文章标签 ‘WordPress’

为WordPress站点增加公益404页面

2013年1月8日  5,282 views 8 条评论

腾讯qq空间之前上线了公益404页面,也就是在访问qzone.qq.com域名下的不存在页面时会自动跳转到一个寻找失踪儿童的页面

其实除qq空间外,还有很多其他网站也提供了公益404页面,但大都是像我这样的独立博客,比如coolshell.cn,影响力没有企鹅这么大。

qq404

查看了多个公益404页面,并进行比较后发现,还是腾讯这个比较好看,所以动手把它扒了过来挂在了我的站点上,大家现在访问代码至上的不存在页面时也会显示寻找失踪儿童的页面了。大家可以试一下,猛戳这里

增加这个页面其实很简单,只要在Wordpress后台编辑主题中编辑404模板就可以了,在<body>标签中间添加如下代码即可。


<!--404公益新增-->
<p style="display:none">你访问的页面找不回来了,但是我们可以一起寻找失踪宝贝</p>
<p style="display:none">
 相关组织:
 <a href="http://e.t.qq.com/Tencent-Volunteers" title="腾讯志愿者">腾讯志愿者</a>、
 <a href="http://bbs.baobeihuijia.com/" title="宝贝回家">宝贝回家</a>
</p>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone_v6/lostchild/search_children.js"></script>
<!--404公益新增-->

除了使用qq的js外,还有益播公益提供的iframe接口来生成公益404页面。益播公益除了寻找失踪儿童外,还有很多其他公益广告的定制功能,功能和可定制性更强大,唯一的缺点就是不够精美。如果你有兴趣也为自己的网站添加公益404页面的话,可以根据自己的需要来选择使用哪种方式。

分类: 心得笔记 标签: ,

为WordPress博客添加版权声明

2011年6月20日  7,609 views 11 条评论

不做站长不知道,写一篇博文真得挺辛苦的,从构思到码字,还要关心排版等等。我自认为做的不够好,很多篇文章都不是很精美,尤其是语言用词很不好,语文都还给高中老师了……从这篇文章开头写到现在,我已经好几次停下来想怎么用词了……

前面那段就当我胡扯了,大家看看就算了……反正意思就是作者写博文不容易,尤其是工科男T_T。但是在网上,很多博客都是转载别的劳动成果,转载就罢了,你还不说是转载自某某某,这就很不地道了。大家可以看到我的博客里有很多参考了别人的文章,这样的日志我都会在文章末尾附上参考的文章链接。博客里还有一些文章是完全转载了别人的我文章,这样的日志我都会在标题中添加转载字样,而且在文章开头就附上原始链接。

我个人认为我的这种注释参考的方式很不错,既体现了自己的劳动,也点出了原作者的贡献。大家如果也觉得合适的话可以跟我一样做。

不过在转载别人文章的时候我们并不能确定原作者是否同意我们转载,因为文章中并没有说明此文是否可以转载使用,如果转载的话是否可以修改原文,如果每次都Email联系的话也确实很麻烦,所以在文章中直接写上版权信息是个不错的选择。

大家可以到这篇文章的末尾看一下,有一段声明信息,本博客的每一篇日志都有这么一段声明。现在我就把如何实现的写在下面,大家想用的话可以直接拿去,不过我建议还是做一下修改,换换用词什么的,我写的太差了……

首先,这段版权声明的实现是通过修改WordPress主题文件实现的,纯手工完成,主要修改的是主题中的single.php文件。一般的主题都会包含此文件的,在合适的位置添加如下代码:

<!-- 版权声明开始 -->
	<?php include(TEMPLATEPATH."/copyright.php");?>
<!-- 版权声明结束 -->

阅读全文…

使用手机浏览WordPress – 创建Wap页面

2011年6月17日  8,044 views 4 条评论

互联网是强大的,移动互联网更是强大的!现在的移动终端和PC比起来一点都不逊色,能在PC上干的事情,基本上都可以在手机上实现了。越来越多的人直接使用手机移动终端来访问互联网了。但是移动终端与PC相比一个最大的缺点就是屏幕太小,盛放不下www页面那么多的元素。

实际上使用手机浏览万维网网页是很不方便的,花费的流量还会非常大,手机流量的价格和PC流量可不是一个等级的~所以现在才有了像UC、Opera Mini等这样的压缩网页浏览器,这些浏览器通过自己的服务器先将万维网网页压缩、重新排版,然后再发送到用户手机上的浏览器程序。这样做的好处是可以大大减少花费的手机流量,但是因为要经过浏览器自己的服务器处理,所以会有较大的效率代价。所访问网站的访问量比较大的话可能还会快一点,因为服务器端会有缓存,但是像本博客这种没有什么流量的小站来说,访问速度就变得非常慢了。

想要解决这个问题,我们可以让网站本身就支持手机Wap访问,制作Wap版本的网站页面。Wap是手无线应用通用协议,Wap版本的网页非常适合在手机上浏览。Wap页面保留了www页面的主要信息,精简了一些视频、图片等体积较大,影响加载速度的元素,重新排版以适应手机屏幕。

WordPress原生好像还不支持Wap页面,所以我们要通过插件来实现此目的。在这里我使用的是一款非常流行的非常简单易用的插件——WP-T-WAP

阅读全文…

分类: 心得笔记 标签: , , ,

利用Google API快速生成QR二维码

2011年5月6日  34,488 views 23 条评论

昨天发现很多网站都贴上了自己网址的二维码,我觉得这样挺有意思的,就研究了一下怎样生成二维码。结果发现,现在来说生成二维码最简单的方法是使用Google Chart API来实现,再次膜拜Google大神~

Google Chart API是一套可以让你在线生成报表图的系统,通过URL你可以得到各种图表。
举个例子:你在浏览器中输入

https://chart.googleapis.com/chart?cht=qr&chs=200×200&choe=UTF-8&chld=L|4&chl=http://Codeup.org

你将得到一个内容为本站网址的QR二维图。
http://Codeup.org

回过头来我们再介绍一下二维码……好像这话放的位置不对,你们凑活着看吧……

一、什么是二维码

随着科技的发展,智能手机越来越普及,QR码(二维码)的使用也越来越多了。利用手机的拍照功能,再加上一些QR码识别软件,可以通过二维码来记录一些比较枯燥并不好记的信息,比如说长长的网址。现在很多手机软件下载网站都提供了可视化的下载路径,就是将下载路径做成QR码,让手机用户快速读取QR码中的下载链接转到下载页面。

具体QR码的定义可以查看维基百科的介绍

阅读全文…

本站右上角Skill小贴士的实现方法

2011年4月30日  2,062 views 没有评论

前几天浏览别人博客的时候发现有个人的网站有skill小贴士,每次刷新页面都会随机显示一条小贴士,我觉得挺不错的,就学了过来。现在将实现的方法记录与此,如果有人也想在自己的网页上添加小贴士的话,可以直接拿去用。

实现这个小贴士,是通过jsp实现的。在网页中想要显示小贴士的地方添加一句

<!-- src当然要换成你自己的js文件地址 -->
<script src="http://codeup.org/js/skills.js" type="text/javascript"></script>

具体在本网站中,因为使用了wordpress的主题,所以不是修改某个页面,而是修改主题模板。在主题编辑中找到顶部然后找到合适的地方添加一个div,然后将上面那段代码填进去就OK了。后面的地址你可以使用自己的js文件,我会附在文章后面(也是从别人那里找来的),或者你也可以直接使用上面的网址,只要通知我一声就好了,反正我的流量用不完……

模板修改显示skill贴士

在模板修中修改显示skill贴士

阅读全文…

SyntaxHighlighter使用介绍

2011年4月19日  11,784 views 没有评论
我的博客中使用了WordPress的插件 SyntaxHighlighter 这是一个代码高亮、模式化的工具,能让你的代码在网页上以类似IDE编辑器里的样子高亮关键字。功能挺强的,支持的语言很多,我列在下面了。在文章的最后,我将SyntaxHighlighter自带帮助文档列了出来,并稍微翻译了一下。
具体用法:
  1. 在代码前根据代码语言的不同加上不同的[%Lang]在代码后加上[/%Lang],%Lang = 你用的语言对应的Brush aliases(具体对应罗列于下)。例如[@cpp]#include <stdio.h>[/cpp](@去掉)。
  2. 或者只用一次%Lang,[@code lang=%Lang]你的代码[/code]或者[@source lang=%Lang]你的代码[@source lang=%Lang],其中lang都可以换成language。

点击Brush name 有官方网站的详细介绍和Demo,有兴趣的童鞋可以去看看。对于技术类的博客来说,这种语法高亮插件是必不可少的欧~

Brush name Brush aliases File name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
ColdFusion cf, coldfusion shBrushColdFusion.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Erlang erl, erlang shBrushErlang.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js