2007年6月30日星期六

WordPress as CMS -- SCUTHK

华南理工大学香港校友会网站最初是我自己用 PHP 写的,但是毕竟时间有限,水平也有限,所以做的很不好,问题多多。后来发现自己一直在使用的博客系统 WordPress 进行一些改进,完全可以做成一个 CMS(内容管理系统)。下面我就说说我自己怎么把 WordPress 改装成一个 CMS 系统的过程,希望大家看后对于我的想法对出自己的意见。到目前为止,个人感觉有些功能的实现还不是很完善,至少不是最好的方法。也是第一次写这样技术性的文章,可能写的不好,请大家多多包涵。

More... )

2007年6月27日星期三

Windows Live Writer 简单使用

安装和配置好 Windows Live Writer 之后,我们就可以用它来发表日志了,本文介绍如何使用 Windows Live Writer 发表日志到 WordPress 博客,以及要注意的地方。

首先,在 WordPress 发表文章的时候,你会做哪些步骤呢?

首先你会输入你的内容(这不不是废话吗?:-))
然后你会给你的日志选择分类
设置发布的时间(如果不想一天发表太多文章的话)。
如果你是用永久链接,你可能还需要给你的日志加上个 Slug
还有可能你需要在首页并不显示全部内容,只需要摘要或者前面几节。

上面就是我在发表日志时候一般要做的步骤。在使用像这些离线发表工具的时候我最当心的就是能否满足我的要求。其实 Windows Live Writer 完全可以做到,甚至更多。下面就开始我们的 Windows Live Writer 使用历程。



More... )

Windows Live Writer 安装和简单配置

今天开始给大家介绍下,Windows Live Writer,这个 Live Writer team 推出的日志编辑工具,也就是我们平常所说的博客离线写作软件,目前的版本是 Windows Live Writer Beta 2,详细的功能请查看:官方网站的介绍

鉴于本博客使用的博客系统是 WordPress,所以本网站关于  Windows Live Writer 介绍只针对在 WordPress 平台上的如何使用,如果你使用是别的博客系统,请注意其中的差别。

今天和大家讲讲如何安装 Windows Live Writer 和简单配置。



More... )

Temporary Post Used For Style Detection (21b162e7-8b8f-46d4-bed3-6e146d339a2c)

This is a temporary post that was not deleted. Please delete this manually. (2ec3cda6-3d13-40e5-a131-9365df0ac808)



Orignal From: Temporary Post Used For Style Detection (21b162e7-8b8f-46d4-bed3-6e146d339a2c)

Temporary Post Used For Style Detection (bc6ea1e0-de16-4dca-a50b-10d083e2be26)

This is a temporary post that was not deleted. Please delete this manually. (3e00f847-20cf-4b5d-8e91-ddc8b0ff59f5)



Orignal From: Temporary Post Used For Style Detection (bc6ea1e0-de16-4dca-a50b-10d083e2be26)

Drupal 初步接触系列四:开始使用 Drupal

根据"Drupal初步接触系列三:开始安装Drupal"这篇文章的详细安装过程操作完成后,你已经可以使用Drupal系统啦。下面我们就介绍如何操作。
More... )

2007年6月26日星期二

Drupal 初步接触系列三:开始安装

所需资源:



最新的Drupal版本是5.1,所以本文一切以5.1为例说明操作过程。

More... )

2007年6月25日星期一

WP SEO 技巧:链接建设第一部分 — 向外链接

这是链接建设系列的第二部分,(查看第一部分


向外的链接


这篇文章将会简短的概述下向外的链接和探讨下为什么它可能会成为同时好的或者不好的。不要发愁,这个系列的最后第三篇将会会以如何实际制造链接到你的网站未结束,前两篇是为在链接建设方面新手介绍的初步的背景知识。



向外链接是一些有点,甚至非常好或者神奇的东西,SEO 大体预览(这里翻译不大对头)。当一个搜索引擎在查看你的网站的时候,它会去查看那些站点链接到你的站点上,同样在这个计算你的排名过程中,它也在查看你链接到了哪些站点。


为了举一个例子,让我们使用 Google Inside。这是一个射击讨论 Google 和涉及 搜索引擎新闻和其他工业相关新闻的站点。如果 Google Inside 链接到比如一个赌场的网站会有意义吗?园林的网站呢?或者甚至一个讨论跳伞的网站。那样对于作为用户的你用任何意义吗?如果这对你没有任何意义,同样他对搜索引擎机器人也是没有意义的。相关的向外链接 — 付费的或者免费的 — 是非常重要的。久而久之,我已经认识道这一点通过测试不同的链接到达不同的网站。


返回我们的例子。如果 Google 链接到如 Search Engine Watch 或者 Matt Cutts’ Blog 这类网站,这些站站点都是直接通过相关性命中 Google Inside。同样的行业,同样主题。搜索引擎将看到这一点并认为这些链接对你和你连接的站点是同样非常有价值的,因为它帮你在特定行业或者位置中摆定你的位置。



这就是对于向外链接的简短总结


下一篇(这个系列的最后一篇)... 如何创建链接



这篇文章翻译自 Weblog Tools CollectionWP SEO Tips: Outbound Linking Part 2
对于个翻译或者这个SEO主题有什么意见,请给我留言

Orignal From: WP SEO 技巧:链接建设第一部分 — 向外链接

如何修改用户 root 的密码

由于在创建 CONFIG 文件的时候需要输入 MySql 的用户和密码,默认用户是 root,而密码为空。很多朋友都在询问如何修改 root 的密码,以避免安全问题。其实修改密码非常简单。

下面以本地服务器为例给大家提供一下步骤以供参考:

1. 在浏览器上输入 http://localhost/phpmyadmin/ 进入数据库管理界面。

2. 在左边数据库选择框内选择 mysql 数据库。然后在右边的数据库表的底部选择浏览 USER 表。
select-mysql

3. 选择修改用户 root 的密码。
edit

modify

密码修改好以后用户再创建 CONFIG 文件,或者使用 MYSQL 数据库时就需要输入新密码了。


Orignal From: 如何修改用户 root 的密码

如何在 Windows XP 系统上安装 WordPress 本地测试

文章翻译自 Installing WordPress Locally Under Windows XP 剑指天下 测试并校订。

近几周,Denis 给大家分享了不少如何创建属于自己的 WordPress 主题,但是我们大部分用户都是在网络上的 BLOG 上来做测试,速度相对来说很慢,而且也不容易修改代码。这里给大家简单的讲一下如何在 Windows XP 系统上安装 WordPress 来做本地测试。

首先,你必须有一个基于Apache、MySQL、PHP的编程调试环境。我们推荐使用 XAMPP LITE,可以从下面的链接下载。
XAMPP LITE

将 XAMPP LITE 安装好以后,打开服务器,将 Apache 和 MySql 两个服务打开。如下图所示。
XAMPP

下载最新版的 WordPress ZIP 文件夹,解压并存放在 C:\xampp\htdocs 目录下。

create-database当你第一次使用 WordPress 的时候由于你并没有创建与 BLOG 相配套的数据库,所以会产生错误。我们所需要做的就是在浏览器上输入:http://localhost/phpmyadmin/。进入数据库管理界面。选择 utf8_unicode_ci 和 utf8_general_ci 作为数据库格式,数据库名可以自定义。

在网页上打开 http://localhost/wordpress/。当你第一次使用 WordPress 的时候由于你并没有创建与 BLOG 相配套的数据库,所以会产生错误,我们所要做的就是点击 create a wp-config.php file 链接,然后根据后面的步骤继续创建数据库。

create-config创建好 CONFIG 文件以后,你可以继续输入 BLOG 的名称和自己的 EMAIL 地址,随后系统会自动为默认的 BLOG 管理员 ADMIN 分配一个初始密码。用户登录以后可以自行修改。

至此,您的 WORDPRESS 个人 BLOG 创建成功了,接下来的就是您自己体验 WORDPRESS 了。


Orignal From: 如何在 Windows XP 系统上安装 WordPress 本地测试

2007年6月24日星期日

WordPress 头像插件:Gravatars2

Gravatar,全称为 globally recognized avatar,是 http://www.gravatar.com/ 推出的一种头像身份表示服务。只要你在上面注册你邮箱,和上传你的头像图片,然后当你在启动 Gravatar 服务的博客上留言,就可以显示你的头像。

目前在 WordPress 支持 Gravatar 的插件我知道有三个:
第一个是 Gravatar 官方推出的 WP Gravatar,这个插件比较简单,实现的功能很少,仅仅显示头像,如果留言者没有在 Gravatar 上注册头像,它就会显示一个默认的 Gravatar 官方的头像。
第二个是 skippy dot netGravatars,它的基本功能和官方的功能基本上一致,没什么很大的区别。
最后一个,也是本站使用的 ZenPaxGravatars2,该插件是在 skippy dot netGravatars 基础上改进的,首先就是它在本地注册的用户,可以直接在本地上传图像,如果不想在 Gravatar 上注册头像的话。另外,它在你服务器上缓存了头像,节省可访问 gravatar.com 服务器的时间。最后本人最喜欢的它一个功能是,默认头像可以设置到一个文件夹下面,它可以随机选取一张头像给未在 Gravatar 上注册的留言者,这样就可以让留言区域的头像比较丰富,而不会显得单一,因为在国内到 Gravatar 上注册的人不是很多。呵呵,像本站就使用了洋葱头的一组头像。下面就给大家介绍下 Gravatars2 的使用:

More... )

Drupal 初步接触系列二:你需要Drupal吗?

你需要Drupal吗?



Drupal是一个高度客制化、模块化的内容管理系统。仔细考虑您所需要的特色和功能,Drupal有可能是您的最佳选择。

在您回答你是否需要Drupal之前,我们有问题要先问您:您是哪一种类型的Drupal使用者?您的需求是什么?

More... )

2007年6月23日星期六

5 个非官方的 WordPress 非插件工具

关于 WordPress 的一个最好的地方就是它有非常庞大的社区人群,各种层次来贡献社区。每天都有新创建的主题和插件,并且这个社区在把真正有用和非常优秀的主题或者插件推到顶部这方面确实做得非常好,假如说插件就是 WordPress 的面包和黄油,那么一些非插件的工具则寻求使你的 WordPress 使用经验更加完美。


WPZipper


wpzipper logo


当然了,第一个我将提及的是 wpzipper。这个工具让用户能够非常容易浏览他们想在他们安装 WordPress 时使用的插件和主题并把他们和 WordPress 源文件合起来成一个 zip 压缩包。默认情况下,这个 zip 文件包含文章的 WordPress 安装包和选择的主题和插件,并且它们在合适的文件夹下。你所要做的和平常一样上传和安装它们。这个站点的最近更新则能让你创建账号和保存你的选择主题和插件之后的安装包,以便以后下载。



译者注:更详细的介绍请看我这篇文章:wpZipper — 创建自定义 WordPress 安装包

WordPress Theme Generator


Wordpress Theme Generator


另一个非常有创意的工具是 WordPress Theme Generator。基于 Yahoo Grids CSS IU Library,这个简单的页面表单能够让你选择页面宽度,栏数,大小和样式化选项。生成的结果是一个 zip 文件,你可以直接下载下来然后上传到你的 WordPress 主题目录下并用做一个新的主题。当然你不能想通过它控制所有的东西,最低限度这个工具能够够给制作主题的设计者一个非常好的开端。它有非常多的自定义选项,实时预览和窗体化支持,这个非官方的工具非常值得你去一试。



译者注:通过这个工具可以让你在创建主题的时候省去不少时间和工夫,但是你要真正理解和创建主题,我还是建议你去看看本站的主题制作教程:那么你想创建 WordPress 主题吗?

WordPress on a Stick


WordPress on a stick


对于任何开发 WordPress 主题和插件,或者仅仅是为了想要一个方便和易于携带的方法去测试 WordPress,把 WordPress 放入 U 盘 是一个已经实现的梦想。上面的链接就是一个关于如何通过一个叫做 XAMPP Lite(就是一个非常容易安装 Apache,MySQL 和 PHP 方法)的开源程序简单而快速安装 WordPress 到 U 盘中。如果你能花点时间去看下并且把它安装和跑起来,你就会沉迷于它的简单性和便捷性,在于把一个网页服务器放入你的口袋中。



Kubrickr


Kubrickr


Kubrickr 是一个非常有趣和相当有创意的工具,它让你在你使用默认的 Kubrick WordPress theme 时候自定义头部图片。对于那些寻找更加客户化或者复杂主题的人来说,这个插件并不是为他准备的。然而,如果你是由于某种原因而建立一个快速而简单的博客,Kubrickr 就是一个非常有意思方法去增加一些客户化。特别是对那些喜欢创造性使用 Flickr 的人。


Canvas


Canvas Logo


好吧,我在这里有些撒谎。Canvas 从技术上说是一个 WordPress 插件。然而,它是主要插件。我可以容易知道 Canvas 自己本身就是一个独立的网页程序,它允许你产生主题。我指出他仅仅是因为更方便把它安装成一个插件。从根本上说,Canvas 让你"简单再安排,再配置和给你整个博客上色,而不用修改一个行代码",一旦安装之后,Canvas 让你可以访问你一个非常丰富的主题自定义选项,并且你只需很少的时间就能适应它。对于那些寻找一个非常简单主题定义化工具但是又不想学太多代码的人,Canvas 是一个非常好的选项。



译者注:个人认为,如果不懂 CSS PHP 和 HTML,而来对 WordPress 做一些自定义化工作,是不太现实的,不管工具有多好。

本文翻译自:5 unofficial WordPress tools that aren't plugins,原文是一篇播客,你可以上去听下他们英语原文,或者到这里下载 MP3

Orignal From: 5 个非官方的 WordPress 非插件工具

2007年6月22日星期五

Drupal 初步接触系列一:认识 Drupal

Drupal介绍



Drupal是一个强大的软件,它可以让个人或社区使用者很容易地发表、管理并组织一个网站里大量且多样的内容。已经有许多个人和组织采用Drupal来建立各种不同的网站,包括:

  • 社群入口网站和讨论区

  • 企业网站/企业内部入口网站

  • 个人网站

  • 爱好网站

  • 电子商务应用

  • 资源分类目录



More... )

2007年6月21日星期四

WP Theme 教程 #11:宽度和布局

这篇将涉及如何设置每个 DIV 的宽度以及如何排版它们。同样也会向你展示一些围绕如何让你的主题显示正确并同时在 Firefox 和 IE 显示相同的工作.


在我们开始之前,打开下面这些东东:Xampp Control主题文件夹Firefox 浏览器,IE 浏览器,index.phpstyle.css这两个文件。



More... )

FeedBurner 的订阅数达到99

虽然还没有100,99 对我来说已经非常大了,虽然对于那些订阅数达到上万的网站来说,这简直是小儿科,但是我们已经很满足了,可能这也是我们经常原创和翻译文章的结果吧,当然了也要谢谢各位读者的大力支持。但是目前本服务器(买的BlueHost的空间)好像在国内访问非常慢,特别是电信的用户,哎,不知道是不是这个原因使我们的访问量一直那么低。哎,不管了,仔细看了下 FeedBurner 订阅统计,最多的是通过 Google 订阅,26个,其次是抓虾,12个,Rojo 也不少,达到了6个,通过 Mathon 浏览器订阅的也有 5 个。大家现在可以看到我网站的右下方有 9 个订阅的图片链接,如果你觉有什么比较好的订阅服务?请给我留言!


Orignal From: FeedBurner 的订阅数达到99

2007年6月20日星期三

Popularity Contest

在前面关于 WordPress 统计插件:Counterize II 中提到过 Popularity Contest 这个插件,这是一个我非常喜欢的插件。我想很多人都用过这个插件,而且基本上都不会有任何使用上的问题,因为这个插件很容易安装和使用。所以今天我会除了基本介绍下这个插件之外,然后谈谈怎么扩展使用这个插件。

描述


Popularity Contest 这个插件能够统计你的日志在日志,分类和存档各个页面的被浏览次数,以及留言和 trackbacks 的条数,然后通过这些数据来决定你的那些日志是最受欢迎的。对于每种类型的浏览和反馈,这个插件都会赋予一个数值,通过这些赋予的值用来创建每篇文章的'流行度,并且这个值是可以更改的。

More... )

2007年6月19日星期二

WordPress 加勒比海盗主题

今天要去看电影《加勒比海盗3》了,突发奇想把自己的 BLOG 也改称海盗版的,哈哈,于是去找了找,果然找到一个很不错的主题。

pirates

这个主题是时下比较流行的2栏式风格,侧边拦在右边,字体相对来说比较大。图片也很酷,上图是Jonny Depp,下图是那个章鱼船长。不过个人觉得还是有很明显的缺点:这个主题的代码不多,实现的功能也相对来说比较少,而且在修改代码的时候也会发现由于和一般定义不是很一样,修改起来可能会有一点麻烦。不过功能少就给了大家自已动手来修改的机会,大家都可以给自己做一个功能强大的海岛主题!

给大家一个链接 加勒比海盗


Orignal From: WordPress 加勒比海盗主题

2007年6月18日星期一

端午节快乐

有快到了一年一度的端午节了,特此制作两个端午节的logo,并在这里祝大家端午节快乐,有空多来我爱水煮鱼逛逛。:-) 嘻嘻!

Dragon Boat Festival

Dragon Boat Festival


Orignal From: 端午节快乐

wpzipper -- 创建自定义 WordPress 安装���

毋庸置疑,WordPress 应该是目前用的最多的开源博客系统,个人非常喜欢它,本站就是用 WordPress 做的,我觉得它的强大的其中一点是它有成千上万的插件和主题,很多人喜欢 WordPress 是因为可以过三两天就换个主题,或者因为某种特殊的爱好就给它装上某个乖乖的插件,:-) ,anyway。不过在找插件和主题之间很多人都会碰到一个问题,就是要到处找主题和模板,有些麻烦,而且由于众所周知的原因,有写主题或者插件的网站还不能访问,下面我介绍 wpzipper 这个网站提供的服务将会帮你打包这些,让你不用到处找插件和模板。

wpzipper -- 创建自定义 WordPress 安装包


通过 wpzipper 这个网站,只要3步,就可以创建自定义的 WordPress 安装包。

第1步 插件:选择和添加你要的插件,它首先会给你显示5个随机的插件,并且还提供插件搜索框,你可以通过插件的名字和描述进行搜索。

第2步 主题:选择和添加你要的主题,它同样也先显示7个随机的主题,同样你也可以通过搜索框搜索你要的主题。

第3步 下载:点击 generate zip 就能生成你要的安装包。在这里,你还可以有两个选项,一个是创建完整的 WordPress 安装包,另一个是只是只含插件和主题的压缩包。

另外该网站还提供帐号服务,如果你在它的站点注册了帐号,你还可以把你的选择的主题和插件的设置保存起来,并可以在任何时候生成。

一些建议
个人感觉,wpzipper 提供的服务是非常好的,对于我们这些懒人来说是非常不错的一个服务,不要到处跑了,但是个人觉得还有写改进的地方,如果它能够对插件和主题的选择次数或者下载次数进行统计,然后给出下载前几名的插件和主题的列表就非常不错了。

Orignal From: wpzipper -- 创建自定义 WordPress 安装包

2007年6月17日星期日

WP Theme 教程 #10:十六进制颜色代��和样式化链接

继续昨天介绍 CSS 的课程,我们将介绍更多着色和学习更多十六进制代码。颜色属性,跟着的是一个十六进制代码,是用于给文本上色。如 body { color: #000000;} 意思是你页面的 body 的所有文本将是黑色的。


背景颜色属性,跟着的是一个十六进制代码,是给除文本之外的所有东西上色。如 body{ background: #ffffff; } 意思是为 body 上白色背景。


十六进制代码




  • 每个十六进制代码前都有 # 号,然后跟着六位数字。这些数字的范围是从 #ffffff(白色)到 #000000(黑色)。

  • #ffffff,#eeeeee,#dddddd,#cccccc,#bbbbbb,#aaaaaa,#999999,#888888,#777777,#666666,#555555,#444444,#333333. #222222,#111111

  • 前两位表示红色,第三和第四代表绿色,而最后两位代表蓝色。#ff0000 是红色(red)。#550000 是暗红色(dark red)。 #220000 是更黑色的红色(darker red)。 #00ff00 是绿色(green)。 #0000ff 是蓝色(blue)。等下,难道黄色不是主要的颜色吗?哪个十六进制代码是黄色呢? #ffff00 就是黄色(yellow)。 #ff00ff 是紫色(violet)。



第1步


body{ } 选择器下输入以下代码:


a:link, a:visited{

text-decoration: underline;

color: #336699;

}



style-links.gif



  • 这些代码是干吗用的?你确定你所有的链接都是有下划线的(text-decoration: underline;)和蓝色(color: #336699;)。这是不同色调的蓝色,但是它确实是蓝色因为最后两个数字(代表蓝色)是最高值的数字。

  • a:link 用于样式化链接。当你想把一个词转变为链接的时候,你用什么实现呢?使用 <a></a> 这对标签,因此 Aa:link 样式中。


  • a:visited 用于样式化已经点击过的链接(访问过的链接)因此 Visiteda:visited 样式中。


  • 另外一种输入方式:

    a:link{

    text-decoration: underline;


    color: #336699;

    }



    a:visited{

    text-decoration: underline;

    color: #336699;

    }




  • 你使用 逗号 来区分 a:link and a:visited 当给两个选择器应用 text-decoration: underline;color: #336699; 着两个属性的时候。



第2步


a:link, a:visited{ } 下输入以下代码:


a:hover{

text-decoration: none;

}


这些代码是干吗用的呀? 你使得链接的下划线消失当你把指针移到链接上面,因此 Hovera:hover 样式中。



如果你不想在默认情况下有下划线而是在当你把指针移到链接上面的时候出现下划线,那么就在 a:linka:hover 之间换下 text-decoration: 的值。


如果你想更改你链接悬停时的颜色,那么就增加 color: 和任何你想要的十六进制代码,如:


a:hover{


text-decoration: none;

color: #ff0000;

}



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #10: Hex Codes and Styling Links

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

Orignal From: WP Theme 教程 #10:十六进制颜色代码和样式化链接

2007年6月16日星期六

Landing Site

前天写了一篇关于如何增加博客粘性的日志,今天在搜索中到了 BloggingPro China,看到在其页面上,能够显示我是来自 Google 搜索而来自他的网站,并且还推荐几篇类似的文章。我想这个插件页是能够帮助提供你的博客粘性的插件,于是从 BloggingPro China 处得知,这是一个叫做 Landing Site 的插件。于是今天就给大家介绍下这个怎么使用下这个插件,希望这个插件也能增加你的网站的粘性,提高点击量。

首先 Loading Site 这个插件安装是非常简单的,下载然后上传到插件文件夹,如果你的 WP 是1.5(还有人用吗?:-))就要你在你的数据库中手工执行以下 SQL 语句(可以通过 PHPMyAdmin):

ALTER TABLE `wp_posts` ADD FULLTEXT `post_related` ( `post_name`,`post_content` )

如果使用的是 WP 2.x 版本,把插件中去掉函数 ls_install 注释符号。使得该安装函数能够执行和上面一样的建里全文检索的 SQL 语句。然后在后台插件页面激活该插件!

最后在你的 single.php 文件的日志前面加上以下代码:
<?php if (ls_getinfo(‘isref’)) { ?>
<h2><?php ls_getinfo(‘terms’); ?></h2>
<p>You came here from <?php ls_getinfo(‘referrer’); ?> searching for <i><?php ls_getinfo(‘terms’); ?></i>. These posts might be of interest:</p>
<ul>
<?php ls_related(5, 10, ‘<li>’, ‘</li>’, ‘’, ‘’, false, false); ?>
</ul>   
<?php } ?>


你可以通过在 Google 中搜索如何增加你博客的粘性,来到来到本站,就可以看到以下效果:
Landing Site

当然你也可以向像我一样对该插件进行些小小的修改,如首先把上面的说明改成中文,第二,如果没有相识的文章就不让其显示,最后还可以在添加其对 Baidu 支持,在插件中的 ls_get_delim() 函数中的数组 $search_engines 中添加以下一行:
'baidu.com' => 'wd',

但是 Baidu 搜索过来,显示页面有些问题,
Landing Site Baidu Error
这应该是编码的问题,暂时还没有解决方案,你有什么好的建议去修正该问题?希望得到你的回复!


Orignal From: Landing Site

WP Theme 教程 #9:Style.css 和 CSS 介绍

学习 CSS 最好的方法就是去用它,不像 XHTML 和 PHP,你不需要接触模板的核心文件,你同样不要需要理解任何基本概念,只要去用它。试用和错误是你前进的方法。



在我们开始之前,你应该已经有些信息在你的 style.css 文件了。让我们现在找出这部分信息是干什么的?



More... )

2007年6月15日星期五

Taobao 搞笑差评

无聊给大家发些搞笑的东西,转载自 ZeroZTaobao 搞笑恶评

物品名称:清脂减肥胶囊400mg*60粒
差评 [详情] 骗人,我拍的是一瓶。他却发一颗,那有吃1颗就减肥的,顺属欺诈

解释:
哦对不起,到昨天我才知道,我用的这个快递业务员是属耗子的!

More... )

如何增加你的博客的粘性

如果你时常观察你网站的让文日志,你会发现你有一大部分读者来自搜索引擎,如果你进一步分析,来自搜索引擎的读者绝大部分是带着问题或者为了寻找什么东西来到你的网站,一般他们找到他们想要的就会离开,怎样让读者喜欢上你的网站,增加你博客的粘性,在你的网站上停留更多的时间呢?除了增加你博客的内容的原创性和丰富内容之外,其实你可以做的更多。

More... )

2007年6月14日星期四

WordPress 统计插件:Counterize II

看到 Sofish 同学已经写了一篇插件的介绍文章 -- WordPress 分页插件:PageBar,既然这个提议是我提出来的,我总不能落人马后。嘻嘻,所以今天也决定开始写 WordPress 插件的介绍,今天给大家写的是 WordPress 的统计插件:Counterize II

大家创建博客,其实最关心的是自己的博客能够受到大家的关注,不过可能也有人只是写些自己心情日记,比如这个博客 -- BlueDog,并不想引起太大的关注,anyway,如果能够了解自己博客的流量,都是一件不错的事情。

现在很多网站都向个人网站提供这种统计服务,最著名的莫过于 Google Analytics,这也是本人在 Google 提供的服务中比较喜欢的一个。怎么说呢?它上面提供的信息非常详细,而且整个网站非常整洁,使用起来比较方便。我想大家都非常 Google Analytics 了,我不多做的介绍。其他提供统计服务的还有 StatCounterMyBlogLog,都做得非常有特色,MyBlogLog 还提供一个功能让你的网站上显示最近访问你博客的同样也在 MyBlogLog 注册的用户,如果有兴趣,也可以去试一下。

上面所说的这些提供统计服务的网站,都要我们到其的网站上才能够访问到详细统计数据,这样多少有点不方便,今天推荐的所说的这个插件,Counterize II 就能在你后台生成一个统计结果的页面。

More... )

免费 T-Shirt

虽然大家都说没有免费的晚餐了,网上免费的东西都是骗人,好像大多如此,虽然我每天都用着免费的服务,也不知道哪天会被收回去。扯远了,今天想说的是,免费 T-Shirt,夏天来了,大家都开始穿 T-Shirt,现在我发现好多网站为了推广,都开始推出免费送 T-Shirt 活动了,这些网站大致都是要求我们能够放上他们的链接,然后我们的博客有点流量就可以。这是我们这些穷人的福音啊,下面是我最看到的最新的两个送 T Shirt 网站,如你有新发现,请给我留言:



  • 博狗
    只要成为博狗注册会员并加入博邻,您将有机会获赠一件由Blogool提供的精美T恤。具体信息请查看这里
    获得 T-Shirt 的样子大致如下:
    博狗 T Shirt

    另外博狗现在正在推广博客口碑活动,并将于6月下旬进行大规模投放,如果你想通过你的博客赚钱,你可以去申请。


  • 365BlogLink博邻
    在你的博客上添加365bloglink的图片链接,365bloglink就将赠送有您博客名称的博客T-Shirt。具体可以查看这里

    另外你想你的博客获得更多的流量,你还可以把你的博客提交给博邻。



如果你还发现哪里有免费的 T-Shirt 送,不妨留言告诉我们!谢谢!

Orignal From: 免费 T-Shirt

2007年6月13日星期三

WP Theme 教程 #8:如何验证

在进入学习 CSS 和 修改 style.css 文件之前,你需要学习如何验证你的代码。简单说,验证(Validate/Validating/Validation)就是确认代码没有错误。在开始这个系列教程之前,我给了你两个让你去收藏的链接,XHTML ValidatorCSS Validator。在这节篇,你将学到 XHTML 验证器。



我会保持这篇非常简短,因为你需要更多的时间去理解所有你学到 XHTML 和 PHP。不要一直往前学习我的教程。花些时间在脑海中回想和回顾下代码,你如何开始 DIV 标签的?ID 和 Class 之间有什么区别呢?分别哪个 PHP 函数可以用来调用博客的题目,博客的描述呢?你回想的越多,你会记得更多。


这篇之后,你最好准备好,我们将开始 CSS,我将深入研究它,因为我们将会有80%的时间花在和 style.css 文件打交道。



More... )

Theme 教程 #7:尾部

关于 尾部(footer)的这篇教程将会很简单。只要在侧边栏下增加个 DIV 标签,然后输入一些版权信息。其实你完全可以不用我说明就能自己做,去试下吧。然后返回这里再仔细检查下。


第1步:增加个 DIV 标签



在侧边栏的 DIV 标签下输入以下代码:


<div id=”footer”>


</div>


add-footer.gif


第2步:把尾部的文本放入段落标签中,你可以输入任何你想要的东西,这里是我的:


<p>

Copyright &#169; 2007 <?php bloginfo(’name’); ?>


</p>


add-footer-text.gif


保存并刷新浏览器,结果如下:


footer.gif


如果你没有使用上面的尾部文本,&#169; 用于显示版权符号。还记得把头部代码整理到一起的时候使用 bloginfo() 这个函数吗?我在尾部再次使用,"name"是用于调用博客标题,而"url"调用博客的地址。



如果你想你的博客标题成为一个链接,查下头部就知道怎么做了。



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #7: Footer

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

Orignal From: Theme 教程 #7:尾部

WP Theme 教程 #6d:搜索框和日历

尽管这篇的题目是 搜索框(Search Form)日历(Calendar),我同样也会介绍 元数据(Meta)

。让我们这一篇结束常规的 Sidebar,然后将在下一篇指出如何窗体化(widgetize)化 Sidebar,怎么样?好吧,让我们开始...


第1步:增加搜索框


在我给你需要输入的代码之前,打开记事本,保留空白,然后保存为 searchform.php(当然是和 index.php 在同

一个文件夹下)。把该文件 searchform.txt 中的内容拷贝到

searchform.php。就是这么多,从这点开始,让 searchform.php 文件保持单独。


在 index.php 文件,输入以下代码到 Sidebar 的最顶部:


<li id=”search”>

<?php include(TEMPLATEPATH . ‘/searchform.php’); ?>

</li>


add-search.gif


保存,然后刷新浏览器,结果如下:


search.gif


那么发什么了呢?



  • <li id=”search”> - 开始一个名字为 search 的列表条目,你给它了一个 ID,你就能够以后样式化

    它。

  • include() - 导入任何你想导入的文件。这和使用 WordPress 模板函数去调用些东西是不同的,因为 include() 只是

    简单导入已经存在的文件。这里是在 searhform.php 文件中的代码。被导入的信息应该在一个 blog 基本上不会被改变的。也就是

    说,我的搜索框应该看起来很像你的。

  • TEMPLATEPATH - 主题文件夹的位置,wp-content/themes/tutorial

  • ‘/searchform.php’ - 位置和文件的名字,/searchform.php

  • 在 TEMPLATEPATH 和 "/searchform.php" 中间的 把他们连接起来,所以最终得到:

    wp-content/themes/tutorial/searchform.php

  • </li> - 结束列表条目


注意,搜索框没有像 分类,归档,页面或者 Blogroll 一样的子标题。如果你愿意你也可以给它一个子标题,但是处于保持你的常规 Sidebar 和

widgetized 版本(我们将在下一篇讲述)的 Sidebar 尽可能接近,不要给它子标题。


第2步:增加日历


在搜索框或者页面链接列表下输入以下代码:


<li id=”calendar”><h2><?php _e(’Calendar’); ?></h2>

<?php get_calendar(); ?>

</li>


add-calendar.gif


保存并刷新浏览器,结果如下:


calendar.gif


发生了什么?



  • <li id=”calendar”> - 开始一个 ID 为 "Calendar" 的列表条目

  • <h2> - 开始一个子标题

  • <?php _e(’Calendar’); ?> - 输出 Calendar 这个词

  • </h2> - 关闭子标题

  • get_calendar() - 使用 get_calendar() 这个函数调用日历

  • </li> - 结束列表条目


这样日历就完成了


第3步:增减元数据


get_links_list() 函数下输入以下代码:


<li><h2><?php _e(’Meta’); ?></h2>

<ul>

<?php wp_register(); ?>

<li><?php wp_loginout(); ?></li>

<?php wp_meta(); ?>

</ul>

</li>


add-meta.gif


保存并刷新浏览器,结果如下:


(如果你没有登录 WordPress 管理)

meta-logged-out.gif


(如果你已经登录)

meta-logged-in.gif


那么这是怎么回事?

你开始一个列表条目(LI),跟着是一个子标题(H2) Meta。在子标题下,你嵌入了一个无序列表

UL)。最后把每个链接都放入了列表条目中(LI)。


wp_register() 这个函数产生了它自己的一组 <li></li> 标签,如果你没有登陆,它显示

注册(Register)链接,当你登录的时候,它显示的是 管理站点(Site Admin)的链接。
wp_loginout() 不会产生自己的列表条目标签,所以你需要手工输入列表条目标签,当你没有登录的时候,你得到的是

录(Login)
的链接,当登录的时候,你得到的是登出(Logout)链接。
到目前为止,wp_meta() 没有做任何事情,他在网页上和源代码中都不会产生东西,现在不要考虑 wp_meta(),实

际上你已经在使用它了。


到此为止,你应完成 Meta 并最终完成了常规的 Sidebar.



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #6d: Search Form and Calendar

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

Orignal From: WP Theme 教程 #6d:搜索框和日历

2007年6月12日星期二

WP Theme 教程 #6b:归档和链接列表

这篇课程将比较轻松。你将学到如何调用归档链接列表和 blogroll 链接列表,下一篇将是日历和搜索框。


在开始之前,我想解释下为什么我把我的课程分成比较小的节。你所学的一切都需要自学者几个月时间来消化!所以当我第一次向你展示的时候,你能够理解所有的东西是非常重要的,这样你就不用会去重新学习。



第1步 - 增加归档链接。


在 Sidebar 区域,Categories 类表下面输入以下代码:


<li><h2><?php _e(’Archives’); ?></h2>

<ul>


<?php wp_get_archives(’type=monthly’); ?>

</ul>

</li>


给它一些制表符空间用于组织代码。看下你的代码是否和下面一样:


add-archives.gif


保存,刷新浏览器。结果如下所示:


archives.gif


发生什么了?


你使用了 wp_get_arhives() 这个 PHP 函数,并用了 type 这个参数以及 monthly 作为它的值按月调用归档列表。



  • <li> - 开始列表条目

  • <h2> - 开始子标题


  • <?php _e(’Archives’); ?> - 子标题文本

  • </h2> - 结束子标题

  • <ul> - 开始在子标题下,在列表标题中的无序列表

  • <?php wp_get_archives(’type=monthly’); ?> - 按月调用归档列表链接,并把每个链接放入 <li></li> 标签中。如果你查看你的源代码,你会看到 wp_get_archives() 为每个链接产生了列表条目(LI)标签,就像 wp_list_cats() 这个函数一样。


  • </ul> - 结束在子标题下的无序列表

  • </li> - 结束列表条目


第2步:增加 blogroll 链接


在归档链接列表下输入以下代码:


<?php get_links_list(); ?>


add-blogroll.gif



保存,刷新,结果如下:


blogroll.gif


默认情况下,我的 blogroll 和你的是没有什么不同,这里是它在源代码中的样子:


blogroll-source.gif


上面的代码完全没有被组织,因为它们是由函数 get_links_list() 产生的,就像上一篇所学的函数 wp_list_pages() 一样,然而它遵循规则 #1,以打开的顺序关闭所有的东西。我已经圈出了列表条目和无序列表的标签让你看得更明显。



这篇到此为止,下篇将介绍日历和搜索框。



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #6c: Get Archives and Links

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

Orignal From: WP Theme 教程 #6b:归档和链接列表

2007年6月11日星期一

WP Theme 教程 #6b:页面链接列表

现在你已经熟悉了 Sidebar 的结构了,我们将继续修改 Sidebar,将完成 页面链接(Page-link) 列表。当常规的 Sidebar 完成之后,我将向你展示如何 widgetize 你的 Sidebar。



在分类链接上面添加以下代码:


<?php wp_list_pages(); ?>



wp-list-pages.gif


保存并刷新浏览器。效果如下所示:


wp-list-pages-listing.gif


在默认情况下,你只有一个页面链接,就是 About 链接。我在我的离线的 blog 增加了更多页面和子页面,那就是为什么我有四级页面链接。


到浏览器的菜单 查看 > 页面源代码 可以看到 wp_list_pages() 能够产生完整的结构以及代买,这里是一个例子:



wp-list-pages-default.gif


第一,它用列表条目标签(LI)围住所有东西,第二,它给你的列表一个名字,Pages。第三,它在页面标题下,列表条目内另外增加一个无序列表(UL)。第四,它把每个链接内嵌到 <li></li>标签之间。


在上面的截图中,注意到"Pages"这个列表标题和"Categories"这个分类链接标题的大小不匹配。



如何是它们匹配呢? 添加 ‘title_li=<h2>Pages</h2>’wp_list_pages() 作为参数。


title-li.gif


保存并刷新浏览器以查看变化。


wp-list-pages-listing-2.gif


title_li 是一个用来客户化页面链接列表的标题的参数。<h2>Pages</h2>title_li 这个参数的值



进一步客户化

在我的例子中,我有四级页面链接。一些布局或者设计的原因使得不能在 Sidebar 处理那么多级别的链接。为了限制显示列表的层数,增加 depth 这个参数到函数 wp_list_pages() 并把它设置为 3.


add-depth3.gif


注意,我添加了 depth=3& 而不是仅仅 depth=3。这个 & 在这儿用于把 depthtitle_li 这两个参数区分开。(如果你只有一个 about 页面链接,你将不会注意有什么不同。)



这里是我的列表的不同之处:(对比这个截图和上面的截图。)


wp-list-pages-listing-3.gif


Follow this WordPress Theme Tutorial Series from the beginning.



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #6b: Page-Link Listing

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

Orignal From: WP Theme 教程 #6b:页面链接列表

2007年6月10日星期日

WP Theme 教程 #6:侧边栏

是否你已经期待 Sidebar 了?可能第一眼,感觉 Sidebar 看起来很难,但是他根本不刁钻,一旦你适应了他的结构,你能很快编码和样式化它。


在开始 Sidebar 之前,这是 index.php 文件的样子。


不要忘记打开 Xampp……



第1步:让我们创建一个名字为 sidebar 的 DIV 标签围住 Sidebar 中的所有东西。输入下面这些代码在 container 的后面和 </body> 标签的前面:


<div class=”sidebar”>


</div>



class-sidebar.gif


第2步:在新的 sidebar 的 DIV 标签中创建一个新的无序的列表。


<ul> - 开始无序列表


</ul> - 结束无序列表


ul.gif


第3步:增加一个列表条目(LI)到无序列表(UL)的中间并把一个子标题到这个列表中(LI)。



<li><h2><?php _e(’Categories’); ?></h2>


</li>


li-categories.gif


注意制表符被添加到<li></li> 标签之前为了组织代码。



<li> - 开始列表条目

<h2> - 开始子标题

<?php _e(’Categories’); ?> - 输出字符 Categories

</h2> - 结束子标题


</li> - 结束列表条目


再次重复一次,你不需要用 <?php e(’ ‘); ?> 围住 Categories。如果你只是为自己创建主题,完全没有问题使用 <h2>Categories</h2> 作为你的子标题。



保存 index.php 文件并刷新你的浏览器。你应该看到 Categories 子标题结构应该这样:


h2-categories.gif


子标题前面的小圆点指明这个子标题是在一个列表条目中(LI)。如果你的无序的列表(UL)有两个列表条目,那么将有两个小点。这就像是在记要点笔记,记下每一点,对吗?


第4步

在列表条目中添加下面代码



<ul>

<?php wp_list_cats(’sort_column=name&optioncount=1&hierarchical=0′); ?>

</ul>


category-links-add.gif


这里是上面代码的解释:


<ul> - 开始另一个无序列表


<?php wp_list_cats(); ?> - 调用分类链接列表

</ul> - 结束无序列表


保存并刷新浏览器。下面是我的分类链接列表的样子:


category-links.gif


你默认的分类是 Uncategorized。如果你没有发布文章到多个分类下面,那么你的列表链接列表应该是只有一个链接 Uncategorized。


更进一步的解释:




  • sort_column=name - 把分类按字符顺序评列

  • optioncount=1 - 显示在每个分类下面的文章数

  • hierarchial=0 - 不把子分类放到子列表条目中,这就解释了为什么我的 子分类 链接是列在列表中第一级。


  • & - 每次你增加另一个参数的时候,你需在它之前要输入 & 用来把和现有的参数区分开。如 &sort_columnoptioncount之间。


为什么你不用 <li></li> 标签围住 <?php wp_list_cats(); ?>



当你使用 wp_list_cats() 这个函数调用链接列表函数的时候,它会自动附上一组 <li></li>(裂解条目)标签在每个链接的左右。查看你的浏览器,然后 查看 > 页面源代码 或者 源代码;在弹出的窗口中,转到底部去看分类链接列表的代码,可以看到每个连接的周围都已经有一组列表条目的标签。


当你处理 sidebar,无序列表和列表条目的时候,这是非常重要去记得:



规则 #1:以打开便签的顺序关闭所有标签。


Right and Wrong way to close



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #6: Sidebar

创建 WordPress 主题系列教程均为本站翻译,如要转载,请注明:转载自我爱水煮鱼和本文地址。

Orignal From: WP Theme 教程 #6:侧边栏

2007年6月6日星期三

快乐的和无聊的

快乐的事情是今天公司的二线经理在给全公司邮件提到了我们的这个网站,主要是dsmithhttp://fairyfish.com/english/ 作为公司英语培训计划的一部分,主要是用于给大家推荐好的英语学习网站,如果你想学习英语,也可以到那里去参考下。

挺无聊的一件事情是最近在做制作 WP Themes 一系列文章的翻译,有个无聊的家伙(具体是谁,我不说了,自己去看留言吧)可能也在做这方面的翻译把,可能比我还早吧,就说拷贝他的翻译,然后做些小小的改变,真是见鬼了,上大学的时候,我都没有作过弊,这种文章翻译的事情还有必要去抄别人的吧,真是莫名其妙,有必要吗?我觉得原文写的比较浅显,翻译起来不是太难。大家可以去看看他做的翻译吧,各位读者给我做个判断吧。另外,如果对我个人有什么意见,也不要牵扯到我公司吧,这种人,多说无益,最好的办法就是继续自己的翻译,让这种傻B自己YY去吧!


Orignal From: 快乐的和无聊的

2007年6月5日星期二

WP Theme 教程 #5:The Loop

调用你 blog 条目的 循环(The Loop)。这是最重要的 PHP 代码集。这也是关于创建 WordPress 主题系列教程的第五篇。在继续学习之前,我们先复习下我到目前为止学到了什么?


到目前为止,你已经学到::




More... )

WP Theme 教程 #4:Header 模板 2

这是我的关于创建 WordPress 主题 系列教程的第四篇。我本不必说,但是我会最后说一次,务必使你能读下前面的文章。否者你不会理解这篇文章。这篇会很快完成 herder 模板并介绍盒子模型



More... )

2007年6月4日星期一

WP Theme 教程 #4:Header 模板

tutorial series 如果尚未准备好,请从头查看我的关于创建 WordPress 主题 系列教程 开始。如果你不是,祝你好运。前面我向你展示了如何启动 Xampp,安装你的主题和向你介绍了 PHP,这篇我们将继续 PHP 并学习如何调用你网站的或者 blog 的题目。


记住,输入所有代码。而不是拷贝和复制我给你的代码。这一切都是让你记得你所学到的。



第1步:

打开 Xampp。然后打开你的主题文件,xampp/htdocs/wordpress/wp-content/themes/tutorial。你应该看到你上次创建的两个文件:index.phpstyle.css


index-and-style.gif


你的 index.php 和 style.css 文件应该符合:index.txtstyle.txt.



第2步

- 打开新的浏览器窗口,转到 http://localhost/wordpress。你应该看到一个空白的页面因为上次你安装了一个空白的主题。

- 返回你的主题文件夹并打开 index.php 文件。为此,你应该右击 index.php,选择属性,点击更改,找到记事本或者你使用的文本编辑器,选择记事本并按OK。更改之后,双击 index.php 文件。



view-php-with-notepad.gif change-view-tool-for-php.gif select-notepad.gif


到目前为止,你打开了你的主题文件夹浏览器 index.php 文件(使用记事本)。


review.gif


第3步

你应该正在看你的 index.php 文件。在 <body></body> 这两个便签之间输入 <?php bloginfo(’name’); ?>,保存它。


bloginfo-name.gif save-it.gif


返回到你的浏览器,刷新。你应该能够看到你的 blog 的题目。我的 blog 的题目是 Demo Theme Development。


refreshed.gif


刚才发生什么了?

你在网页的主体之间加入了一行 PHP 代码到你的 index.php。哪一行调用了你 blog 的信息,bloginfo()。它具体的调用了你 blog 的名字。这个名字是你作为 option 页面中的 Weblog Title



<?php - 开始 PHP 代码

bloginfo(’name’) - 调用 blog 信息,具体是 blog 的名字。

; - 结束调用 blog 信息

?> - 结束 PHP 代码


每次你在 index.php 文件中增加或者更改任何东西,你都可以保存,然后刷新页面去看结果。


第4步

把你的 blog 的名字放入文本链接中,你需要一个 XHTML 标签。返回你的 index.php 文件。


在同一行增加 <a href=”#”></a>。你新行的代码应该是:

<a href=”#”><?php bloginfo(’name’); ?></a>


返回到你的浏览器,刷新,然后你将看到你的 blog 名字变成了链接。


refreshed2.gif


现在它是一个链接,但是它没有链接到哪里,因为这个使你 weblog 的名字,你应该让它链接到首页。为此,在 href=后的双引号中输入 <?php bloginfo(’url’); ?>


保存,你现在的代码应该是:

<a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a>


返回到你的浏览器,刷新,当你鼠标在你的链接上面的时候,浏览器的状态栏应该显示 http://localhost/wordpress


status-bar.gif


现在你点击这个链接,它应该让你返回首页。你可能看到是相同的页面,但是是否你用 # 或者 http://localhost/wordpress 作为你的链接地址是完全不一样的。你会在接下来的课程看到这一点。


刚才发生什么了?

你把你的网站名字变成了链接,并使它链接到你的首页或者 blog 的主页。


bloginfo(’url’) - 调用你 blog 的信息,具体是首页的的地址或者 URL

<a> - 是一个用于添加链接的 XHTML 标签

</a> - 链接的结束标签。否则你的网页降不知道哪里结束链接并使得页面接下来的内容变成一个大链接。还记住规则 #1吗?关闭你打开的所有标签。

href=”" - 超文本的简写。在引号之间就是它的值。


最终代码为:

<a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a>



意思为:我将开始一个链接,链接的地址是 blog 的URL,用 PHP 函数 bloginfo(’url’) 去调用这个地址或者URL。这个链接的文本是 blog 的名字并使用 PHP 函数 bloginfo(’name’) 去调用 blog 的名字。最后结束链接。



我这篇向你介绍了 XHTML,并在这里结束。希望没有把你累坏。



请查看教程目录:WordPress 主题教程系列



翻译自:WP Theme Lesson #4: Header Template

Orignal From: WP Theme 教程 #4:Header 模板