浩行天下 ghSky->Blog

最近，在小影唆使下，更新了原来的破主题，其实自己高考前就想高考完了换主题。他小子给我看了个不错的主题Fresh News，看似很不错，不过是收费的，而且费用高达99.95美刀（额滴神啊~~~），快有一个Windows Vista Released贵了……不过那小子不知从哪里居然搞到了主题文件，汗，佩服他一下……但是用上后，发现这个主题那是相当复杂，复杂，……，复杂！个人使用不了那么多功能，所以我就想正好练练PHP CSS吧，就开始了精简工作，和那小子一起搞。经过4天的努力，基本搞定了，就是现在这个应用的样子。在这期间我算是认识到了JS的威力，可怕啊，还要再次多谢刺猬哥哥的帮忙哦，哇哈哈，又是他帮忙加了一些不错功能（主要是comments.php里面）！主题兼容性没有自己验证，让小影验证了下，应该基本没问题！哇哈哈，终于搞定了！不过这个主题像这样改了也许会有侵权的嫌疑，所以当然不能把这个主题发布咯，希望原主题的作者表来找我俩的麻烦（其实罪魁祸首是那个提供下载的人）……

昨天随便逛的时候，发现了个相当不错的主题，可惜晚发现了，不然现在可能我就用上那个主题了，大家没事可以去看看，居然那作者还是第一次发主题，就这么精美，Orz 主题：INSay
阅读全文…

虽然文章说是给PJBLOG的用户，但是看了一下，WP用户有些地方也同样适用，所以转过来自己收藏以后看看，也供大家学习学习！
原文来自：dudo

对于服务器租用者来说，要想在硬件环境、网络环境等来改善自身网站性能，受客观因素的影响可能会有比较大的难度。因此，只能退而求其次，在程序上狠下功夫。对于独立博客站长来说，使用的博客程序一般都是比较成熟的发行版的程序，这些程序为了适用的广泛性往往在代码中留出了很大的改进余地，因此，我们可以 在这上面下一些功夫。

我针对PJBlog博客程序（其它独立博客程序和网站也可作为参考）为例说一下改进方法：

1.合并JavaScript文件。无论是在PJBlog还是其它的博客程序中，都使用了大量的外部JavaScript文件，要知道，引入一个外部文件都要 发送一个HTTP请求，而在所有影响页面响应速度的因素中，HTTP请求是最关键的一个，因此把所有的JavaScrip文件合并到一个 javascript.js的文件中是一个很好的做法。不过，你要注意不同的JavaScript文件中使用了不同的变量和函数名称，你要保证它们合并之 后还能正常工作。在某些情况下，你也可以有两个独立的JavaScript文件；

2.精减你的JavaScript文件。合并 JavaScript文件是为了减少HTTP请求次数，但是基本上不会在体积上有所改观，所以你还需要精简掉JavaScript文件中那些没有用的东 西，比如注释、换行、空白等，这大概会使你的程序缩小20%~30%的空间。你可以使用ESC 1.14对文件进行压缩，它的压缩率高达60%以上，对于减少响应大小、提高响应速度来说大有裨益；

3.合并CSS文件与精减CSS文件。和处理JavaScript文件一样，把所有的CSS文件合并到一个style.css中，CSS比 JavaScript 好处理的一点就是它冲突的机率较小，即便有冲突也不会是大问题。精简就去掉多余的样式化的格式，把所有的CSS规则都放到一行中。这款叫作Minify的 程序不但可以压缩CSS还可以压缩JavaScript和PHP程序。不过这里要提醒的是，如果你要合并和精简文件一定要保留原来的文件以便以后程序更改时使用。

4.使用CSS Spirites。所谓的CSS Spirites就是所有CSS中用来做背景图像的图片文件都放到一个文件中。在PJBlog以及其它博客程序的皮肤中，作者很多都没有使用CSS Spirites，这样造成每出现一次background规则都要发送一次HTTP请求，而如果使用CSS Spirites则只需要一次HTTP请求，节省不必要的开支。

5.使用缓存。对于静态内容（如Flash、 JavaScript、CSS、Image）通过加上Expires头或者Cache-Control来把它们缓存到客户端，这样用户在下次访问的时候就 可以不用下载这样内容了，这样减少了HTTP请求的次数又减少了下载文件的大小。在IIS中设置文件头很简单，在你要设置的文件或者文件夹上右键点击—— 属性——HTTP头，然后勾中“启用文件过期”，设定过期时间，可以是一年或者十年等，还可以指定某个未来的时间，如2010年等。不过你一但设置了 HTTP头，如果你要对文件作出修改你需为修改过的文件重新起一个名字。 阅读全文…

互联网带宽越来越宽，似乎让网页的加载速度得到了质的飞跃。其实不然，因为随着带宽的提高，网页上的对象也越来越多，因此加快网页打开速度还是一个重要的课题。加快网页的打开速度，有三个路径，一是提高网络带宽，二是用户在本机做优化，三是网站设计者对网页做一定的优化。这篇文章站在一个网站设计者的角度，分享一些优化网页加载速度的小技巧。

一、优化图片

几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代，你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会花费大量的时间。

即使在现在，网络带宽有了很多的提高，56K猫逐渐淡出，优化图片以加快网页速度还是很有必要的。

优化图片包括减少图片数、降低图像质量、使用恰当的格式。

1、减少图片数：去除不必要的图片。

2、降低图像质量：如果不是很必要，尝试降低图像的质量，尤其是jpg格式，降低5%的质量看起来变化不是很大，但文件大小的变化是比较大的。

3、使用恰当的格式：请参阅下一点。

二、图像格式的选择

一般在网页上使用的图片格式有三种，jpg、png、gif。三种格式的具体技术指标不是这篇文章探讨的内容，我们只需要知道在什么时候应该使用什么格式，以减少网页的加载时间。

1、JPG：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。

2、GIF：提供的颜色较少，可用在一些对颜色要求不高的地方，比如网站logo、按钮、表情等等。当然，gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。

3、PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。 阅读全文…

从Wordpress 2.3发布以来， Tagging 功能为广大博主带来了很大的方便，但同时，很多主题也出现了不支持这一特性的情况。在网上找到了这两篇文章，其一“修改当前主题使之支持 WordPress 2.3 的 Tags 功能”，其二“让UTW用wordpress 2.3来实现tag功能”，希望对刚刚升级到Wordpress2.3的同学有些帮助。Wordpress 2.3已经于9月24日发布。许多 Blogger 将会很快升级到这个版本，因为新版程序提供了一个非常热门的 SEO 工具– Tagging。Wordpress 2.3 使用内建的 Tagging 和 TagCloud 功能，已经没有了设置很困难的插件。 WordPress 2.3 提供了两个易于使用的 API 调用，可以插入到任何主题中。在以后的主题中将会被普遍的增加。
很遗憾，这意味着您如果想使用这个功能，就需要更新您的主题。如果您是在 WordPress 主题站下载的主题，您无法知道主题的作者是否或愿意更新自己的主题。毕竟，还有很多主题连 Widget 支持都没有提供呢。

很幸运，您可以自己更新主题
并且这并不难。修改之前，要做好备份。只需要复制“Wordpress\wp-contents\theme\themename”目录。读到这里，我将假设您还不了解您使用的主题的内部流程。我将简单写一下函数，然后我将讲解一下如何把 Tags 加入到您的主题中。

循环引用 PHP 代码来在 Blog 上显示信息。这里提供了一个无样式表的 WordPress 主题框架。如果您想看看如何让 WordPress 工作的代码，可以看一下。如果您打开“index.php ”文件，您会发现 WordPress 使用了一串 PHP 命令来读取和显示相关的信息和内容，比如：标题、作者、日期或评论的数量。主题的作者以这个循环为起始然后在其基础上设计出布局和样式信息，这样，纯文本信息就显示成了多样的，丰富格式的 Blog 页面，拥有了色彩、图片和富有创意的布局。 阅读全文…

浏览器一多,问题就多,现在IE7也出来,我又多了一个要考虑的浏览器
IE7与IE6相比还是有很大的区别的,跟FF也有不一样的地方
在这里先不讲有哪些区别,主要来讲如何解决这些问题
放在以前都是用CSS Hack来解决IE6以下(包括IE^)以及Firefox(下面简称FF)的问题

例:

div.content {
width:300px !important; //大部分支持!important标记的浏览器使用这里的数值
width /**/:400px; //IE6/win不解析这句，所以IE6/win仍然认为width的值是300px；而IE5.X/win读到这句，新的数值(400px)覆盖掉了旧的，FF也一样支持/**/,所以他读到的也是width的值是400px
}

由于大部分用的就是IE6还有FF,所以这两个区别,我在写页面的时候,主要用来兼容IE和FF.

可是前两天发现,IE7可以解析width /**/:400px;这样就完蛋了
我为FF写的,IE7不是也能读到了,那要怎么办呢
Conditional Comments
这个微软定义的东东就是今天我想说的主角-----IE的条件注释，它既区别IE和非IE，又区别不同版本的IE。这样，将 word-wrap 之类的定义放在这个条件判断内，既不影响显示又可以规范CSS的合法性，爽！其实，依我看，它的应用远不止于CSS……
条件注释是只能在IE下使用，因此我们可以通过条件注释来为IE添加特别的指令。
条件注释从IE5开始被支持，它可能在IE5.0,5.5,6,7里有区别。

比如,你可以在页面顶部写:

这样就只有IE6可以识别了~
在写条件注释有下面几点要注意的
1.条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
2.IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
3.条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。我很想把所有特殊的样式放在logo.css里。但是很不幸的是，这看起来不太可能。我也试过根据条件注释，使用 来导入一个额外的样式表，但是因为我只需要一个额外的样式规则，这样会让事情变得复杂很多。当然如果你需要在IE里使用很多的额外的样式，那么使用 或许是一个好的方法。

就象这样：

For IE：

阅读全文…