奋斗足迹|崔玉松 » 主题

发布修改过的WordPress纯白主题一枚

崔玉松 — Wed, 18 Mar 2009 16:52:09 +0000

本主题的原作者是Bob，主题的底部有这位作者的连接，这里我已经附上，我主要是重写的CSS和functions调用，主题的宽度是1200像素的，可能很多人鄙视我设置这样高的像素，但是我更喜欢这样的宽屏界面，虽然现在还是有很多分辨率使用的1024宽度，不过从访问我博客的用户群看来，这样的屏幕占的比例很小，所以我斗胆弄这么大的分辨率。

特别介绍一下，我修改过的代码通过了W3C验证，通过IE6,IE7, firefox 3.0.7 safari 3测试。

我本来没打算发布这个修改过的东西，因为本身就不是我的东西，所以主题中的主题预览都是完整的保留原来的界面预览，以示对原作者的劳动成果的尊重。今天（2008-03-19）打开豆瓣发现有位朋友豆油我，问是否可以共享主题，本来这个就是共享的东西，当然依然可以共享，所以在此就献丑发布一下。如果你在我的基础上又增加了新的修改，而且把它变成了收费的商业模板或者利用修改过的模板牟利（捐助除外），那么请通知一下原作者，至于是否需要我，就随你便了，方便的话，让我也高兴一下，当然，我保证不会从你得到的利润中分去半点，你甚至可以不必通知我。

我在底部留下了由我修改的标记，不是为了增加反向链接，仅仅是为了如果是因为我发布的主题本身出错了，你可以方便的找到我。如果你认为没这个必要，或者觉得碍眼，可以在主题包中的footer.php找到相应的代码删除之，不会删又确实要删的，请在本文后面留言，我尽可能协助。

使用说明

1、使用这款修改过的模板需要你手动修改一个文件，将 header.php中我的导航改成你需要的即可，代码如下：


我的经历
在BlogBus的日子 
Delicious 
我在豆瓣
Flickr
找我聊天
Chi.mp

改成你需要的连接和文字即可，如果你不需要这么多的导航，删除几个即可，如果你不喜欢这个导航，直接将这段代码从文件中删除即可，不会的朋友，请在本文后面留言，或者找我

2、将文件夹传到 /wp-content/themes/中
3、打开你的后台，在模板设置中找到limauorange 这个主题，启用之。

下载链接： Box.net

修改的wordpress纯白简洁主题

崔玉松 — Wed, 25 Feb 2009 03:48:27 +0000

很早之前，我一直想做个wordpress主题，理由是Google出来的号称“简洁主题” 的皮肤，似乎都是在耍个性，要么弄的全黑，要么弄得乱七八糟，估计这些设计者所谓的简洁主题是指功能安排方面的，或者是代码方面？

主题是基于Bob的Limau Orange，整体布局没有动过，我修改了几乎所有CSS属性，并新增了几个css定义，增加了几个模板函数，所以我在最后打上了由我修改的印记，应该不算过分吧。

修改过的模板通过了firefox 3.0.6的测试，IE 7测试也正常，~~在IE 6下最上面我自定义的导航会跑到右边去，怀疑是float属性导致的，等晚上有时间修正一下，暂时不予理会~~。

如果你觉得修改过的模板比较符合你的审美习惯，或者是你也想尝试一下这种纯白模板的感觉，你可以在此留言，或者是找我聊天,我会打包发到你邮箱。因为是修改的，所以不便于重新发布。有时间再自己弄一个，到时候再发布，呵呵。

PS：通过这次修改这个wordpress纯白主题，实际上得到两个最大的收获：

1、字体大小（font-size:14px;）为14个像素看起来是最爽的，神仙告诉我，14个像素是人眼能接受的最清楚的字体大小。

2、行间距（line-height:150%）为150%时是刚好合适的，既看起来不太挤，也看起来不太空，很好。

update:

IE 6下的移动在李老师的帮助下问题已经解决，原来是我记错了，我一直深信IE下有double padding 问题，原来是double margin，唉，这记忆真不可靠，在这里笔记一下。

另外，我将博客的显示宽度从960大幅调整到1200似乎不是个好的策略，至少bus很多员工使用的X61都是1024的宽度，这样浏览器会出现横着的滚动条，花开同学说，他曾经使用800×600分辨率时就特憎恨那些超过800的网页，不过暂时我不准备改，下一步我可能会去掉很多东西，比如两边的侧边栏，或者直接自己弄一个模板。

iKite Theme 发布

崔玉松 — Fri, 02 Nov 2007 04:32:42 +0000

iKite Theme 主题是zvzhssj 做的第一个 WordPress 主题，有点苹果风格的味道。
下载后把主题文件放在对应目录后应用即可，压缩包里还包含了 Gravatar和Trackping Separator 插件，一定要安装上后再切换主题。要不然就要出错。支持 WordPress 2.3 自带的 tag 和 Widgets 功能。

推荐安装这几个插件：

另提供一个修改菜单左边图标的PSD文件，在压缩包里。就可以自己定义那个图标了。
推荐在 WordPress 2.3 下使用。
下载 iKite Thems.
(这个主题基于GPL协议发布)

Fvcity lonely风格系列-最终版

崔玉松 — Fri, 02 Nov 2007 03:15:10 +0000

修正与加入：
全部使用浮动布局（液态布局）,减少在不用浏览器中不同效果的问题，本CSS中并没有使用复杂的定位。
经过W3C CSS 2.0验证和XHTML 1.0 Transitional 验证，更严格的没有测试，但我相信只是时间问题。
必须安装popularity-contest、Trackping Separator、gr_icons、中文工具箱插件，否则可能出错。

本风格在wp 2.3测试版中会表现的更好!

详细地址:http://fvzone.com/blog/lonely014.fv

下载地址:http://fvcity.googlecode.com/files/lonely.rar

您也可以访问：http://code.google.com/p/fvcity/downloads/list下载我其它风格与插件！

从零开始创建 WordPress 主题

崔玉松 — Fri, 02 Nov 2007 03:12:06 +0000

这篇文章翻译自：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-[纯净版]

崔玉松 — Fri, 02 Nov 2007 03:06:01 +0000

这是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