2010February . 22nd

提高WordPress搜索体验

本篇文章讲的是提高WordPress自带的搜索功能的体验,使用Google CSE的可以飘过。

随着站内信息的增多,站内搜索成为了每个网站必不可少的功能。为了提高搜索体验,很多人采用Google Custom Search Engine服务作为站内搜索,可是使用搜索引擎进行站内搜索存在页面收录问题,因此对于新站和是不实用的,因此使用WordPress提供的搜索功能是最好的选择。相对于Google CSE,WordPress的搜索功能有两个明显不足:1.不能显示被检索到的条目数量;2.关键词没有高亮。我们可以通过修改模板来添加这两个功能。

2010February . 16th

做一个自己的插件

很多人在换主题时首先做的是修改一下,例如加上自己的站点统计代码,或者加上自己的个性功能等等。如果我们把这些功能都做成一个插件,那样我们在换主题时就可以省很多功夫。这篇文章浅浅睇说一下如何做一个你自己的插件。

首先建一个bolo.php文件,在里面写上下面的代码:

1
2
3
4
5
6
7
8
9
< ?php
/*
Plugin Name: bolo
Plugin URI: http://imbolo.com
Description: Bolo's custom plugin
Version: 1.0
Author URI: http://blog.imbolo.com
*/
?>

把这个文件放进一个叫bolo的文件夹里,上传到plugins目录后就可以在后台激活。这就是一个最简单的插件了,什么功能都没有。下面我就加一些功能。

2010February . 10th

过年嚟食广东菜

先解释一下本文的标题。“嚟”在粤语里是来的意思;“食”表示吃。标题的意思,大家应该不用我再说一次了。

最近历时两个月“西关美食译名大征集活动”结束,经过市民及专家的评选,62种西关名小吃及西关名老字号有了规范的英文译名。其中有一些菜名很有趣,我们欣赏一下美观的粤菜的同时也学一学Canton English。

2010February . 9th

预留改进的空间

在做我的音乐博客 NoSay.in时我曾经考虑了很多日后进行更新时会遇到的问题,例如:以后我想在首页增加一个快速听歌的功能,因此我在每篇日志里都预先写上了custom field;还有某些对用户体验产生很大影响的插件,以后在更换插件的时候,我如何才能使对用户和我自己的影响降到最低?因此我当时选择了一些使用简便的插件。但昨天我看了wordpress.la的《精通 WordPress简码》后,一个更好的想法诞生了。

2010February . 6th

CSS3:border-radius隐藏的威力

Colour venn diagram这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。

如何使用border-radius属性

下面是border-radius属性最基本的使用方法。

1
2
3
4
5
6
7
.round {
	border-radius: 5px; /* 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 */
	-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
 
	border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */
}

关于在IE里怎么实现圆角,可以看《Excellent Article Which Included Ways to Achieve Rounded Corners in IE》这篇文章。

2010February . 2nd

10个令人叹为观止的Chrome主题

毫无疑问,Google Chrome凭借优异的性能,已经成为世界上势头最猛的浏览器。Chrome3推出的换肤功能,更是摆脱了以往单调的印象,Chrome也开始走向时尚。

今天看到20+ Best Chrome Themes,里面的主题都很漂亮,我自己从中选出10个,和大家分享一下。

Aero Black Theme for Chrome

Aero Black Theme for Chrome

2010January . 29th

再谈CSS圆角

CSS圆角在网页设计越来越精美的今天,圆角的应用已经越来越广泛这篇文章将分别讲述圆角在CSS2和CSS3里的创建方法。

从易用性来说,CSS3不需要额外的标记和图片,比CSS2要先进得多。但当应用在网站上时,采用CSS2能使页面在主流浏览器上的效果更加一致。下面将详细阐述创建圆角的各种方法和其对浏览器的兼容性。

注:本文以第一个配图的效果作为演示。

用CSS2创建圆角的方法

1.固定宽度的圆角

这个是最简单的方法最多只需要使用两个图片(顶部和底部),并且也不需要添加额外的标记。在这里,我使用以下两个图片做背景:rounded-toprounded-bottom

2010January . 27th

CSS 设置段落间距

段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢?

网页设计里的文字排版问题

作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里所包含的元素(HTML标签)并不是一成不变的,这意味着你必须为这些可能存在的元素都设置一个明确的样式,避免产生多余的代码。

在逐步向W3C的标准过渡的前提下,目前设置段落间距的方法主要有两种:

通过类(Class)

为段落的第一个元素指定一个Class值,赋予margin-top:0。

2010January . 27th

在 TestFreaks 淘到一台好手机

TestFreaks 点评狂
快到新年了,人人都会买些新衣服,新鞋子等等。我打算换一台手机,我现在用的是Nokia 5310XM,这东西太薄了,听电话时我总觉得自己拿着一块饼干贴在脸上。可是这两年新手机出太快了,我一时之间不知道买什么手机好。

2010January . 25th

提高主题的插件体验

很多主题作者为了提高开发效率,在主题里预留了一些指定插件的接口,当用户使用该主题,并且激活了相应的插件时,主题将自动调用插件,生成最适合该主题的效果。
如何为插件预留接口呢?以普及率很高的WP-Pagenavi插件为例,使用以下代码:

1
2
3
< ?php if(function_exists('wp_pagenavi')) : ?>
	< ?php wp_pagenavi() ?>
< ?php endif; ?>

Subscriber selector

Close