本篇文章讲的是提高WordPress自带的搜索功能的体验,使用Google CSE的可以飘过。
随着站内信息的增多,站内搜索成为了每个网站必不可少的功能。为了提高搜索体验,很多人采用Google Custom Search Engine服务作为站内搜索,可是使用搜索引擎进行站内搜索存在页面收录问题,因此对于新站和是不实用的,因此使用WordPress提供的搜索功能是最好的选择。相对于Google CSE,WordPress的搜索功能有两个明显不足:1.不能显示被检索到的条目数量;2.关键词没有高亮。我们可以通过修改模板来添加这两个功能。
很多人在换主题时首先做的是修改一下,例如加上自己的站点统计代码,或者加上自己的个性功能等等。如果我们把这些功能都做成一个插件,那样我们在换主题时就可以省很多功夫。这篇文章浅浅睇说一下如何做一个你自己的插件。
首先建一个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目录后就可以在后台激活。这就是一个最简单的插件了,什么功能都没有。下面我就加一些功能。
先解释一下本文的标题。“嚟”在粤语里是来的意思;“食”表示吃。标题的意思,大家应该不用我再说一次了。
最近历时两个月“西关美食译名大征集活动”结束,经过市民及专家的评选,62种西关名小吃及西关名老字号有了规范的英文译名。其中有一些菜名很有趣,我们欣赏一下美观的粤菜的同时也学一学Canton English。
在做我的音乐博客 NoSay.in时我曾经考虑了很多日后进行更新时会遇到的问题,例如:以后我想在首页增加一个快速听歌的功能,因此我在每篇日志里都预先写上了custom field;还有某些对用户体验产生很大影响的插件,以后在更换插件的时候,我如何才能使对用户和我自己的影响降到最低?因此我当时选择了一些使用简便的插件。但昨天我看了wordpress.la的《精通 WordPress简码》后,一个更好的想法诞生了。
这篇文章将简述使用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》这篇文章。
毫无疑问,Google Chrome凭借优异的性能,已经成为世界上势头最猛的浏览器。Chrome3推出的换肤功能,更是摆脱了以往单调的印象,Chrome也开始走向时尚。
今天看到20+ Best Chrome Themes,里面的主题都很漂亮,我自己从中选出10个,和大家分享一下。

在网页设计越来越精美的今天,圆角的应用已经越来越广泛这篇文章将分别讲述圆角在CSS2和CSS3里的创建方法。
从易用性来说,CSS3不需要额外的标记和图片,比CSS2要先进得多。但当应用在网站上时,采用CSS2能使页面在主流浏览器上的效果更加一致。下面将详细阐述创建圆角的各种方法和其对浏览器的兼容性。
注:本文以第一个配图的效果作为演示。
用CSS2创建圆角的方法
1.固定宽度的圆角
这个是最简单的方法最多只需要使用两个图片(顶部和底部),并且也不需要添加额外的标记。在这里,我使用以下两个图片做背景:

段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢?
网页设计里的文字排版问题
作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里所包含的元素(HTML标签)并不是一成不变的,这意味着你必须为这些可能存在的元素都设置一个明确的样式,避免产生多余的代码。
在逐步向W3C的标准过渡的前提下,目前设置段落间距的方法主要有两种:
通过类(Class)
为段落的第一个元素指定一个Class值,赋予margin-top:0。

快到新年了,人人都会买些新衣服,新鞋子等等。我打算换一台手机,我现在用的是Nokia 5310XM,这东西太薄了,听电话时我总觉得自己拿着一块饼干贴在脸上。可是这两年新手机出太快了,我一时之间不知道买什么手机好。
很多主题作者为了提高开发效率,在主题里预留了一些指定插件的接口,当用户使用该主题,并且激活了相应的插件时,主题将自动调用插件,生成最适合该主题的效果。
如何为插件预留接口呢?以普及率很高的WP-Pagenavi插件为例,使用以下代码:
1
2
3
| < ?php if(function_exists('wp_pagenavi')) : ?>
< ?php wp_pagenavi() ?>
< ?php endif; ?> |
Recent Comments