只言片语 » wordpress

自动提取文章的第一张图片

小墨 — Tue, 20 Oct 2009 11:57:30 +0000

1、在function.php里添加如下代码

function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('//i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "在这里指定如果没有图片则显示的默认图片路径"; } return $first_img; }

2、在需要显示图片的地方添加如下：

" alt="" />

有必要的话需要在css里定义图片的尺寸之类。比较有用的技巧，来自：jinwen

WordPress 日期调用格式

小墨 — Sat, 17 Oct 2009 08:01:05 +0000

这几天忙着做一个站点，还真是适合做这类事情，干其他事总是没有耐心，作主题就不一样了，可以一天从早坐到晚上。
用到的时候查到的，记录一下：

输出格式例子：非常简单

日

d：月份中的第几天，有前导零的 2 位数字，从 01 到 31。
D：星期中的第几天，文本表示，是缩写格式，从 Mon 到 Sun。
j：月份中的第几天，没有前导零，从1 到 31。
l（“L”的小写字母）：星期几，是完整的格式，从Sunday 到 Saturday。
N：数字表示的星期中的第几天，从1（表示星期一）到 7（表示星期天）。
S：每月天数后面的英文后缀，2 个字符，st，nd，rd 或者 th。可以和 j 一起用。
w：星期中的第几天，数字表示，从0（表示星期天）到 6（表示星期六）。
z：年份中的第几天，从0 到 366。
星期

W： ISO-8601 格式年份中的第几周，每周从星期一开始，例如：42（当年的第 42 周）。
月

F：月份，完整的文本格式，从January 到 December。
m：数字表示的月份，有前导零，从01 到 12。
M：三个字母缩写表示的月份，从Jan 到 Dec。
n：数字表示的月份，没有前导零，从1 到 12。
t：给定月份所应有的天数，从28 到 31。
年

L：是否为闰年。如果是闰年为 1，否则为 0。
o：年份数字。这和 Y 的值相同，只除了如果 ISO 的星期数（W）属于前一年或下一年，则用那一年。例如：1999或2003。
Y：4 位数字完整表示的年份，例如：1999 或 2003。
y：2 位数字表示的年份，例如：99 或 03。

时间

a：小写的上午和下午值，am 或 pm。
A：大写的上午和下午值，AM 或 PM。
B：Swatch Internet 标准时，000 到 999。
g：小时，12 小时格式，没有前导零，从1 到 12。
G：小时，24 小时格式，没有前导零，从0 到 23。
h：小时，12 小时格式，有前导零，从01 到 12。
H：小时，24 小时格式，有前导零，从00 到 23。
i：有前导零的分钟数，从00 到 59。
s：秒数，有前导零，从00 到 59。

时区

e：时区标识，例如：UTC，GMT，Atlantic/Azores。
I：是否为夏令时。如果是夏令时为 1，否则为 0。
O：与格林威治时间相差的小时数，例如：+0200。
P：与格林威治时间（GMT）的差别，小时和分钟之间有冒号分隔，例如：+02:00。
T：本机所在的时区，例如：EST，MDT（在 Windows 下为完整文本格式，例如“Eastern Standard Time”，中文版会显示“中国标准时间”）。
Z：时差偏移量的秒数。UTC 西边的时区偏移量总是负的，UTC 东边的时区偏移量总是正的。从-43200 到 43200。
完整的日期／时间

c：完整的日期，例如：2004-02-12T15:19:21+00:00。
r：RFC 822 格式的日期，例如：Thu, 21 Dec 2000 16:01:07 +0200。
U：从 Unix 纪元（January 1 1970 00:00:00 GMT）开始至今的秒数。

来自：imLiony

再再再搬家

小墨 — Sat, 08 Aug 2009 11:33:06 +0000

之前这个博客一直放在梦游，说句实在话，梦游的速度那是没话说，不过关键词审查太严格。而且一检测到什么关键词立马给你关掉博客，也没有任何通知，我以前转过一篇关于“翻.墙.工具”的文章，过了好几月没啥事，突然某天就博客就不能访问了，问了客服才知道是这篇文章的问题，删掉就没事了。虽说idc为了自己利益严格审查无可厚非，至少关闭后给我发个邮件吧。还有件事也让我决定搬家，买的空间是7.24到期的，一年过去了谁还记得是什么具体日期关闭啊，这回也是，我的博客莫名其妙就挂掉了，论坛账号也被限制访问，我正纳闷呢，难道又是什么关键词捅了G点了，登陆前台后才知道是到期了，同样没有任何通知，这段时间都没怎么更新博客，也不知道被关掉几天了。

这回用的空间是胡戈戈（给你免费做个广告）的便宜量又足，呵呵100/年。600M空间，速度还挺快，我博客首页122k，2-5秒加载完毕，使用上跟国内空间基本没啥区别嘛，就是ftp什么的传文件的时候有点慢，这倒没关系，基本就安装的时候传一下。话说我其实还有个博客：玩物丧志，买的是酋长的wopus国内空间，速度也是嗷嗷的。感觉这两家都是很不错的啦，如果有要建博客或者要搬家的，可以考虑这两家的。

补充PS：之前升级wordpress2.8之后，后台出现很多莫名其妙的Ajax效果失效问题，被我发现时插件的问题，具体也不知道是哪个插件，反正我噼里啪啦卸载几个插件后立马就正常了，现在Ajax菜单正常，tags也可以添加了@@，懒得测试具体是哪个插件，如果还有人发现这个问题的话，只要从插件入手就对头鸟~

扔了算了

小墨 — Mon, 13 Apr 2009 11:27:21 +0000

手机收到短信，chunaove.cn域名即将到期，提前续费将享受88元优惠。nnd时代互联，88元还优惠，随便注册个com域名也就8.99美元，折合人民币也就60块，一看cn域名还有三个月过期，索性买个com域名得了。于是注册了一个wwjoy.com，因为那个博客的名字叫“玩物丧志”，能找到５字母也不容易，感觉还可以。ps:　那个博是用来写付费评论的“垃圾博”

买了域名后便将cn域名的地址都301重定向到新域名，方法见更改域名后301重定向Wordpress固定链接» Just A Blog，非常方便

三个月后那点可怜的pr应该能够转到新域名了。也算是了却一桩心事，从此不再受那气。

我又换主题了

小墨 — Thu, 09 Apr 2009 12:50:46 +0000

不是我三心二意老换主题，其实是没办法了，第一个主题比较丑，第二个兼容性太差，在ie下问题太多，而且ie下没有圆角比较丑。于是考虑用图片作圆角，而且换一个较简单点的主题框架，最终选择sanbox，还是简单的适合我。嘿嘿。

样子和以前的基本一致。所有背景图片都放到一张图上。某些地方在ie下还是有问题，慢慢解决了。

十个步骤学会css定位

小墨 — Fri, 20 Mar 2009 06:04:11 +0000

一直对css中的positioning比较迷惑，一共有position : static | absolute | fixed | relative 四个属性，看了这个简单的教程 – “Learn CSS Positioning in Ten Steps”，就大概明白了。

来自这篇文章：20 Useful CSS Tips For Beginners 20个适合css初学者的技巧

就是这么神奇

小墨 — Sat, 14 Mar 2009 02:05:29 +0000

自从使用ubuntu搭建本地wordpress，便一直在linux下面制作修改主题，却发现很多灵异事件，着实无法理解。

一开始是计划用hydrid做主题，结果发现hybrid不能读取某些文章，这些文章只显示标题而没有内容，用其他主题可以正常显示。于是换成carrington模板来做了这个主题。
最近正计划着做个新主题的，因为现在的这个不是很满意，可是又出现新问题，当我下载了一些主题后发现，好多根本在后台里不显示，比如K2，最新的carrington 2.0beta还有Jinwen同学的Js-O3-1.5。切换到windows下面发现能正常显示并启用。试着更改目录权限，无效，因为其他主题可以显示，应该不是这个问题。迷糊了。。。

为啥它就显示不出来呢？？
update：终于解决这个问题了，还真是权限问题，不过我原先修改权限的时候只修改了父目录。nnd，浪费这么多时间

30个评论样式修改的方法

小墨 — Sun, 08 Mar 2009 07:10:46 +0000

30 Most Wanted WordPress Comments Page Hacks 介绍了30个修改wordpress样式的方法，包括外观修改，评论交替换色，评论分页，ajax留言等等。

WordPress主题 – Theme Codename H

小墨 — Sun, 15 Feb 2009 01:33:36 +0000

Theme Codename H，是一个模仿windows live风格的主题，兼容最新的ie8，推出这个主题的站点本身就是专门介绍windows 相关产品的博客哦。
来自livesino.net。

相关链接：
主题页面 | 详细文档说明

新年新气象 – 新开始 – 新主题

小墨 — Sun, 01 Feb 2009 03:03:52 +0000

上个主题用了这么久，看的厌了，是时候换个。来自Charles，不是老外- -!!
详情请见此文，刚刚换上，比较喜欢这种简单的风格。不过这个主题可不简单，还没有开始修改，也给自己点压力，找点事做~~~

把Google Reader 共享发到twitter

小墨 — Wed, 10 Dec 2008 03:15:39 +0000

我Google 好友不多，Google Reader却每天看很多文章，共享了没什么人看怎么办？嘿嘿，可以把你的共享发到twitter上。其实之前用Friendfeed绑定twitter后任何动作都可以在twitter上发布，比如添加delicious书签、上传图片等。
不过在Google Reader里面共享文章是最快的。步骤如下：
1、点击your stuff – “您的共享”，地址栏上会出现一个长长的地址，把后面%0F后面的数字记下来

比如我的地址是：

http://www.google.com/reader/view/#stream/user%2F06682478015186421150%2Fstate%2Fcom.google%2Fself

只要蓝色部分就可以，然后上twitterfeed，用openid登陆后添加一个feed，地址为：

http://www.google.com/reader/public/atom/user%2F数字数字%2Fstate%2Fcom.google%2Fbroadcast

蓝色部分替换成刚才的数字。ok了~

来源：How to Share Articles in Google Reader on Twitter

补充：其实还有个更简便的方法是，直接在Friendfeed里面导入Google Reader，一开始没留意

玩玩Friendfeed

小墨 — Tue, 09 Dec 2008 03:14:37 +0000

听说Friendfeed推出中文版，立刻去玩了一把，其实以前早就注册了的，一直没用。发现把一堆web2.0服务整合到一块还不错，还可以直接使用他的widgets直接发布，我弄到一个独立的页面里了，可以访问My Friendfeed去瞧瞧。也可以放到侧边栏里面或者其他地方作为输出个人动态消息也不错，不过默认widgets蓝色边框很丑，在主题style.css里面加行代码就可以，一定要加上important，不然是无效的。

.friendfeed.widget {
border: 0px !important;
}

我是分割线
最近Google Friend Connect那时相当流行，忽如一夜春风来，千博万博全挂上了。不过貌似很多人没注意里面还有个留言的小widget，偶顺便也给挂上了，不过有个缺点，要是没有登陆，就不显示名字、头像。优点是能直接插入YouTube视频。看看我博客上的留言页面。嘿嘿
又是分割线

离不开网络的人

小墨 — Sat, 06 Dec 2008 01:20:19 +0000

这个礼拜东奔西走，正经才上了两天班。前两天没上网是因为一个姐姐结婚，偶去蹭吃蹭喝了。看到手机里每天邮件数目几十条，真想每个博客去逛逛，无奈gprs上网速度实在是崩溃，电池电力也怕顶不住我在那使劲玩。

今天回来一看，一个外国友人本想买我链接，结果由于我不知道哪里搞了首页输入链接全是nofollow属性（不是这个博客），取消不买了。我也不知道是哪里搞出的问题，回头有时间再看看。另外还有三篇英文软文没写，今天有得忙了。

看到xiaorsz说他的评论被Akismet关小黑屋了，进去一看，我拷，救出7条评论外加一个pingback。如果以前有朋友的评论被关然后被删了，在这个说声对不住了，我不经常去确认拦截下来的评论的。

Google Reader里面的未读文章1000，实际数目应该2000+了。今天要解决掉，解决不掉的用必杀 – 全部标记已读

看见Stephen的Google Friend Connect推荐，比较好玩的东东。尝试一下

博客会上瘾

天气凉了 – 又感冒了

小墨 — Sun, 23 Nov 2008 08:51:12 +0000

前几天突然转冷，一下子无法适应，又光荣牺牲，还好不是很严重，只是头晕晕乎乎。提不起劲。话说回来，其实浙江这边也不算冷，都没到零下呢。怪自己体质太差，好久没有锻炼了，也许明年回家工作能有更多机会锻炼锻炼。

搞了好几天终于把博客评论修改成Ajax方式，这样留言就方便多了，还好看。参考方法：使用 jQuery 实现 wordpress 的 Ajax 留言，其实单靠我自己摸索还整不出这玩意，对于css、php、js完全门外汉，多谢xiaorsz同学热心帮助^_^。

这几天虽然没有更新文章，也没闲着，其实都在修改博客主题：比如给博客添加loading效果，加大文章后面Google AdSense广告然后把相关文章放到下面，修改顶部RSS Feed样式，一些地方圆角处理，css细节修改等等。

顺便说下css圆角代码，原来添个圆角是这么简单，以前不知道，感谢Stephen:

-moz-border-radius:5px;-webkit-border-radius:5px;

增加博客订阅数的50个方法

小墨 — Fri, 21 Nov 2008 03:29:00 +0000

原文地址：50 Simple Ways to Gain RSS Subscribers

本想翻译一下的，在Google Reader上看到已经有人翻译了，有兴趣的可以移步精品博客：浅议增加RSS订户的50个简易方法

我博客RSS订阅数还很低，最近计划稍微优化一下。没准你也需要^^

来源二

给博客页面加Loading效果

小墨 — Thu, 20 Nov 2008 04:55:45 +0000

据说加个Loading效果会降低网站跳出率，提高平均停留时间。具体效果是不得而知，不过从用户体验来说，页面上有个loading过程比单纯的空白页面要好得多。况且，添加这个效果实在是太简单了。^_^

请移步Awflasher.com查看详细教程：给页面加上Loading效果最简单实用的办法

不过他给出的方法是没有gif动态图片的，我自己的稍微修改了一下，我的代码如下：
Header.php里面的蓝色字体代码，注意loading图片的地址根据你自己主题而定。图片也要自己找一个^^

正在加载……

<?php wp_title(); ?> | 小墨|博客

CSS代码也稍微不同：

#loading{z-index:2;position:fixed;top:50%;left:50%;margin-top:-9px;margin-left:-56px;background:#cecece;width:120px;font-size:18px}

footer.php里面代码是一样的

Ok了~不过要是你网速快的没准都注意不到它的存在，如果没看清楚，可劲按Ctrl+F5

WordPress 2.7 Beta1与Simple Tags不兼容

小墨 — Wed, 05 Nov 2008 05:02:30 +0000

周日看到WordPress 2.7 Beta1出来，立即安装上去，感觉是相当不错的，具体功能已经后台界面改变就不祥林嫂了，网上有很多。

唯一的兼容性问题便是，安装好进入后台直接提示我Simple Tags失效，建议安装Simple Tagging。由于我博客原来“标签云”和文末“相关文章”都是Simple Tags接管的，特别是“相关文章”必不可少。无奈安装Simple Tagging看看，感觉这个插件不如Simple tags，而且相关日志功能无法启用，不知为何。看着一堆英文我也头疼，懒得花时间琢磨，于是下载了水煮鱼的WordPress Related Posts插件，还花时间修改了css，把它弄到文章右边。

下面说重点，WordPress 2.7 Beta1的tag功能基本无什改进，不能批量修改tag。当我用Simple Tagging修改完300多篇文章的tag之后，发现Simple tagging里面的tag是给自己用的，与系统tag相独立，相关日志插件不认新tag。考，花了这么多时间，敢情白改了。

上WordPress官方插件库搜，却找到一个Simple Tagging Import插件，可以方便地将Simple tagging里的tag导入到系统tag里。终于把这个问题搞定了，哎，啥时候WordPress tag系统能再完善些啊。

Simple tagging：可以在WordPress 2.7 Beta1 下批量修改tag

Simple Tagging Import：可以批量将Simple tagging里面的tag导入到系统

WordPress Related Posts:相关日志插件

发现个国内使用Feedburner的方法

小墨 — Fri, 31 Oct 2008 04:24:13 +0000

不知道是不是我火星了，如果是，请尽情B4我吧。由于Feedsky经常发癫，速度还慢的可以，功能还一般，so早就放弃，用着WordPress默认feed，就是www.leinky.com/feed，很猥琐吧。今天去看了Adsense，可怜的收入还是只有$5.05，遂尝试了下Feed广告，有个大发现，添加feed源后，google会给你生成一个新的包含Adsense广告的feed地址，格式诸如：http://feedproxy.google.com/leinky，一看feedproxy，这东西名堂大了，莫非google直接给国内feed广告用户提供代理功能。直接在浏览器输入http://feedproxy.google.com/leinky，的确能够访问，而且明明白白显示是Powered by Feedburner。

事后发现点击feed广告里“供稿统计信息”变会跳转到Feedburner.google.com。google账号里也会出现一个链接“Feedburner”。我试验了一下，如果创建新google帐户，是不能直接访问Feedburner.google.com的。

所以这是不是意味着只有一部分用户可以使用feedproxy这个特殊服务呢？？或者是不是只对开通了Adsense的用户开放？

下面是使用步骤：

1，进入Adsense，点击Adsense For Feed

2，在页面下方，点击创建新供稿，就会弹出窗口，输入你旧有Feed地址，按下一步即可。

3，以后便可通过google帐户里的Feedburner来管理这个feed，并且可以直接用http://feedproxy.google.com/leinky这样的地址来发布feed~

PS：没有开通Adsense的用户不知道可不可以直接访问Feedburner.google.com，我也不知道是不是有什么办法可以绕过Adsense直接创建feed。

另外，根据“我爱水煮鱼”的说法，貌似可以写信给Google人工迁移Feedburner帐户到Feedburner.google.com

使用Firefox+Firebug修改博客布局

小墨 — Mon, 27 Oct 2008 08:16:07 +0000

世上有诸多博客主题，但却鲜有主题能够完全合乎心意，到手后一番修改是必不可少的，但是css的修改却着实费劲，特别是没有本地环境的话，一遍一遍地传ftp，Ctrl+F5刷新也挺烦的。这几天把博客评论插件换了，顺便修改了评论css，写篇文章充数吧。
1、Firefox下载就不说了，首先下载Firebug最新版，目前为1.21，下载地址
下载完成后打开自己博客，然后点击浏览器右下角的萤火虫图标，标签“网络”里面，启用“控制台”和“脚本”。

2、顺便说下，网络标签那里可以看到博客所加载的所有js、html、css、图片等东西，如果你感觉博客加载速度慢，找出是哪些东西加载时间最长，想办法精简下。

3、点击Firebug左上角“查看”按钮，这个东东很神奇，点击后你就能用鼠标选取页面中的块DIV元素。比我我现在想修改评论框的样式，鼠标指向评论时，这个DIV就被高亮了，点下左键。这时Firebug右边就显示出控制该DIV的所有css代码了。

4、这时就可以随心所欲修改代码了，放心，这样修改只是测试预览，并不会真正写进css文件里。比如说我现在修改了评论的边框大小，貌似还挺漂亮，呵呵。如果感觉修改的差不多了，就把这段代码复制替换到真正的css文件里，就可以真正生效了，是不是很方便，而且不影响别人阅读。

注意：这样修改出来的代码一般只保证在Firefox下正常显示，修改后应测试其他浏览器下表现。

WordPress 2.7 Demo视频

小墨 — Wed, 08 Oct 2008 08:54:00 +0000

看起来很不错的样子，比较期待~~下面有视频

30+个非常有用的WordPress技巧（二）

小墨 — Tue, 07 Oct 2008 08:05:06 +0000

接上文：30+个非常有用的WordPress技巧（一）

17、Delicious Save Buttons

为你的文章加个小按钮，方便读者把文章添加问书签

18、DesignFloat Buttons, Website & Blog Integration

增加一个提交文章到Design Float的按钮，Design Float是一个DIGG形式的设计网站

19、StumbleUpon Buttons & Tools

为WordPress博客添加一个Stumble It!按钮，方便读者将文章递交到StumbleUpon

20、Dynamic Highlight Menu

为你博客导航条动态突出显示，（例如你正在浏览“关于|小墨”页面，该页面会突出显示，不过，我博客还没添加这个效果）

  >Gallery
  >About
  >Submit

为导航菜单加入高亮效果

>CSS
>Showcase

注意将相关代码内容替换。

21、DZone Buttons

添加一个递交文章到Dzone的按钮，方便递交文章，适合设计类的站点。

更多按钮样式

22、Reddit Buttons

添加一个Reddit按钮，方便添加Reddit书签（作者很喜欢书签按钮@@）

更多按钮样式

23、Archive That Works

一篇详细介绍自定义Archive/Sitemap页面的文章，值得一看

24、Add Breadcrumbs To Your WordPress Blog

为WordPress添加Breadcrumb导航条，清晰显示读者所浏览的文章层次，不错的东东。

25、Landing Sites / Pages

如果读者通过搜索引擎来到你博客，通常看完文章后读者会立即关掉页面离开，该插件可以整理出针对该搜索关键词的文章，提高读者浏览体验。

26、WordPress Exploit Scanner

WordPress漏洞扫描插件，会扫描文件以及数据库查找漏洞，提高安全性

27、Buy Me A Beer

添加一个通过PayPal赞助的按钮，类似于BUY ME A COFFEE

28、Display Feedburner Subscriber Count In Text

将feedburner订阅数显示为文本格式

29、Notifixious – Notify Users Via IM

这个插件可以在博主发新文章时通过IM（AIM、MSN、Gtalk、ICQ…）或者Email、SMS短信通知读者

30、Installing Xampp And WordPress

安装Xampp的教程，建立本地WordPress服务器，方便测试各种新版本、新功能（喜欢折腾WordPress的朋友还是非常有必要装一个的，当然也不一定要用Xampp，还有很多其他类似集成软件包，例如Wamp Server）

31、Create An Ajax-Based Auto-Completing Search Field

创建一个基于Ajax的自动提示搜索框，这个比较有意思

30+个非常有用的WordPress技巧（一）

小墨 — Mon, 06 Oct 2008 06:37:59 +0000

1、Apple Flashy Accordion Sidebar
将你博客侧边栏转变成Apple风格的插件

2、Adding Tabs To Sidebar
使用Yahoo! UI Library为博客增加tab页面的教程

3、Sidebar With Dynamic Contents
动态侧边栏的实现，不同页面显示不同的侧边栏（PS：之前介绍过的WordPress Widget Changer也可以实现这个功能）

4、Allow Users To Submit Blog Post
允许读者投递文章的插件，可以设置限制注册/非注册用户等

5、Paginated Comments
评论分页插件，如果你博客评论很多（如Yacca兄），也许有必要装一个，据说有利于SEO

6、Image Caption
图片标注，在图片下方显示标题、说明等，比较漂亮，而且支持css自定义

7、Random Redirect
创建一个进入随机文章的链接，点击后随机进入博客的莫篇文章，比较像现在流行的StumbleUpon

8、Google Syntax Highlighter For WordPress
使用Alex Gorbatchev ，在WordPress中轻松加入google语法高亮，以下是截图：

9、Facelift Image Replacement (FLIR) For WordPress
使用FLIR 插件，在线轻松地将文字转变成图片，多种字体，非常漂亮（PS：我在想，是不是可以用这个替换敏感词，不知道中文支持如何）

10、Del.Icio.Us For WordPress
在WordPress里显示你最新的delicious书签

11、Create Your Own PopURLs Within WordPress
在博客建一个PopURL页面，很不错，有点意思（PS：感觉像是hao123升级版^_^）

12、Exclude Certain Categories From Being Displayed
首页排除某些分类的日志有两种方法：
1，在首页代码里插入如下语句，注意把分类代码替换成你不想显示的分类编号。

if ( have_posts() ) : query_posts($query_string .’&cat=-1,-2′); while ( have_posts() ) : the_post();
?>

2，使用 Advanced Category Excluder插件

13、Another Date Image Hack
为你的日志添加日历标签

14、Styling Individual Posts
如何使用文章ID来为某些文章定义特殊的显示模式，使某些文章看起来非同一般。

15、How To Avoid Duplicate Posts
如何避免博客上的重复文章，重复文章在搜索引擎看来并不那么友好，需要尽力避免

16、WordPress ‘Page Redirect‘ Template
简单的页面跳转模板，放到theme文件夹后，新建页面是选择这个模板就可以，在页面中输入你想要跳转的地址，站内或者站外，相对路径或者绝对路径都可以。简单地实现页面跳转

原文链接

css好玩

小墨 — Mon, 08 Sep 2008 08:32:55 +0000

这几天心血来潮又来修改博客，该了下文章正文中超链接的颜色和样式，期间出现几个小问题，多谢Charles热心解答。

之后又看着被我改的面目全非的评论框，发现颜色太艳了，而且评论之间不好区分。决定再继续改，在每条评论前加了一小条border，又把三种颜色改到两种，把头像移到前面。这样总算看起来清爽一些了，期间得到firebug老兄的大力帮助，在firebug里面可以随时修改，即时预览，哪个部分找不到了还可以直接定位过去，实在是太tm方便了。
不过还有一个问题没有解决,本想把每个评论框左边的border在鼠标指向时变色，但是不起作用，谁知道为什么呀？不知道是跟其他哪个值冲突了。

.commentslist li:hover {border-left:4px solid #FFCC66;}

这行的颜色竟然不起作用，只好加大1px，看起来有点动静。但是在新留言的时候是能产生变色效果的，刷新下就没了，为什么前面的4px有效，后面的#fc6就无效呢~~

css真是太好玩了，可以随意改变每个部分的样式位置，不过本人水平着实有限@@，还需努力…

免费的css导航菜单下载

小墨 — Tue, 26 Aug 2008 06:42:47 +0000

不过是一些简单的css导航条，不过效果还是相当不错的，个人、商用都免费，自由下载。点击这里下载全部。也可以去这里，点击每个菜单的最后“Download Menu”即可分别下载。

博客评论部分修改

小墨 — Tue, 12 Aug 2008 01:00:11 +0000

博客原主题不支持AJAX留言，于是找了个AJAXcomment插件，用着非常不错，只是有个小缺点 – 比较丑=_=!!，想换到比较流行的threadcomment插件，不过这个插件css里默认第一层留言用的是主题默认样式，这是主题作者比较体贴的一点，可以保证装上插件后主题依然整齐统一，但是我感觉我这个主题的默认留言样式实在丑的不行，于是放弃。便一直将就用着ajaxcomment，而且这个插件有个问题，评论框有时长有时短，很纳闷，是哪里出了问题，后来才发现是跟系统的默认css冲突，解决方法在后面。

那天逛到sofish博客，看到一篇文章：sofish回馈读者计划。该同志本着大无私的人道主义精神，免费为不懂主题制作的博友制作wordpress主题，虽然偶最近是没计划换主题，不过我急着换个评论样式，苦于自己不懂css。嘿嘿，不说废话，昨天就换上了新样式，非常不错。提供下载，权当称其为“美化版”。感谢Sofish……

ajaxcomment原版下载 | ajaxcomment美化版下载

另外顺便说下使用该插件后评论框出现有时长、有时短的问题的解决方法。那就是，删掉主题默认css（一般是主题目录下的style.css文件）里所有跟comment有关的定义，一般是comment开头的啦，注意，删之前做好备份。

本博订阅地址更改

小墨 — Thu, 07 Aug 2008 05:20:04 +0000

之前用的一直是feed.chunaove.cn这个订阅地址，换了新域名后也没去改。上一篇文章中说到了，在不远的将来，我会把两个域名分开，做两个博客，所以这个博客的订阅地址还是及早更换为妙。新地址：Feed.leinky.com

欢迎订阅！！

WordPress模板标签快速查询

小墨 — Sat, 02 Aug 2008 12:01:13 +0000

在Blog Perfume看见一篇介绍一个Wordpress模板标签整理的站点，忍不住转介绍一下。

该站点将WordPress.org Codex里的Template Tag （模板标签）部分整理的井井有条，如果你是一个模板制作者，这里可以帮你快速查询tag，如果你跟我一样只是一个低级的模板修改者，那么这里也可以帮助你让你的博客更具个性化。点击这里进入。

如果你还不知道什么是模板标签，可以看看这里

76个CSS导航条欣赏

小墨 — Thu, 31 Jul 2008 11:41:34 +0000

之前转载过一篇关于css导航条收集的文章：52个超酷的CSS标签导航条，今天转到一个网站感觉挺不错，也是介绍css导航条的，其中showcase板块展出了76个各具特色的css导航条，在techniques部分则展出了37个样式，点进去有具体的制作方法哦。下面的76个导航条只是欣赏欣赏了。嘿嘿……该网站地址<=

Greased Lightbox – Update available (v0.18)

→←+-↻

Loading image

Click anywhere to cancel

Image unavailable

你的博客使用什么中文字体

小墨 — Thu, 31 Jul 2008 04:29:01 +0000

自从几年前用过Vista测试版，我就一直将自己用的系统字体改成微软雅黑，现在天天用的是液晶屏幕，更是无法习惯其他字体。长久以来，不论哪个浏览器，我首先会把默认浏览语言改成微软雅黑。我现在wordpress博客使用的是外国的一个主题，默认字体是Verdana, sans-serif之类的，但是这些个字体都是没有中文字库的，于是系统直接显示成默认字体 – 宋体。在液晶屏幕下，不支持Clear Type的宋体表现可以用极其恶劣来形容。
下面两张图分别是使用宋体和微软雅黑浏览本博客的截图，实际使用的效果对比更加明显。

wordpress中文字体宋体

wordpress中文字体微软雅黑

不知道各位博友有没有关注过这个问题，不知道中文博客该设置什么字体好呢，貌似并没有什么其他选择，因为主要问题是字体的显示必须要本地安装，所以一般xp系统中是不能显示微软雅黑、segoe UI等字体的…..

永久链接修改完成

小墨 — Fri, 25 Jul 2008 02:38:14 +0000

昨天博客搬家，弄完后就快11点，便去睡觉，没时间弄永久链接，今天早早忙活起来。使用了江东大侠的两个插件，自动转换slug和批量转换slug插件。

之前永久链接不三不四的，趁着换主机，把永久链接直接修整，改成/%postname%/，可是，这样改了之后直接显示的是中文，mao同学说这样对seo很不好，于是找了批量转换的工具，很不错的哦，每次转换5个（因为这个是利用google翻译，为了防止一次性向google发送太多请求而被临时封ip，所以一次才5个），事实上，我三百多篇日志，一会就转换完了，虽然机器翻译有些弱智，也过得去，批量的，将就了。
如果你追求完美，可以自己一个一个改，当然没必要进去每一篇日志了，可以使用这个插件：Headspace2
可以如图这样方便的修改，图片是别人的，随便借用下，这个插件支持wordpress 2.5，不知道是不是支持2.6哦。

博客搬家成功

小墨 — Thu, 24 Jul 2008 14:33:11 +0000

几天写了两篇日志，凑数！
当然，其实这篇日志是有技术含量的，是什么的，当然是我花费几个小时得出来的wordpress搬家导入导出过程中出现的乱码问题的解决方法。额&&&博主什么时候变这么牛X了，好吧，我承认，我是在google搜的方法@@
今天一拿到空间就开始传wordpress，传完后就下班了，回家后开始导入数据，嘿，一导入完就出现一堆错误，抱歉，没有把错误代码记录下来，尝试着使用wordpress内置的导入导出功能……%￥%%￥%￥，只能导出前200多篇文章，后面的新文章全都没导出来，神奇……只好尝试到数据库里一个表一个表单独导出，这倒好，博客是能访问了，可是全部文章的中文字全是乱码，英文全都正常，哎，马上想到是字符集的问题，可是看了后台是utf-8呀。。。想不通了，技术水平只能到此止步。求助google，才知道是数据库里面字符集的问题。
主要进phpadmin设置下就可以，博客搬家的同学也许会用到哦……以下转载自阅微堂

使用WordPress自带的database backup生成备份文件（打开这个文件，里面中文是正常的，而如果直接从phpmyadmin里面导出数据库，中文都是乱码）。
在phpMyadmin中设定MySQL 字符集: UTF-8 Unicode (utf8) （一般来说默认就是这个）
在phpMyadmin中设定MySQL 连接校对: utf8_general_ci
用文本编辑器如EditPlus 打开备份的数据库文件，查找”DEFAULT CHARSET=latin1″ 用”DEFAULT CHARSET=utf8″替换。
用phpMyadmin导入上面修改过的备份文件。
修改wp-includes/wp-db.php內的资料连线设定。详细的修改方式是这样的：
$this->dbh = @mysql_connect($dbhost,$dbuser,$dbpassword);
//加上下面这行
$this->query("SET NAMES 'utf8'" );

使用Picasa和Autoviewer创建自己的图片画廊

小墨 — Mon, 21 Jul 2008 02:15:15 +0000

首先看Demo……都是偶电脑上的壁纸
使用的是Picasa和Autoviewer模板
制作方法：
1，下载Picasa，如果你电脑上已经有了那最好，没有的话建议下一个，很不错的图片管理软件哦，还可以方便地将图片传到Picasa相册，可以加密、可以外链、速度还不赖。
2，下载Autoviewer模板文件，解压后将autoviewer_picasa_template文件夹放到Picasa的template目录，比如我电脑上的目录具体为：D:\Program Files\Picasa2\web\templates
3，重新运行Picasa，选择要创建画廊的图片，然后菜单项：文件夹–>导出为Html页–>选择略缩图、网页标题和存放路径–>模板选择Autoviewer
如下图：

点击完成。ok！制作完成……
4，把输出的文件一股脑传到服务器。然后访问看看……是不是很漂亮

当然不只这么一种方法的哦。你也可以完全手动制作，不一定要Picasa的。具体方法看这里.嘿嘿……

更新博客到WordPress 2.6

小墨 — Thu, 17 Jul 2008 14:42:40 +0000

好几天没有写博客了，虽然知道WordPress早已出了2.6，也没什么兴趣去升级，这几天一直在玩手机。晚上想象也该升级更新下了。不过，我似乎犯了个错。我用的网络是网通，主机是在电信。WordPress2.6一共587个文件，断断续续传了我差不多三个小时，这东西吧，一旦开始了又不能随便停掉。因为已经覆盖一部分文件了。ftp传送文件的时候，到一些几天没去的朋友博客上逛逛，发现好些博友也升级了，但无一例外都在或骂或批评。貌似升级后有好些问题。。没办法，都已经开始传了，没回头路了。额……
果然，升级后发现永久链接挂了，只好改成默认样式，很多链接也挂了。nnd……损失惨重……
还没发现其他的什么问题。明天仔细看吧。睡觉去……

博客被挂马？

小墨 — Thu, 10 Jul 2008 03:57:58 +0000

每天早晨上班第一件事就是开电脑，然后看看博客上有哪些朋友留言，今天也是如此，打开熟悉的Firefox，突然感觉不对，整个页面只有页眉页脚，中间内容是空的。第一反应是浏览器缓存问题，按F5一通，发现还是那样，怀疑是firefox问题，换到ie，Opera也是如此，这才感觉有问题。立即打开firebug查看博客加载项。发现首页加载的东西很少明显有问题，可惜都没有及时截图，然后直接输入http://www.leinky.com/index.php。这时才截了图，页面显示和http://www.leinky.com是一样的，不过怀疑源代码不一样。
在firebug里明显看见多加载了一个s1.js。地址为http://www.szcp01.com/uploadpsd/s1.js。Js文件中插入iframe，不过竟然是51.La统计，寒…… 而且加后面的/wp-admin，竟然无法访问后台。。。

上Google、百度搜了一下，发现也有其他站长发现过这个，特别这个http://www.171zz.com/thread-155045-1-9.html，在171站长论坛的免费空间里，我使用的付费空间和这个站长论坛好像是一家的……搞不明白了
等我再一次访问的时候就恢复正常了，看不出一点不正常，有高手解答下吗？到底怎么回事，有点郁闷

新装WordPress后该做什么

小墨 — Fri, 04 Jul 2008 07:38:09 +0000

如果你是Wordpress高手，请忽略此文……
虽然用wordpress搭建博客已经变的如此轻松，但我相信，第一次玩wordpress的新手一定会有一些使用设置上的困惑。那么，新装了wordpress后应该做些什么工作呢？

1，确定一个主题，也就是外观

为什么主题这么重要？是的，博客主题就如同人的第一印象，访客记住一个博客通常不是通过博客的名字，而是博客的界面风格，所以，最好选一个独一无二的风格，好吧，我得承认这有点困难。。。
建立博客就需确定主题的另一个原因是：无论你使用什么主题，都需做很多优化工作才能达到好的运行效率，所以不要老是换主题而去做重复的优化工作。关于Wordpress的一些优化技巧，可参见此文《汇报下最近的Wordpress优化工作》

2，装几个几乎是必备的插件，Akismet，Google XML Sitemaps，Platinum SEO Pack，Simple Tags，中文工具箱等等。Wordpress中最强大的功能在于插件，可是实现千变万化的功能，但是，需要提醒下，不要为了很多花边功能影响了博客的运行，插件，还是少少益善。你可以参见我使用了哪些插件《我使用的wordpress插件》

3，一些必要的常规设置

后台设置》常规里面设定地址以及邮件地址，注意最好设成你常用的邮件地址，以后管理员用这个邮件地址给别人回复留言时就会给访客发送一封邮件，非常体贴的功能，有利于别人再次造访你博客。

设置》阅读处，可设置静态页面，什么意思呢？就是别人进入你博客的时候最先看到的页面，也就是说，你可以完全自定义一个页面作为你的开始页，而不是显示日志，加上Wordpress可以完全自定义页面模板，所以你可以实现任何期望的界面。额……当然，这需要一点Wordpress代码调用的知识，太过于复杂，不在本文讨论之列。
关于首页显示几篇文章，我认为还是要视模板而定，讲究美观。

另外，一个小地方要注意，“正式显示评论之前”那条：【评论者必须曾有一条评论被批准】这个选项最好取消，不然新访客评论总是需要审核貌似不是什么好的浏览体验，防止垃圾留言完全可用插件来实现，用这个方法似乎有点得不偿失。

修改永久链接，最好的永久链接自定义地址应该为/%postname%/,我一直想改，下不了决心，前几天又刚换域名，我不知道重定向来重定向去的，robot会不会爬晕了，先这样吧，日后再说@@
强烈建议新博客使用postname，另外也有批量转换slug和发文时自动翻译slug的插件，这样今后就不用手动修改slug了。

想到就这些。如果你有不同意见，欢迎指正！
PS：……你也许想问我这个截图效果是怎么弄出来的。
嘿嘿，推荐下这个撕裂效果的截图软件：SPX Instant Screen Capture 6.0
一个几百k的小工具，非常好用。强烈推荐，点击这里下载
额，有码放送：

Name：OkGetTeam
Code：2kUmeNNlZGKsd+U7

本站启用新域名+WordPress换域名301重定向的方法

小墨 — Thu, 03 Jul 2008 12:08:01 +0000

哈哈，终于可以绑定域名了，以后启用新域名
www.leinky.com
什么，域名什么意思？
启用一个域名还真不是件容易的事，要感谢好多人，感谢Wildchildy帮我起名字，感谢Stephen帮我搜集资料，感谢Estyle帮我写代码实现301重定向。。。。

下面说下301重定向的方法：

1，如果你是Linux主机，请看此文：更改域名后301重定向Wordpress固定链接

2，如果你很不幸跟我一样是windows主机的话，那么Follow Me
找到wordpress根目录下的wp-blog-header.php，并在文件开头

if (strtolower($_SERVER['SERVER_NAME'])!=’www.leinky.com’)
{
$URIRedirect=$_SERVER['REQUEST_URI'];
if(strtolower($URIRedirect)=="/index.php")
{
$URIRedirect="/";
}
header(‘HTTP/1.1 301 Moved Permanently’);
header(‘Location:http://www.leinky.com’.$URIRedirect);
exit();
}

把其中的网址换成你的新网址。ok，就是这么简单。嘿嘿，如果你有任何编程方面或者Word/Excel方面的问题，也可以找Estyle兄帮你。。。点这里进入Estyle博客

压缩WordPress样式表和JS脚本 – 转载

小墨 — Mon, 30 Jun 2008 09:55:58 +0000

在前几天文章《汇报下最近的Wordpress优化工作》，其实我也说到了针对css和js文件的优化，当然，只是合并文件、删除冗余注释等低级方法。这里转载一篇Charles的文章《简述对WP博客样式表和JS脚本的压缩》

插播广告：如果你正在因为不懂编程，为修改博客发愁？或者你有什么Excel/Word方面的疑问？请移步Estyle的博客。热心的老E兄将为您解答。特别是Blogbus一些修改方法，强烈推荐，比如：
《随机友情链接在博客大巴上的实现》
《修改博客大巴评论样式的简单方法》
《如何修改“评论榜”》
……

Ok，下面正文：
应朋友的要求，才决定要写这个文章，我想，我对这个问题的理解是比较肤浅的，恐怕也讲不清楚，所以，我只简述一下步骤，高手就直接跳过吧。
先从文件在网络上传输说起，浏览一个网页，一般就是浏览器从服务器上下载文件的一个过程。举个例子，如果浏览我的网页，你要下载这么几个文件：

由index.php输出的一个HTML文件，也就是主页上的文字、链接还有他们的逻辑结构
style.css样式表文件，决定了页面的外观
jquery.js和vg.js脚本文件，决定了主页上的一些小功能，表单验证啦，ajax之类的
其他若干文件如logo.png，日志中引用的图片，或者留言中的头像，等等

浏览一个网页要下载这许多文件，如果每个文件又都很大的话，得到的结果只有一个，就是网页展现时间相对来说要长。如果能对传输的文件进行压缩，就能缩小文件的体积，加快浏览器的下载速度，减少服务器的流量。
还好，浏览器本身就是支持压缩格式的，比如gzip，现在问题的关键就是怎么让服务器把输出的文件压缩。我在网上搜了一下，一般最好的做法是使用服务器来压缩，Apache带有一个模块，叫做deflate，就专门干这个，如果你的服务器支持这个功能，那么你就很幸运，直接开启这个，然后配置一下就可以了。当然，我没有，所以，我也搞不清楚怎么配置啦。
服务器本身不支持，我们还有别的办法，那就是使用PHP来压缩了，PHP是支持gzip的。当然，又是一样，我讲不清楚怎么写那些代码，也搞不懂，但是这不代表我就不能用。

一个个说，压缩HTML文件，我用的是一个插件，就是WP Super Cache，这个插件自己就可以对Cache下来的文件进行压缩，只要在控制面板里面打个钩就行了。（WP 2.3 以前的，WP本身就有压缩功能）

刚才只说了压缩HTML，剩下的东西怎么办呢？本来我也是没有办法的，是看到了伟大的K2的代码，才知道，原来还可以这样。起作用的是这么段代码，这段代码在js文件夹的gzip-header-js.php和css文件夹的gzip-header-css.php中都有，内容几乎是一样的，其作用就是对这个文件进行压缩，并且要求浏览器缓存这个文件，缓存时间是两个月。

// check to see if the user has enabled gzip compression in the WordPress admin panel

if ( extension_loaded(‘zlib’) and !ini_get(‘zlib.output_compression’) and ini_get(‘output_handler’) != ‘ob_gzhandler’ and ((version_compare(phpversion(), ’5.0′, ‘>=’) and ob_get_length() == false) or ob_get_length() === false) ) {

ob_start(‘ob_gzhandler’);

}

// The headers below tell the browser to cache the file and also tell the browser it is JavaScript.

header(“Cache-Control: public”);

header(“Pragma: cache”);

$offset = 5184000; // 60 * 60 * 24 * 60

$ExpStr = “Expires: “.gmdate(“D, d M Y H:i:s”, time() + $offset).” GMT”;

$LmStr = “Last-Modified: “.gmdate(“D, d M Y H:i:s”, filemtime($_SERVER['SCRIPT_FILENAME'])).” GMT”;

header($ExpStr);

header($LmStr);

//注意！！！！！：以下两个header是二选一的，千万不能全放上去啊！！！！！

//此段代码专用于js代码的压缩，看下面这句Content-Type就知道了。

header(‘Content-Type: text/javascript; charset: UTF-8′);

//如果是CSS文件，替换成下面这句

header(‘Content-Type: text/css; charset: UTF-8′);

?>

大家要做的也是很简单的，把上面这段代码，插入到你的js文件，或者CSS文件中，然后将他们的扩展名加一个.php就可以了。注意看我写的注释啊，不看清楚就照抄，你肯定搞不定。

现在来举个例子，比如我的页面使用了jQuery类库，那么我原本要这样写：

然后，我把上面的代码拷贝到jquery.js文件的最前面，然后重命名成jquery.js.php，引用时候写法也变成下面的样子了：

jQuery的那个文件原来的尺寸为55KB，经过这样的处理，浏览器实际下载量是17KB，只有原来的三分之一。
但是对样式表的压缩，并非那么一帆风顺，因为主样式表文件是不能重命名的，必须叫style.css，这是WP机制决定的的，如果你换了名字，模板根本不会出现在模板列表里面。

处理这个问题的方法我知道两个：

1，把style.css里面的内容，拷贝到另一个css中，比如，myzipstyle.css中，然后使用上面我说的方法，最后在header.php中加上对myzipstyle.css.php的引用，就可以了。而style.css里面就只有7行注释，你可以把对它的引用从header.php中去掉。但是这个style.css，及其文件内前面那些注释，都是必须的，不能删掉（虽然你可以不用）。

2，像伟大的K2那样，在style.css里面引用另一个css文件，写法如下：

//K2的style.css，除了注释，就只有下面一行。相信聪明的你已经看懂了，我就不再费唇舌了。

@import url(‘css/core.css.php’);

乱七八糟，洋洋洒洒一大堆，希望能对你有所帮助吧~~
当然，还有更高级的方法，也更厉害，但是我是没有搞清楚的，我提提名字，如果你有志于再深入一步的话，可以有个出发点。再后面的方法就是，自己编译一个专门用于压缩的CGI程序（也可以用别人编译好的），然后放到服务器的cgi-bin文件夹里面，然后，手动修改.htaccess，让浏览器访问的每个文件，都从“压缩机”里面过一遍。你可以去：阅微堂（http://zhiqiang.org/blog/posts/speedup-your-blog.html），主人对博客优化有着深入而系统的研究。

汇报下最近的WordPress优化工作

小墨 — Sat, 28 Jun 2008 13:29:59 +0000

WordPress最强大之处在与它的可定制性，但同时也带来很多效率问题，由于wp主题插件的丰富性，几乎可以实现想要的任何功能，这对于新手的我有着无比的诱惑力，于是插件一个接着一个试过去，主题一个一个demo过去，用过的舍不得删，看着新东西就跃跃欲试，于是。。。作为一个wordpresser，你必须知道一些优化方法，不然你的博客会像蜗牛一样。

从写出那篇《我使用的wordpress插件》开始，我就筹划着精简一下我的blog，这几天一直在慢慢进行，现汇报如下：

优化合并js文件和css文件，原先的主题文件中为了代码整洁将下拉菜单等几个功能独立成几个css和js文件，我将js文件全部合并到一起，css文件放进style.css里面。另外，将js文件和css文件的注释部分全部删除，当然，如果注释不多的话就算了，如果注释很多，绝对有必要删掉，原主题中一个js就是注释比代码还多的=_=!!
优化元素的加载，把订阅部分的一些图标比如：订阅到google，订阅到抓虾，什么的统统放到内页，别看这些东西不起看，一张图片好几k，而且我发现feedsky速度很不稳定，有时首页加载就是被这几个小东西拖了后腿。
其次，把原先在header.php里加载的js放到footer.php，不过放在统计代码之前
其他的诸如favicon.ico文件,logo文件的大小也是可以稍微修改下的。以前我的favicon是直接拿图标放上去，后来发现那个文件有十几k@@
减少插件数量：现在我的插件已经精简到10个，基本差不多了，有几个是没办法减了，比如解决发送邮件问题的Configure SMTP还有解决我后台编辑框丢失的ChenPress等等。
弃用sitemap generator，sitemap采用新建模板的方法手动生成，具体方法参见：利用 xHtml Sitemap SEO
弃用runphp，页面运行代码还是不靠插件来进行了，也是采用新建模板的方法手动生成，我的link.php代码，具体方法参见xHtml sitemap seo这篇文章，大同小异。
弃用wp-polls：这是一个投票插件，效果挺炫，但是一进首页就给我们加载个js，还加载个130K的prototype.js我受不了
弃用Use Google Library Javascript，不加载prototype.js了，还要他干嘛。
优化数据库，使用Clean Options清理wp-options数据表，具体方法参见一亿度博客：打扫WordPress数据库和彻底战胜wp_options表里的垃圾数据，原来1M多的数据表现在已经减到400多k了，任务艰巨，还需努力
首页文章中如果有图片，都放到more标签之后
去掉一个首页阿里妈妈广告，侧边栏也想去掉，可是广告位已经卖出，只好等交易时间结束再改动。Google Adsense申请已经通过，如果以后要投放广告的话就投GG的，不过目前还没有计划，毕竟博客流量是先决条件，没流量挂上去也没收益。
减少数据库查询，修改header.php和footer.php文件中的代码，比如将之类换成小墨|博客。等等。

优化结果：说了这么多东西，知道我优化的结果怎么样吗？嘿嘿，依据firebug的数据，我首页加载的所有东西已经从280K减到了90K。别看上面每个方法很繁琐，精简的数量级都是几k几k的微不足道，殊不知网页加载速度就是被这几k几k的东西给耽误了。

写这么多，累死了！

七月七 – WordPress 2.6？

小墨 — Thu, 26 Jun 2008 12:55:50 +0000

WordPress trac里Roadmap上Wordpress2.6的发布日期定格为08-07-07，虽然跳票是可能的，还是比较期待。
虽然2.6 Beta1是出来了，我是不敢装@@，再等等。

关于Wordpress Trac的介绍可以看这里。

PS：另外，本博客决定启用com域名了，不过……现在还没想好名字，hiahia~ 努力思考中……
当然现在的cn域名目前不会停用，预计在很长一段时间内仍然有效^_^

52个超酷的CSS标签导航条

小墨 — Tue, 24 Jun 2008 08:31:36 +0000

其实我早想换掉博客的导航条，想把分类目录做成一个下拉菜单放到导航条上去，不过不会@@
转一篇文章，没准自己能琢磨出来，如果有兴趣制作博客主题的朋友，这些效果一定可以为你的主题增色不少。

jQuery Coda-Slider

Nice sleek tabs that slides through each tab.

[demo]
Perspective Tabs

Simple mootools plug-in that allows for a large number of tabs to fit into a small space.

[demo]
jQuery idTabs

It makes adding tabs into a website super simple. But it can also open the door to endless possiblities.

[demo]
Tab Accordian

Tab navigation with sleek animation using Moo FX.

[demo]
DHTML Goodies Tab Panes

Tab navigation with a close [x] button on each tab.

[demo]
AJAX Tabs (Rails redux)

Using Ajax to load information that does not need to be retrieved every time the user pulls the record.

[demo]
Ajax Project – Tabbed Page Interface

There are quite a few Javascript implementations of tabbed interfaces out there on the web. How much better, though, to be able to change from pagetab to pagetab without a page refresh? Here’s an example of a tabbed interface using Ajax to load the new pages.

[demo]
JQuery Nested Tab Set

Nested tab set done with the ExtJS UI Library.

[demo]
Ajax Tab Reloaded

Taken the idea of the sliding door tabs and mixed them up with a little javascript and ajax to make them very dynamic on the client side.

[demo]
14 Free Vertical CSS Menus

Free nicely designed tabs from explodingboy.

[demo]
Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.

[demo]
JavaScript tabs with jQuery

jQuery plugin that lets you create JavaScript tabs very easily. Examples of simple tabs, custom tabs, slide effects, fade effects and callbacks demos available.

[demo]
Yahoo TabView

Sample tabs based on Yahoo UI Library.

[demo]
DHTML Ajax Tabs Content Script

This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an “IFRAME” mode, a “slideshow” mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more.

[demo]
JavaScript Tabifier

Automatically create an HTML tab interface using plug-and-play JavaScript.

[demo]
Tabtastic

This library is a simple way to implement tabs on your page using CSS, a little JS, and semantic markup which degrades gracefully on browsers with CSS unavailable or disabled.

[demo]
KollerMedia Tabmenu

Tabs for images as icon, changes when mouseover.

[demo]
dhtmlxTabber

dhtmlxTabbar is a JavaScript tabbar control for creating dynamic tabbed-navigation interface. This Ajax-enabled UI component lets you add feature-rich and nice looking tabs to your site or web application.

[demo]
Centered Tabs with CSS

We’re constrained to either left- or right-hand navigation. But what if we need a bit more flexibility? What if we need to place our navigation in the center?

[demo]
CSS Tab Designer

[Windows only] CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!

[demo]
Light Weight Low Tech CSS Tabs

An example of light weight tabs by combining the Sliding Doors method with the Mountaintop corners idea.
Module Tabs – Carousel

Example of showing one page of content at at time in tabs. Each tab link scrolls to the page selected. Since all animation is turned off (animationSpeed = 0) then it just moves the desired content into view.

[demo]
Joshua Kaufman’s CSS Tab 2.0

Build CSS tabs without using any images or hacks and with as little CSS as possible.

[demo]
Tabbed Navigation using CSS

How to create low-bandwidth tab navigation on a web page using CSS.

[demo]
Duoh’s 2nd Level Tab Menu

[demo]
Nundroo CSS Navigation

[demo]
CSS Menu With Slider

This little example shows how to make really simple and yet very nice CSS Menu with slider.

[demo]
CSS drop down menu

Instead of the menu being triggered by placing your mouse of the menu label, it is trigger by moving your cursor over the down arrow on the right side of the menu label.

[demo]
Fancy Menu

Custom navigation bar with some cute Javascript effects that will certainly impress your friends.

[demo]
Creative Pony Sliding Tab

Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site.

[demo]
JQuery Tab Animation

A sample that show how you can add tab transition animations to your existing Tab Panel Controls.

[demo]
Fancy Sliding Tab Menu

Included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.

[demo]
Sliding Door of CSS

Now that CSS is widely supported, we can crank up the quality and appearance of the tabs on our sites.

[demo]
Aplus ADxMenu

4 most basic examples of tab submenus.

[demo]
Bulletproof Slants

[demo]
Core Design Magic Tabs

Nice tab plugin for Joomla.

[demo]
Brainjar Tabs

Using CSS to build a tabbed display. One where the user can click on individual tabs to view different content within the same space.

[demo]
qrayg CSS Menu

4 level deep list in both horizontal and vertical layout modes while maintaining hover persistence.

[demo]
Kalsey CSS Menu

[demo]
Accessible Image-Tab Rollovers

[demo]
HTML Dog CSS Tab

A popular form of navigation is tabbed navigation-a group of links that give the impression of being protrusions attached to different areas of unseen content. With CSS you don’t need to be restricted to rigid images for every tab-you can maintain complete control over appearance and text at a fraction of the file size of image-only alternatives.

[demo]
CSS Tabs Menu with Dropdowns

Create dropdowns when the top level menu item is hovered over.

[demo]
DOMTab

DOMtab is a JavaScript that turns a list of links connected to content sections into a tab interface. The script removes any “back to top” links in the section and automatically hides all but the first one when the page is loaded.

[demo]
Animated horizontal tabs

These sliding doors based blue tinted tabs “jump up” when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab.

[demo]
Inverted Shift Down Menu

This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it.

[demo]
Inverted Shift Down Menu II

[demo]
Vista Aero Buttons Menu

This menu consists of a row of independent, Vista aero looking CSS buttons, and departs from the typical list based menu structure. Each button appears initially faded out slightly via CSS opacity, then brought back to full opacity during the “hover” state.

[demo]
DD Tab Menus

DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.

[demo]
EasyCFM DHTML Tab

[demo]
Flexible Tab Navigation

The navigation bar shown here is achieved via 3 images, a bit of CSS and some JavaScript.

[demo]
jQuery UI/Tabs

[demo]
jQuery Thickbox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

[demo]

原文地址：50+ Nice Clean CSS Tab-Based Navigation Scripts

增加博客粘度的八大方法

小墨 — Mon, 23 Jun 2008 07:16:18 +0000

原文地址：8 Clever Ways to Lower the Bounce-Rate on Your Blog
原文中bounce rate是衡量博客粘度的一个比例，有的读者进入一篇博客文章看完后直接便关掉浏览器或者进入其他站点，而不去关注本站点的其他文章，每失去一个这样的读者都是失去一个忠实读者或者订阅者的机会。作为博客作者，有必要思考如何去提高博客粘度，让好不容易找到我们站点的读者发现博客的价值所在，并最终转化为长期的忠实读者。
这里列出了增加博客粘度的八条方法，也许能帮助你吸引新读者成为老访客。

1.精简首页元素

相信我，每一个新访问者只有一点点兴趣在你的站点上，就像我一样，每次一搜索东西就会打开4到5个搜索结果，然后迅速浏览找出一篇最有价值的文章慢慢看。所以，博客的主页必须简洁明了，主题突出，去掉那些不重要的容易分散注意力的widgets吧，你所要做的应该是让读者一眼就发现这个博客的价值所在。页面布局应该保持简单、整齐。

2.重点突出你的精品文章

对于读者来说，网络上有如此多优秀的文章可供选择，所以他们不会对你的日常流水账感兴趣，只希望找到他们最需要的东西。最好的方法是列出一个你的精品文章列表或者最受欢迎的文章列表，并把它放到显眼的位置：放到一个独立的页面，或者放在侧边栏顶部。

3. 突出你的分类列表

通常读者进入一个博客只能看到最新的几篇日志，分类列表是最好的导航方式，可以让他在最短的时间内了解你所关注的领域，如果里面有他关注的东西，他就会点进去再转会。建议分类最好控制在10个左右，太多的话别人是没兴趣慢慢把它们看完的。

4. 如果你日志比较长的话，首页设置成显示摘要吧

新访客一进入站点一般是拉动导航条看看首页都有哪些内容，如果你的文章太长又是设置成全文输出的话，满屏的文字的确不是什么很好的浏览体验。
在wordpress中首页设置输出摘要有两种方法，利用except插件或者使用more标签，
具体方法可见：如何让Wordpress实现文章的自动截断或者这篇：WordPress 首页显示摘要

5. 在单篇日志也下面显示相关文章

这个方法非常常用，读者访问你的文章通常是对某一个话题感兴趣，一个相关文章列表显然能够鼓励读者进一步阅读。能够实现这个功能的插件很多，我使用的是simple tags里面的一个功能，利用tag对文章进行关联。

6.增加一个到首页的快速链接

如果有人通过搜索引擎或者网络书签进入你某一篇文章，他想要进一步浏览网站的话必然是先去首页，遗憾的是，有些博客我实在是找不到首页链接在哪@@，建议将博客标题或者logo设成链接，另外在导航栏处再设置一个Home链接。

7. 设置一个About Me页面

About Me页面是读者了解你和你的博客最快捷的方法，同时也是展现你个性的绝佳舞台，花点时间做个独一无二的About Me吧，它会让别人记住你的。

8. 写一段简要而又有个性的博客副标题

它应该体现你的个性和独特，同时也要简要介绍博客的主要内容。
ps：这点我做的不咋地，换了主题后，干脆不显示了@@

10个推广你博客的方法

小墨 — Fri, 20 Jun 2008 12:48:33 +0000

原文地址：来自Blogperfume
这篇文章推荐了10种有效推广博客的方法。老生常谈了，感觉他归纳的不错，转载并演绎下。

1. 提交你的文章到网摘/社会书签

原文推荐的是Digg and Delicious ，中文用户可以提交到哪里呢？这个偶没有具体研究过，这两个插件一定可以给你点提示：Share this 中文和17Fav.com WordPress 插件 2.0（装一个就可以啦），
提示：收藏文章的时候别忘了取个吸引人的好标题，比如：

三码合一3G iPone预定，只卖1400

2. 多逛逛论坛

当然是一些跟你博客内容有相关性的论坛，比如你的博客研究wordpress，那就去wordpress中文，要是你喜欢研究vista，就去pcbeta等等。在论坛上多跟人交流，有能力的话写出一两个有用的教程或者文章就能给你带来丰富的流量，可以回家偷着乐了。当然写文章的时候别忘了加上自己博客的链接。

3. 免费电子书

写一本免费的电子书能为你的网站带来意想不到的流量。你的书必须要有吸引力，内容丰富并给人指导，否则别人才懒得跑你博客来看的。不知道怎么弄？那看看这个，hiahia~~ 【PDF电子书】打造完美博客的35个WordPress插件
方法2和3的结合。当然，这本书不是偶写的，高手sofish写的啦~

4. 加入圈子

这个圈子的意义比较广泛，可以是无形的博客圈，也可以是QQ群、MSN群或者是Google Group，总之，加入别人，一起讨论，你会发现乐趣并喜获丰收的。

5. 制作视频

制作有意思点的视频传到Youtube、土豆、六间房、新浪视频等网站，视频网站的日渐火爆早已不是秘密，当然，想要利用视频为自己网站带来流量也需要一定的制作能力，或者说，更需要出其不意的创意。

6. 有规律地更新日志

这条定律已经被重复千万遍了，无需多说。如果你做不到这条，那别看这篇文章了。

7. 递交到博客目录

递交到博客目录可以为你带来反向链接和潜在读者，虽然狠多博客目录网站也要求你首先给它链接，但这并不是永久的（你可以提交后删掉？），下面是比较热门的博客目录网站：

更多推荐可以看这里：61个免费目录网站

8. 增加RSS订阅量

想让你的读者知道你更新的最好方法就是让她订阅你的RSS Feed
想在最新时间知道小墨|Blog的更新吗？【订阅我吧】- 推荐使用Google Reader

9. 提交你的Feed到RSS目录网站

反正免费，干嘛不递交，不知道有哪些？
看这里：30+个免费RSS目录网站

10. 做好SEO工作

这个学问就大了，不是一两句就说得清，当然，你可以看下和菜头的这篇文章：最简单的SEO方法。

450+个WordPress插件整理（三）

小墨 — Mon, 16 Jun 2008 01:16:07 +0000

第一部分

Author(s) Related Plugins：与作者相关的插件
Admin / Dashboard Plugins：管理员/后台插件
Ads / Adsense Plugins：广告插件
Ajax Plugins：Ajax相关插件
Anti Spam Plugins：反垃圾插件
Archives Plugins：日志存档插件
Avatars Plugins：头像插件
Blogroll / Links Plugins：链接相关插件
Bookmarks / Social Bookmarking Plugins：社会化/分享插件
Calendars Plugins：日历插件
Categories Plugins ：分类/类别插件
Comments / Commenters Plugins：留言/留言管理插件
Counters Plugins：状态计数插件

第二部分

Database Plugins : 数据库插件
Downloads Plugins : 下载相关插件
eCommerce / Make Money Plugins : 电子商务/赚钱插件
Email Plugins : Email相关插件
Feeds / RSS Plugins : Feed/RSS插件
Google Plugins : Google插件
Interactive Plugins : 交互交流插件
Images / Photos / Galleries Plugins :图片/相册插件
Installing / Upgrading Plugins : 安装升级插件
Integration with Other Sites Plugins : 整合插件
Improve Reader Experience Plugins : 增强读者体验插件
Login Plugins : 登陆插件
Misc Plugins : 其他插件
Mobile / PDA / iPhone :手机/PDA/Iphone插件
Music Plugins : 音乐插件
Navigation Plugins : 导航插件
Optimize Response Time Plugins : 缓存插件
Pages Plugins : 页面(Page)相关插件
Passwords / Privacy Plugins : 密码/隐私插件
PDF Plugins : PDF插件
PHP Plugins : PHP插件
Plugins For Plugins : 管理插件的插件
Podcasts Plugins : 播客插件
Post Editors Plugins :后台编辑插件

450+个Wordpress插件整理 – 第三部分

Posts Plugins : 日志相关插件
Print Plugins : 打印插件
Randomize Plugins : 显示随机图片插件
Rotate Content Plugins : 循环内容插件
SEO Search Engine Optimization Plugins : SEO搜索引擎优化插件
Search Plugins : 搜索插件
Security Plugins : 安全插件
Shopping Carts Plugins : 购物车插件
Sidebar Plugins : 侧边栏插件
Stats / Statistics Plugins : 博客统计插件
Tags / Tagging Plugins : Tag、标签、关键词插件
Themes Plugins : 主题相关插件
Users Plugins : 用户管理插件
Upload Plugins : 上传管理插件
Videos / YouTube / Flash / FLV / SWF Plugins :（YouTube / Flash / FLV / SWF）视频插件

Posts Plugins :

1. add hyperlinked footnotes to blog posts pages : WP-Footnotes

2. add mood smilies to posts : Cricket Moods

3. add smilies for blog posts and comments boxes : WP Grins

4. add smilies to posts and comments : Custom Smilies

5. allow PHP code in posts pages and text widgets : Exec-PHP

6. allow readers to rate blog posts : WP-PostRatings

7. allow readers to rate posts using stars : Post Star Rating

8. allow users to edit comments on the posts : WP AJAX Edit Comments

9. automatically create posts from RSS feeds : WP-o-Matic

10. automatically create thumbnails of posts using images in them : Post Thumb Revisited

11. automatically display a list of similar posts to a given post : Similar Posts

12. automatically generate related posts : WordPress Related Posts

13. automatically generate, edit and manage posts and pages exerpts : Excerpt Editor

14. automatically link articles in a series : Organize Series

15. automatically post from RSS feeds : FeedWordPress

16. connect multiple posts which are in a series : In-Series

17. create multiple similar posts with a post template : Post Templates

18. cross posts blog posts to Facebook Mini-Feed : Wordbook

19. different number of posts per page for index category search archive pages : Different Posts Per Page

20. display a list of posts with most comments : Most Commented

21. display avatar for blog post author : Post Avatar

22. display programming code in clean colorful way : WP-Syntax

23. display recent posts from a single category with a sidebar widget : Category Posts Widget

24. display related content from the blogosphere : Sphere Related Content

25. display related posts in a sidebar widget : RelatedPosts

26. list recent posts : Recent Posts

27. post announcements above posts : AWSOM News Announcement

28. spell check posts : Spell Checker

29. stick a post to the top of the blog : WP-Sticky

30. translate blog posts into foreign language : Global Translator

31. use an article template for writing similar posts : Article Templates

32. Suggest some more for this list: Top Posts Plugins

Print Plugins :

1. display a printable version of posts and pages : WP-Print

2. Suggest some more for this list: Top Print Plugins

Randomize Plugins :

1. display random images from a given folder : Random Image widget

2. display random images photos from a folder for different visitors : Random Image Selector

3. Suggest some more for this list: Top Randomize Plugins

Rotate Content Plugins :

1. rotate quotes with a sidebar widget : Quote Rotator

2. Suggest some more for this list: Top Rotate Content Plugins

SEO Search Engine Optimization Plugins :

1. add change manage 301 redirects of posts pages : Redirection

2. add meta tags for search engine robots : Robots Meta

3. add META tags like keywords descriptions to posts pages : Another WordPress Meta Plugin

4. add META tags to posts pages for search engine optimization : Add Your Own Headers

5. automatically add ALT and Title tags to images : SEO Friendly Images

6. automatically generate a list of headings for a post : bSuite

7. create a blog sitemap for Google webmaster : Dagon Design Sitemap Generator

8. create a blog sitemap for Google webmaster : Google XML Sitemaps

9. edit robot.txt file within wordpress admin section : KB Robots.txt

10. enforce the www of domain name : Enforce www. Preference

11. optimize blog for search engines : All in One SEO Pack

12. optimize blog post titles for search engines : SEO Title Tag

13. optimize meta tags keywords for search engine rankings : HeadSpace2

14. redirect blog posts pages to other URLs : Page Links To

15. remove /category/ from category links : Top Level Categories

16. Suggest some more for this list: Top SEO Search Engine Optimization Plugins

Search Plugins :

1. add Spotlight like Live search with an AJAX popup : Live Search Popup

2. allow search for pages excerpts attachments comments : Search Everything

3. display Not Found 404 page with Google Search : AskApache Google 404

4. extend search to posts pages comments authors meta-data : Search Unleashed

5. Suggest some more for this list: Top Search Plugins

Security Plugins :

1. check wordpress installation for security vulnerabilities : WP Security Scan

2. secure wp-admin folders : AskApache Password Protect

3. Suggest some more for this list: Top Security Plugins

Shopping Carts Plugins :

1. add a shopping cart to sell goods and services : Quick Shop

2. add a shopping cart to sell products : WP e-Commerce

3. Suggest some more for this list: Top Shopping Carts Plugins

Sidebar Plugins :

1. add links to admin dashboard with sidebar widget : Admin Links Widget

2. display a list of random posts in a sidebar widget : Random Posts Widget

3. display Google PageRank on the blog : Google PageRank

4. display RSS feed in sidebar : KB Advanced RSS Widget

5. post short quick posts in the sidebar : Sideblog WordPress Plugin

6. track a countdown to/from an event goal : Countdown Timer

7. track a countdown to/from an event goal : KB Countdown Widget

8. Suggest some more for this list: Top Sidebar Plugins

Stats / Statistics Plugins :

1. add Google analytics code to all blog pages : Google Analyticator

2. add Google analytics code to all blog pages : Google Analytics for WordPress

3. add Google analytics code to all blog pages for blog stats : Ultimate Google Analytics

4. capture stats on RSS feeds usage : FeedStats

5. capture visitor stats like Hits Visits OS Browser Dimensions Search Words : CyStats

6. capture visitor stats pageviews hits referring URI browser information : Counterize II

7. collect visitor stats like pageviews IP Geocoding Browser : Official StatCounter Plugin

8. counts users categories posts comments pages links tags word counts : GeneralStats

9. display blog stats like posts pages comments : WP-Stats

10. display blog stats like visitors spiders search keywords feeds browsers : StatPress

11. display number of users online information in real-time : WP-UserOnline

12. display visitors on Google map : WP GuestMap

13. manage and track file downloads stats : WP-DownloadManager

14. see blog visitor statistics and graphs : WordPress.com Stats

15. track blog readers visitors traffic stats in real-time : WassUp

16. Suggest some more for this list: Top Stats / Statistics Plugins

Tags / Tagging Plugins :

1. add tag cloud with sidebar widget : Simple Tagging Widget

2. display tag cloud : Configurable Tag Cloud (CTC)

3. display tag cloud : New Tag Cloud

4. display tag cloud : Simple Tags

5. Suggest some more for this list: Top Tags / Tagging Plugins

Themes Plugins :

1. add skins to themes : Skinner

2. test drive themes while visitors see default theme : Theme Test Drive

3. Suggest some more for this list: Top Themes Plugins

Users Plugins :

1. synch bbPress and WordPress user registrations : bbPress Integration

2. Suggest some more for this list: Top Users Plugins

Upload Plugins :

1. securely upload and cleanly rename uploaded files : Upload+

2. Suggest some more for this list: Top Upload Plugins

Videos / YouTube / Flash / FLV / SWF Plugins :

1. display Flash swf movies videos : WP-SWFObject

2. display multiple YouTube playable videos as thumbnails : Daiko’s YouTube Widget

3. display video media files easily : Flash Video Player

4. display YouTube videos in sidebar widget : Berri Youtube Gallery

5. easily add YouTube videos : Smart YouTube Plugin

6. easily display and manage YouTube videos : WP YouTube

7. easily embed flash content swf files : pb-embedFlash

8. easily embed flv videos : FLV Embed

9. easily upload and publish videos : WP-Vidavee

10. quickly add videos from YouTube Google Brightcove MySpace Veoh : WordPress Video Plugin

11. quickly add videos from YouTube Google Video : Embedded Video with Link

12. quickly add videos from YouTube Google Video iFilm Metacafe MySpace : Viper’s Video Quicktags

13. quickly add YouTube and Google videos : EasyTube

14. Suggest some more for this list: Top Videos / YouTube / Flash / FLV / SWF Plugins

450+个WordPress插件整理（二）

小墨 — Sun, 15 Jun 2008 12:59:54 +0000

第一部分

450+个Wordpress插件整理 – 第二部分

第三部分

Database Plugins :

1. automatically backup blog MySQL database : WP-DB-Backup

2. backup recover MySQL database : BackUpWordPress

3. optimize repair backup restore database : WP-DBManager

4. search and replace strings in the database : Search and Replace

5. Suggest some more for this list: Top Database Plugins

Downloads Plugins :

1. upload manage track downloads : WordPress Download Monitor

2. Suggest some more for this list: Top Downloads Plugins

eCommerce / Make Money Plugins :

1. add change manage affiliate links like Commission Junction : WP-Affiliate

2. display items from Amazon in a widget : Amazon Showcase WordPress Widget

3. Suggest some more for this list: Top eCommerce / Make Money Plugins

Email Plugins :

1. allow people to recommend send blog posts pages to friends : WP-EMail

2. allow readers to email you via contact form : SimpleModal Contact Form (SMCF)

3. collect email addresses from users : WP Opt-in

4. notify registered users about new blog posts : Post Notification

5. send email to all registered users : Email Users

6. send new blog post email to all subscribers : Subscribe2

7. Suggest some more for this list: Top Email Plugins

Feeds / RSS Plugins :

1. add a line below posts to ask readers to subscribe to RSS feed : Subscribe-Remind

2. add a line of content before after articles in RSS feed : RSS Footer

3. add copyright information and track RSS feed : copyFeed

4. add RSS Feeds to blog : RSSImport

5. add RSS Feeds to blog : SimplePie Plugin for WordPress

6. Suggest some more for this list: Top Feeds / RSS Plugins

Google Plugins :

1. add Google Analytics to the blog : Local Analytics

2. add Google Analytics to the blog : WP Google Analytics

3. easily create maintain Google Maps : GoogleMapper

4. easily insert Google Maps : XML Google Maps

5. Suggest some more for this list: Top Google Plugins

Interactive Plugins :

1. add a contact form to post page : WP Contact Form

2. add a customizable guestbook blog page : DMSGuestbook

3. add a guestbook to any theme : Guestbook Generator

4. add contact form with spam stopping captcha : WP Contact Form III

5. add form allowing readers to submit posts : TDO Mini Forms

6. allow readers to send you SMS text messages : Quick SMS

7. allow readers to vote on posts : Vote It Up

8. invite readers to sign up for a newsletter : Newsletter subscription optin module

9. poll blog readers : Democracy

10. Suggest some more for this list: Top Interactive Plugins

Images / Photos / Galleries Plugins :

1. add SimpleViewer Flash galleries into blog posts : WP-SimpleViewer

2. allow users to crop / resize images : WP Vivtiger Image Resizer

3. create image gallery and flash slideshow : NextGEN Gallery

4. create polaroids of images on the fly : Polaroid on the Fly

5. display a slide show of images : Mini-Slides

6. display Facebook photos in wordpress : Fotobook

7. display Flickr photos images galleries : Slickr Gallery

8. display full screen slideshow presentations : WP PicLens

9. display images photos from remote Gallery installation : WP-Gallery-Remote

10. display images photos via flash viewer : NextGEN-FlashViewer

11. display photos from Picasa albums : Picasa Photos

12. display photos images as galleries in posts : Inline Gallery

13. display photos images from Flickr : SimpleFlickr

14. display photos images from Flickr : WordPress Flickr Manager

15. display photos images in albums galleries : DM Albums

16. display photos images portofolio of art work : AWSOM Pixgallery

17. display phots images galleries : PhotoXhibit

18. easily include a slideshow of images : mBox

19. organize, manage and display images photos via galleries : WP Photo Album

20. overlay images on current page : Lightbox 2

21. overlay images on current page : Lightbox 2.04

22. overlay images on current page : Lightview Plus

23. overlay images on current page : Shutter Reloaded

24. overlay images on current page : Simple Popup Images

25. overlay images on current page : Slimbox Plugin

26. overlay images on current page : Thumbnail Viewer

27. quickly display photos images galleries : Yet Another Photoblog

28. quickly embed Gallery2 photos videos content : WPG2

29. show Flickr photos : flickrRSS

30. use imageshack for graphics files in posts : ImageShack Uploader

31. Suggest some more for this list: Top Images / Photos / Galleries Plugins

Installing / Upgrading Plugins :

1. automatically upgrade WordPress installation : WordPress Automatic upgrade

2. stop access to blog pages when upgrading maintaining the blog : Maintenance Mode

3. Suggest some more for this list: Top Installing / Upgrading Plugins

Integration with Other Sites Plugins :

1. display latest tweets from Twitter : Twitter for WordPress

2. use twitter and wordpress together : Twitter Tools

3. Suggest some more for this list: Top Integration with Other Sites Plugins

Improve Reader Experience Plugins :

1. automatically display different times and dates in timezones : TimeZoneCalculator

2. display icons before links files PDFs : File Icons

3. display small screen snap shot of outbound links : Snap Shots for WordPress.org

4. Suggest some more for this list: Top Improve Reader Experience Plugins

Login Plugins :

1. add logon boxes to the meta links information : MiniMeta Widget

2. allow only registered users to read the blog : Members Only

3. allow OpenID for registered users : WP-OpenID

4. cutomize WordPress login page with logo and colors : BM Custom Login

5. use AJAX powered login page : AJAX Login

6. Suggest some more for this list: Top Login Plugin

Misc Plugins :

1. allow readers to dynamically change font size : WP-chgFontSize

2. use WordPress to store files and access them anywhere : WP Vault

3. Suggest some more for this list: Top Misc Plugins

Mobile / PDA / iPhone :

1. allow iPhone PDA devices users to read the blog : WordPress PDA and iPhone

2. allow mobile PDA users to view blog posts faster : WordPress Mobile Edition

3. manage blog with iPhone : WPhone

4. use the admin panels with iPhone mobile PDA devices : iPhone / Mobile Admin

5. Suggest some more for this list: Top Mobile / PDA / iPhone Plugins

Music Plugins :

1. add a single mp3 player in posts : Audio player

2. allow readers to play mp3 in blog posts : Inline mp3 player

3. display CD covers of last.fm songs with sidebar widget : Last.Fm Records

4. display recently listened songs from Last.fm : Last.fm for WordPress

5. stream audio video graphic files : wordTube

6. Suggest some more for this list: Top Music Plugins

Navigation Plugins :

1. add advanced direct numbered page navigation links : WP-PageNavi

2. add breadcrumb navigation links to posts : Breadcrumb NavXT

3. add numbered page navigation to blog : pagebar

4. create customized navigation of categories pages users : WordPress Navigation List Plugin NAVT

5. display navigation trees of categories pages posts : WP-dTree 3.3.2

6. show all pages from the root pages as a menu : Sub Pages widget

7. Suggest some more for this list: Top Navigation Plugins

Optimize Response Time Plugins :

1. cache blog pages for faster response times : WP Super Cache

2. cache blog pages for faster response times : WP-Cache

3. Suggest some more for this list: Top Optimize Response Time Plugins

Pages Plugins :

1. change the order of pages displayed : My Page Order

2. exclude pages from navigation : Exclude Pages

3. organize and manage page order display : Page Link Manager

4. organize and manage page order display via sidebar widget : Flexi Pages Widget

5. Suggest some more for this list: Top Pages Plugins

Passwords / Privacy Plugins :

1. hide some post content for logged in readers only : HidePost

2. Suggest some more for this list: Top Passwords / Privacy Plugins

PDF Plugins :

1. add a convert-this-to-pdf link to blog posts : post2pdf

2. Suggest some more for this list: Top PDF Plugins

PHP Plugins :

1. execute PHP code in blog posts pages : Inline PHP

2. parse and run PHP code in sidebar widget : PHP Code Widget

3. Suggest some more for this list: Top PHP Plugins

Plugins For Plugins :

1. add upgrade and delete plugins easily quickly : One Click Plugin Updater

2. add upgrade and delete plugins easily quickly : OneClick Installer

3. install uninstall plugins from admin panel : PlugInstaller

4. Suggest some more for this list: Top Plugins For Plugins

Podcasts Plugins :

1. generate full featured automatic podcast feed : podPress

2. Suggest some more for this list: Top Podcasts Plugins

Post Editors Plugins :

1. add an extra toolbar with advanced functions to blog post editor : Visualize Advanced Features

2. add more controls to WordPress WYSIWYG editor : TinyMCE Advanced

3. add more controls to WordPress WYSIWYG editor : WP Super Edit

4. expand improve file upload functionality : Flexible Upload

5. replace blog post editor to real WYSIWYG editor : Real WYSIWYG

6. replace default post editor with FCKEditor : Dean’s FCKEditor For WordPress

7. replace default post editor with WYSIWYM (What You See Is What You Mean) : Simple WYMeditor

8. use Fckeditor in places of default post editor : Monsters Editor for WP Super Edit

9. Suggest some more for this list: Top Post Editors Plugins

WordPress首页显示随机友情链接

小墨 — Mon, 02 Jun 2008 12:57:59 +0000

随着博客友情链接数的越来越多，我也要考虑是不是用上这种方法了，实在是没办法，不过现在这数量还好，过段日子再弄，先学习方法，呵呵。

有两种方法：

1，使用代码，

’, ‘’,0,0, ‘rand’, 0, 0, 10, 0); ?>

可以在sidebar.php文件里加入代码；也可以先装个Samsarin PHP Widget，然后在widgets里面添加代码，因为Wordpress默认的widgets是不支持直接运行php的，必须要插件支持。

2，下载随机显示友情链接的插件，最方便的方法。

另外关于独立友情页面的制作方法：

1，下载一个runphp插件，然后就可以建立一个新page，在代码编辑状态下写入

然后记得在下面runphp前面打上勾。很简单

2，不需要插件，建立一个links.php文件，然后把single.php的内容完全拷过来，然后把日志部分替换成

具体那些要替换的就只能依不同的主题定了，都不太一样，这个方法适合有一定代码基础的用，至少能看得懂代码。

本文参考自： ① || ② || ③

无奈使用Live Writer

小墨 — Tue, 27 May 2008 00:42:52 +0000

不是有意要转换到live writer的，一直以来的习惯都是在线编辑，由于默认编辑器有些简陋，于是下载了个tinymce advanced，自认都是按照安装步骤来的，不过最后还是出现问题，所有的编辑按钮都不见了，删除插件，回复原有文件都不行，于是放弃了，懒得去弄。在网上查到一种方法，就是在后台》用户》您的档案那里把“可视化编辑器”选项取消，虽然这样是找回来编辑图标了，可是有违初衷啊，我是准备加强编辑器的，最后整出来一个只能编辑ｃｏｄｅ模式……

于是无奈转向离线编辑器，当然，首选live writer。这里有live套件的独立安装文件下载，在microsoft下载安装这东西比较慢。

安装完成，设置相当简单，我就不截图了，直接填进去博客地址和用户名密码就可以了。另外下载这个可以支持tag。

测试了一下，说实话感觉挺好，设置简单，功能还不少，竟然还支持more标签，以后就用它了~~~

WordPress能发送邮件了

小墨 — Fri, 23 May 2008 09:15:31 +0000

装了Sofish本地化的share-this插件，却发现里面的邮件功能没法用！

看着这篇文章，试了下，呵呵~能发送邮件了~转载下！

ps：我使用的第一个插件，设置简单，傻瓜操作 – -!

———————————————————-

“我怎么收不到我blog的注册邮件啊？”
“为什么我的 WordPress 发不出邮件呢？”
……

以上这些问题是 WordPress 使用者经常碰到的问题，同时也是十分棘手的问题。为什么这么说呢？因为 WordPress 在用户注册时，是通过 Email 把初始密码发给注册用户的；而且，WordPress 很多时候也是通过 Email 来发送一些信息给博主的，比如有人在你 blog 留言了。可见，WordPress 无法发送邮件，是多么可悲的一件事啊！

接下来就是重点了，为什么邮件无法发送呢？WordPress 默认的发送邮件的方式是使用 PHP 中的 mail() 函数，而mail()函数使用的确是 *nix 的Sendmail。大多数无法发送邮件的原因就在于此。可想而知，国内广大的WIN主机用户是多么的憋闷。

难道就素手无策了？当然不是了，事情总有解决的方法。感谢伟大的 PHPer 们，因为我们有 PHPMailer （介绍见这里）。更令我们高兴的事儿是 WordPress 已经集成了 PHPMailer ，有经验的 WPer 可以直接修改 wp_mail() 函数，将其发送方式修改成 SMTP 方式（具体方法请自行查阅）。对于大多数 WPer 来说，这显然不是一个好方法（废话ing）。这个时候，WordPress 丰富的插件优势又体现出来了，下面，我就介绍三个插件给大家，这也是我推荐的解决问题的方法。

1、Configure SMTP | 点击下载

2、WP Mail SMTP | 点击下载

3、Swift SMTP Plugin | 点击下载

前两个使用的是 PHPMailer 类，而后一个使用的 Swift （另一个有名的 Mailer 类）。

我相信这三个插件中，无论哪一个，都足以帮助大家解决无法发送邮件的问题。

同一数据库中安装多个wordpress

小墨 — Fri, 23 May 2008 01:59:10 +0000

原来是这么简单，有点寒~~前段时间还在苦苦思索要怎么弄！

只要改下wp-config.php文件就可以~~

// You can have multiple installations in one database if you give each a unique prefix
$table_prefix = ‘wp_‘; // Only numbers, letters, and underscores please!

数据库是由很多数据表格组成的, 而每份数据表都可以设置一个前缀, 比如wp_posts, wp_comments. 当你要在一个相同的数据库中新建另一个Wordpress博客的时候, 唯一要注意的就是这里的表格前缀, 不要造成冲突. 比如你之前的一个博客已经使用了”wp_”来做来前缀, 那新的博客就可以使用”blog_”, “two_”等等, 只要不冲突就可以.

就是这样. 真他妈的够简单!

来自：第七实验室(7android.com)

该文地址

WordPress中的Trackback和Pingback

小墨 — Sun, 18 May 2008 05:25:08 +0000

Blog能迅速走向普及，自然有许多强于传统网站的优势，其中，PingBack与TrackBack功不可没：它可以简单地将众多单独的博客有机地联系在一起，从某种意义上看，甚至可以说改变了传统上的网站建设推广方式。

简单地说，PingBack与TrackBack是博客在链接、引用其他博客内容时通知对方博客的一种自动机制，告知对方链接位置及可能包含一定的摘要文本(视情况而定)。这样带来的好处是显而易见的，对PingBack、TrackBack发送者来说，避免了手动通知对方的麻烦；对 PingBack、TrackBack接收者而言，则可以随时掌握自己的某篇文章被什么人链接及具体链接信息，等等。
PingBack vs. TrackBack
从技术角度看，PingBack与TrackBack还是有很大区别的，不过，对一般blogger而言，可能没必要关注类似技术实现细节上的区别，有兴趣的朋友可详细研讨Pingback vs Trackback。

在使用方面，我们要知道的是：

大部分的blog平台软件，如WordPress，在发布文章时具有自动pingback该文所包含的所有链接页面的功能，blogger不需任何附加的操作；
TrackBack则需Blogger手动输入trackback url，比如说，在WordPress中发布文章的界面中，在trackback框内输入正确的trackback，大多数博客都会在文章页面中注明该地址，对未在页面中注明的，一般而言，使用WordPress的博客，其 TrackBack url默认为该页网址后加上“trackbak/”，如本文的TrackBack url即为“http://blogsdiy.org/2007-03/pingback-and-trackback/trackback/”。

许多朋友在使用国内主机时常常发现PingBack、TrackBack不能正常工作，这多是由于主机商设置屏蔽了相应的请求导致，虽然很让人讨厌：即使主机商进行如此出于对抗spam的考虑，也不应剥夺网站的自主选择权，替网站作出决定而只提供缩水的服务，但在竞争匮乏的初级阶段，这也是没办法的事。就象94年笔者初上Internet时ISP竟然只允许80端口的http访问，其他如FTP等互联网的最基本功能都不提供，但现在如果还有那样的ISP恐怕会死得很惨。
PingBack与TrackBack的工作流程
PingBack与TrackBack的目标在于简化多个博客间相关内容的关联过程。让我们设想一下，没有PingBack与TrackBack时的情况：

博客A发布了一篇文章；
博客B看到后，发布评论、引用、介绍博客A上该篇文章的贴子；
但此时博客A是无从知道博客B上对自己文章的引用情况的，要让博客A知道，博客B须：
- 在博客A上留言，介绍自己对该篇文章的看法，比如说“在我的博客发布了一篇文章，也讨论这个问题——”，并附上相应页面的链接；
- 向博客A发送E-mail，说明自己对该篇文章的进一步讨论，同时，也许希望博客A能在页面上放上自己的链接，以帮助对这一话题有兴趣的用户能找到自己的博客；

PingBack与TrackBack实现的功能便是将第三个步骤自动化了，再也不需这么一个繁琐的过程，即：

博客A发布了一篇文章；
博客B看到后，发布评论、引用、介绍博客A上该篇文章的贴子；
在文章发布时，博客B即自动向博客A发送Pingback或TrackBack；
博客A收到相应的Pingback或TrackBack，如果未设置人工审核，相应的内容即会出现在博客A该文的留言中，如果设置了人工审核，则出现在博客A的审核列表中，俟博客A认为不是spam后将其发布在留言中。

PingBack、TrackBack与留言spam
从上面的介绍可见，PingBack与TrackBack在某种程度上类似留言，但自动、高效的机制使得其极易被spammer所用，这也导致各类trackback spam、pingback spam泛滥。

要防止这类spam危害博客的正常运行，一般而言，可采用如下方式：

使用Akismet：Akismet在对抗trackback spam、pingback spam方面的强大，不需多说；
禁止PingBack、TrackBack:时常可以看到不少博客采用这种设置，不过，个人认为，因噎废食未必是最佳的应对手段；
设置使用审核机制：可以最大程序地防止spam Pingback、TrackBack出现在留言中，但无疑会加重blogger的工作强度，同时，用户的留言不能实时发布也存在一定的问题；
在留言链接中使用“nofollow”标签：这是大多数blog软件的默认设置，不过，近来也有不少人认为应取消留言中的“nofollow”，但个人认为，这是spammer所最乐于见到的。

终于解决wordpress边栏下沉问题

小墨 — Fri, 16 May 2008 12:57:22 +0000

wordpress的边栏下沉问题是个老问题了，自从建立这个blog以来就一直困扰着我~~网上搜出来几篇文章，但似乎都不管用，例如这两篇就讲了下沉的两种情况，但我仔细分析之后发现并不是这些原因

http://rexp.cn/archives/497805

http://rexp.cn/archives/560285

没办法，继续自己埋头苦思。

网上下载了几十个skin，几乎全都用不了，试来试去终于试出一个不会下沉的~~

那就是默认的classic。仔细一看css，这才明白原来这个主题的边栏用的是绝对定位，于是把现有的好几个主题都改成了绝对定位的，终于不下沉了，但随之问题也来了，绝对定位的主题适应性不好，在不同的浏览器、分辨率下的显示效果不一而同，有时甚至乱七八糟。

改了几个主题后终于明白，这个不是解决下沉的根本原因，继续在google搜“Wordpress边栏下沉”，一篇文章吸引了我的注意，他说只要在编辑模式下切换到html方式，然后删除所有的div标签就可以解决。

说实话刚开始不是特别相信，边栏下沉关div标签什么事，继续研究，终于发现了规律，边栏下沉的时候不是垂直下沉的，而是下沉到日志的下方，我就纳闷了，wordpress是div+css架构的，每个模块都在css里有自己的定位，边栏它怎么就自己无缘无故跑别人底盘上去了？？

当然，细细思考之后终于明白，md，就是div在作怪，

因为文章中多出来的div标签，会把侧边栏也纳入到日志主体的模块中去，所以显示出来的时候侧边栏就成了日志的一部分而悬挂在下方。

当然，解决方法也很简单，一页一页试过去，发现有下沉的就检查里面的文章，切到html编辑模式，删除div标签就可以了~~~~

终于可以随心所欲的选择theme了~~

只言片语 » wordpress

自动提取文章的第一张图片

相关阅读：

WordPress 日期调用格式

相关阅读：

再再再搬家

相关阅读：

扔了算了

相关阅读：

我又换主题了

相关阅读：

十个步骤学会css定位

相关阅读：

就是这么神奇

相关阅读：

30个评论样式修改的方法

相关阅读：

WordPress主题 – Theme Codename H

相关阅读：

新年新气象 – 新开始 – 新主题

相关阅读：

把Google Reader 共享发到twitter

相关阅读：

玩玩Friendfeed

相关阅读：

离不开网络的人

相关阅读：

天气凉了 – 又感冒了

相关阅读：

增加博客订阅数的50个方法

相关阅读：

给博客页面加Loading效果

相关阅读：

WordPress 2.7 Beta1与Simple Tags不兼容

相关阅读：

发现个国内使用Feedburner的方法

相关阅读：

使用Firefox+Firebug修改博客布局

相关阅读：

WordPress 2.7 Demo视频

相关阅读：

30+个非常有用的WordPress技巧（二）

相关阅读：

30+个非常有用的WordPress技巧（一）

相关阅读：

css好玩

相关阅读：

免费的css导航菜单下载

相关阅读：

博客评论部分修改

相关阅读：

本博订阅地址更改

欢迎订阅！！

相关阅读：

WordPress模板标签快速查询

相关阅读：

76个CSS导航条欣赏

相关阅读：

你的博客使用什么中文字体

相关阅读：

永久链接修改完成

相关阅读：

博客搬家成功

相关阅读：

使用Picasa和Autoviewer创建自己的图片画廊

相关阅读：

更新博客到WordPress 2.6

相关阅读：

博客被挂马？

相关阅读：

新装WordPress后该做什么

相关阅读：

本站启用新域名+WordPress换域名301重定向的方法

相关阅读：

压缩WordPress样式表和JS脚本 – 转载

相关阅读：

汇报下最近的WordPress优化工作

相关阅读：

七月七 – WordPress 2.6？

相关阅读：