从零开始创建 WordPress 主题

这篇文章翻译自:So you want to create WordPress themes huh?,这是一个关于创建主题的系列的教程,我翻译了大概一半多了(争取这个周末完成),如果大家发现有什么地方翻译错误,非常感谢帮忙指出。

原文链接:http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/

从零开始创建 WordPress 主题其实不难,我会手把手教你。
关于创建 WordPress 主题的教程这个话题已经被人写过,并且 WordPress 官方网站上也有指导文章。但是当你不懂这方面的行话的话,这些教程或者向导真的对你有帮助吗?甚至当我阅读 WordPress 上向导的时候,我都迷失了。
工具,在我继续之前,你需要下面这些工具:

  • 安装 WordPress 在你的电脑上,你可以参考在 Installing WordPress Locally Under Windows XP 的安装说明。如果你由于无论原因不能在你的电脑上安装 WordPress,不用担心,你可以在你的服务器上安装一个测试版的 WordPress。
  • 记事本或者其他的文本编辑器,我用记事本。(译者注:推荐 NotePad++)
  • SmartFTP – 如果你要在线测试主题,我建议你下载和安装使用 SmartFTP 或者其他的 FTP 程序去上传你的主题文件。
  • 收藏  XHTML 验证器CSS 验证器。你将需要这些工具去验证你的主题。当你需要去认出和改正错误的时候,他们也有用武之地。

完整课程列表
#1 Intro — 介绍
#2 Template Files and Templates — 模板和模板文件
#3 Starting Index.php — 开始 Index.php
#4 Header Template — Header 模板
#4b Header Template Continues — Header 模板 2
#5 The Loop — 循环
#5b The Content — 文章内容
#5c Postmetadata — 文章元数据
#5d Else, Post ID, Link Title — Else,文章 ID,链接标题
#5e Posts Nav Link — 文章导航链接
#6 Sidebar (and Categories) — 侧边栏
#6b Page-Link Listing (wp_list_pages) — 页面链接列表
#6c Get Archives and Links — 归档和链接列表
#6d Search Form and Calendar — 搜索框和日历
#6e Widgetizing Sidebar — 窗体花侧边栏
#7 Footer — 尾部
#8 How to Validate — 如何验证
#9 Style.css and CSS Intro — Style.css 和 CSS 介绍
#10 hex Codes and Styling Links — 十六进制颜色代码和样式化链接
#11 Widths and Floats — 宽度和布局
#12 Post Formatting and Miscellaneous — 日志样式化和其他杂项
#13 Styling Sidebar — 样式化侧边栏
#14 Footer and Diving Index — 底部和拆分 Index
#15 Sub-template Files — 子模板文件
#16 Comments Template — 留言模板

Dark Theme +PSD for WordPress 2.3.X-[纯净版]

这是fade后续版发布的最后一款风格,reborn模板可能不会更新,但是dark会更新。
经过reborn发布后又一次修正版本,废话少说了,Dark 介绍如下;

QUOTE:

2007.11.1更新:
1、修正了一些插件引用没有检查的变量,优化了结构。
2、将页面静态内容移动到functions.php文件中,并在functions.php中有一个模式开关,但是由于时间仓促所以只是一个摆设,如果你有兴趣请在functions.php中找到fvmode函数并将其中的false的改为true。
在模式为false的时候她只像一个默认主题,开启后将会调用functions.php中的一些自定义函数,初使用者建议别动他。
3、改善了所有插件调用的机制,不装任何插件的时候功能和默认的皮一样,推荐装上WordPress中文工具箱与Gravatar。如果你使用Widget边栏那WordPress中文工具箱,就可以省去…
4、预置支持的插件:WordPress中文工具箱、Footmark; 我自己开发(不是必须), Gravatar。

1、首先是由reborn样式表延续,所以完全通过W3C的CSS 2.1与XHTML 1.1验证!
废话几句:
不知道大家对w3c验证是怎么理解的,有人说,没关系,有人却一定要通过验证,那么到底验证后有没有用呢
结果是当然的,首先是如果你在考虑标准后你的手写风格就会变化,验证到底验证什么?
简单的说就是四个主要的:
第一,你的标签嵌套是否正确?
第二,标签嵌套正确后你是不是会把块原素写在内联原素中?
第三,是不是使用了W3C不支持的属性?
第四,是不是掉了/或是别的属性什么?
以上这四点是不是都是要命的,当然是,标签嵌套有问题,IE是不知道的,但是FF知道,这就是bug,正规的内联中不能有块的等等…
如果这些都注意到了,不只是标准而已,我想一定可以让你写出更漂亮和SE(搜索引擎)更喜欢的代码。

2、加入纯CSS弹出式菜单,并和Wordpress完美结合,调用方式通过WordPress二级菜单,这CSS源始码来自V2EX,但是我进行了三次缩减删除了60%的多余代码,所以现在与v2ex的代码是完全不一样的,为了兼容IE6和IE系列浏览器透明,加入了一些无法通过W3C的CSS定义,由于IE6不支持除a属性以外的伪类,所以在IE6下是通过一小段JS搞定的,边栏也同样,不支持W3C验证的代码放在ie.css中,js模拟伪类定义请见主题中js目录的dark.js文件。

3、完全支持Widget边栏,定义的时候因为每一个边栏项都有一个小图标,在使用Widget定义的也同样有这样的功能,只是不完整,没有定义的会用star.png图标代替,详细定义请见icons.css中,
列子:
#sidebar .archives, li.widget_archives span.star {
padding:1px 0 1px 18px;
background: url(images/icons/package_go.png) no-repeat;
}
这段CSS的意思是,当你不用Widget功能或使用都调用相同的小图标,可能代码有些复杂,但是用好了css续承的确可以给你带来很多的方便。

虽然说是纯净版,我仍然不舍得删除我写的一些静态文件,这次我将以下文件放到了stop目录中,如果你确定不需要请删除该目录。
about.php、code.php、downloads.php、footmark、collection.php、bookmark.php、tag.php,如果想使用其中一个文件,请将他移动到dark目录下,在后台设置调用。

修正了一些小图标在IE6中特别难看的bug,但是我仍然推荐大家使用Firefox,搜索框在IE6下难看的问题!
最后谢谢你使用与支持,可能仍然有不少问题,欢迎你向我提供测试结果^^!
授权许可:CC 3.0

详细说明:http://www.fvzone.com/blog/dark.fv
下载地址:http://www.fvzone.com/blog/downloads

WordPress 词汇表

更新中……

欢迎大家提交与 WordPress 有关的各种名词……

Blog(名词):Weblog 的缩写,大陆翻译为博客,港澳台则译为部落格。是一个包含作者的文章,图片,链接等内容个人网站,是作者个人的网络天地。
Blog(动词):维护一个博客并发表自己的文章。
Blogger(名词):维护博客的人。Google 旗下运营的博客平台名也叫 Blogger 。

Moblog(名词):移动博客。mobile blog的缩写,可以通过手机电话等等其他智能产品在任何地方进行更新。
Photoblog(名词):图片博客。以图片为主的博客站点。
Podcasting(名词):播客。用来发布自己制作的音频或视频的博客站点。

Blogosphere(名词):博客圈。博客和参与博客的一个交流圈。
Blogroll(名词):博客链。博客上的外部链接,一般是其他博客站点,常常是一个博客方面的一些朋友。

Blogware(名词):博客软件。用于建立或维护一个博客的软件。

Comment Spam(名词):垃圾留言。和垃圾邮件相似,通常是一个广告信息般的虚假留言。需要博客们或者平台提供上使用工具在阻挡。

Content Syndication(名词):动态联合。博客主使他的博客全部或者部分内容在其他站点显示出来。

Permalink(名词):永久链接。一篇文章的永久网络地址。

RSS(名词):Really Simple Syndication 的缩写。它其实是一种描述和同步网站内容的格式。 RSS 目前广泛用于网上新闻频道,博客和维基,主要的版本有0.91, 1.0, 2.0。
RSS Aggregator(名词):RSS 聚合器。能通过软件或者在线实现 RSS Feed 的阅读,尤其是所订阅博客上最新的文章。
RSS Feed(名词):一个包含了博客最新文章的文件。使博客更新时,其文章能在一些 RSS 阅读器显示出来。

TrackBack(动词):引用。它能够自动帮助博客间交流,也起到提醒功能,表明有博客引用了先前的一篇文章。
Ping(动词):通告。在引用其他博客的文章时,对源博客发送一个引用通告,借此来说明自己已引用了这篇博客。

适合WordPress 2.3.1的几个必备插件

这个版本,我们将还会制作一个 Plus 版本的中文包,其中包括一些重要的插件及其汉化包,如果你制作了某个插件或者插件的汉化包,欢迎您向我们提交你的汉化包,最好能给我一个含有原版插件+中文包的压缩包的链接。
目前已经包含以下插件及其汉化包:

All in One SEO Pack
Simple Tags
Popularity Contest
Our Todo List
Subscribe To Comments
WordPress Database Backup
WP 2.3 Related Posts
Google Sitemap Generator
Nextgen Gallery
CopyrightFeed
Fanfou-Daily
WordPress 2.3 的可折叠式分类树插件
WP-DownloadManager
WP-PageNavi

为了保证每个提交都能响应,麻烦移步到http://fairyfish.net/2007/10/28/wordpress-231-chinese/ 提交!

Gmail IMAP更新

打开邮箱发现居然更新成了传说中的新版,前几天还云里雾里的郁闷着,怎么Gmail只给ALLEN同学更新,并一度怀疑自己的人品指数,现在好了,哈哈,IMAP的确非常不错,很多不知道IMAP是何物,我解释一下吧、

IMAP 全称是International   Association   of   Mathematical   Physics 它是一个用来从你的 ISP 电子邮件服务器中检索电子邮件消息的协议。

通常我们所用的都是POP协议来收邮件,那么POP和IMAP协议有何区别呢?

IMAP协议可以让用户远程拨号连接Internet服务器,在下载邮件之前预览信件主题与信件来源,用户阅读在服务器上的邮件时,就像这些邮件存储在本机上一样。大多数情况下,用户愿意把他们的信件保存在服务器上,这样可以在不同地方随便用一台电脑收取新的信件或查看旧信。
  POP则将所有的信件储存在一台服务器上,通常一旦用户与服务器连通并将信件收入用户的信箱,服务器将删除这些邮件(现在很多的邮件提供商,通过POP协议收邮件的时候可以保存在服务器上,早年的时候邮箱很小,都不能保存的)。
通常使用POP3协议时,用户对自己邮件的控制权较小。
  IMAP具有智能邮件储存功能,用户可以在下载邮件前预览相关信息,包括是否下载附件等。用户可以使用服务器上的过滤软件或搜索代理软件,可从任何地方的任何一台机器上获取邮件信息。
  IMAP在今后将得到较快发展,POP3也不会消失。实用的多功能服务器将同时兼备这两种协议。