维纳斯

CSS Sprites就是将网页上所有的背景图片都放在一张大图片上，更详细的介绍

在需要用到图片的时候，现阶段是通过CSS属性background-image组合background-repeat, background-position等来实现……我们的主角是，你一定猜到了，就是background-position。通过调整background-position的数值，背景图片就能以不同的面貌出现在你眼前。其实图片整体面貌没有变，由于图片位置的改变，你看到只该看到的而已。就好比手表上的日期，你今天看到是21，明天看到是22，是因为它的position往上跳了一格。所以你也大概了解到，CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。

比如本站的所有背景图片已经整合成单独一张，然后通过CSS定义背景：

.bloglines, .zhuaxia, .google, {     background-image: url(images/b.gif); }  .bloglines { background-position: 0 -216px; } .zhuaxia { background-position: 0 -332px; } .google { background-position: 0 -448px; }

上面这一段代码用同一张背景图片生成了Google，Zhuaxia，Bloglines的订阅图片。效果可见右侧栏的订阅区，与各自指定图片背景效果完全一样。

上面最麻烦的一个地方在于如何生成大图片，利用PhotoShop的Merge功能可以把图片整合在一起，但每个小图片在大图片的位置参数需要一个一个去弄，比较麻烦，但是比较自由。利用CSS Sprites Generator，一切都自动搞定。这个网站支持上传图片的ZIP压缩包，然后生成一张大图片，已经以图片文件名为类名的CSS语句，自动给出每个图片对应的位置。另外还可以设置各个小图片之间的间隔，以适应内容的适度拉伸。

给标题定义一个Class: Class=”cat-<?php  the_category_ID(); ?>”
然后给 .cat-??? 定义一个background图片
然后 .cat-???2
.cat-???3
…
…

修改存档页，从网上看到些资料，总结如下。

其实感觉wp细细研究的话，可以发现其本身带有的功能巨大，即使不靠插件也可完成绝大多数的需要。只不过比较麻烦，需要的技术比较高，所以大家还是喜欢用方便的插件来完成，呵呵，随便说两句，进入正题。

函数wp_get_archives是用来调用存档的，可以放在模板中的sidebar.php或者放在专门的存档页面archives.php。

具体写法如下：

wp_get_archives(’type=monthly&limit=12&format=html&before=…
&after=…&show_post_count=true’);

下面说明一下里面的每个函数的意思：

type:归档方式

type=monthly:按月显示
type=daily:按天显示
type=weekly:按周显示
type=postbypost:显示文章标题

limit:显示篇数

limit=10:显示最近10篇文章

format:格式

format=html:默认方式
format=link:输出格式:

<?php
<link rel=’archives’ title=’$title_text’ href=’$url’ />

format=option:输出格式:

<?php
<option value=’$url’>$before $text $after</option>

before:archives前

before=…:要在前面加的文字

after:archives后

after=…:要在后面加的文字

show_post_count:是否显示文章数量

show_post_count=true:要在后面显示文章的数量

1.存档标签

1. wp_list_categories

wp_list_categories标签负责的是存档的调用，在模板archives.php文件中添加wp_list_categories标签可以调用wp程序的存档。

用法如下：

wp_list_categories标签的所有数值：

show_option_all
值：任意填。
如果你写<?php wp_list_categories(’show_option_all=*’); ?>，那么在列表第一个分类就显示“*”两字，不过连接是连接到blog首页的，正好可以利用此参数加个“首页”。

orderby
值：ID、name（默认值）、count。
作用是按这3个值来排序。

order
值：ASC（默认值）、DESC。
ASC为升序，DESC为降序。

show_last_updated
值：0（默认值）、1。
0无作用，1为最近更新的分类显示在前面。

style
值：list（默认值）、none。
例6中已经举例了。none无作用。

show_count
值：0、1（默认值）
1在每个分类后面显示日志数量，0不显示。

hide_empty
值：0、1（默认值）
1是隐藏没有发表日志的分类，0是显示所有。

use_desc_for_title
值：0、1（默认值）
0为关闭说明，1为显示说明。上面有例子。

child_of
值：数字
显示指定ID（也就是所填的这个数字）下的子分类。

feed
值：任意
假如你填“啊!”，那么在你每个分类后面都会出现“(啊!)”，连接地址是RSS地址。

feed_image
值：任意。虽然任意，但是是个图片的地址才对。
用来在分类后面显示个RSS Feed图标，上面有例子。

exclude
值：任意。但是要填分类名称或者分类ID才有效。
用来过滤（或者说隐藏）某个分类在列表中的出现。

include
值：任意。但是要填分类名称或者分类ID才有效。
作用是只显示所填的这个分类名或ID。

hierarchical
值：0、1（默认值）
说是按分类文章数目排列的，但测试无效果。

title_li
值：任意
用来改变列表标题的。

number
值：整数
设置一个显示上限。

数值应用举例：

1.包含或排除某分类：
意思就是把分类ID为3，5，9，16的分类按名称顺序来排序：

1. <?php wp_list_categories(’orderby=name&include=3,5,9,16′); ?>

按名称排列，并显示每个分类的日志总数，并不显示ID为10的分类：

1. <?php wp_list_categories(’orderby=name&show_count=1&exclude=10′); ?>

2.显示或隐藏列表标题：
过滤ID为4和7的分类，并且列表标题设置为“哈哈”：

1. <?php wp_list_categories(’exclude=4,7&title_li=哈哈’); ?>

列表中只显示ID为5、9、23的分类，并把列表标题改为

;Poetry
（下面的格式是为了把“要显示的数据”和“标签参数区分开来”）

1. <?php wp_list_categories(’include=5,9,23&title_li=<h2>’ . __(’Poetry’) . ‘</h2>’ ); ?>

3.这个参数的意思是：按ID排序，关闭分类说明（就是鼠标移动到连接上就不显示你在后台填的分类说明了，只显示“察看XX分类下的所有文章”），并且只显示ID为8的分类下的子分类，如果没有，则参数无效，会按默认来显示。

1. <?php wp_list_categories(’orderby=id&show_count=1&use_desc_for_title=0&child_of=8′); ?>

4.外观是分类后面显示个（RSS），作用就不用我说了吧？

1. <?php wp_list_categories(’orderby=name&show_count=1&feed=RSS’); ?>

5.这个比较酷，相信大家都喜欢：
分类名称后面显示一个自己制定的小图标，作用是RSS。

1. <?php wp_list_categories(’orderby=name&show_count=1&feed_image=/images/rss.gif’); ?>

6.花式列表：
改变当前正在浏览的分类名字的样式。’style=list’的作用是给输出的html代码

中加一个class=”current-cat”， 然后你在CSS里添一个.current-cat {color:red;}那么我浏览分类AAA时，列表中的“AAA”3个字就是红色的，浏览BBB，“BBB”就是红色的。

1. <?php wp_list_categories(’style=list’ ); ?>

 转自：http://www.xumomo.com/network/wp_list_categories.html