作者：摩摩诘 来源：DiggLife 酷勤网收集 2008-07-31
摘要
WordPress 2.6 新增了一个个人觉得很不错的小功能”图片说明”(Image Caption),能够在图片周围加上方便读者理解的说明文字.Wordpress2.6这个功能的真正意义是新增了一个Captioin的标签,而且在后台编辑图片的时候有一个Caption文本框
系列文章索引：《WordPress 2.6 小技巧》
WordPress 2.6 新增了一个个人觉得很不错的小功能”图片说明”(Image Caption),能够在图片周围加上方便读者理解的说明文字.Wordpress2.6这个功能的真正意义是新增了一个Captioin的标签,而且在后台编辑图片的时候有一个Caption文本框,至于在日志中如何显示,要视乎主题CSS文件中对Caption的定义.
图片说明就是类似这样的效果
如果你足够细心的话,可以看到Wordpress2.6默认主题的CSS代码相比以前的版本新增了如下一段:
- /* Captions */
- .aligncenter,
- div.aligncenter {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .wp-caption {
- border: 1px solid #ddd;
- text-align: center;
- background-color: #f3f3f3;
- padding-top: 4px;
- margin: 10px;
- -moz-border-radius: 3px;
- -khtml-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- }
- .wp-caption img {
- margin: 0;
- padding: 0;
- border: 0 none;
- }
- .wp-caption p.wp-caption-text {
- font-size: 11px;
- line-height: 17px;
- padding: 0 4px 5px;
- margin: 0;
- }
/* End captions */
以上这一段就是默认主题中新增的关于图片说明的样式代码.如果你正在使用的主题中没有对Caption做出定义的话,即便在编辑的时候加入了图片说明,这些文字也只能以普通的方式显示出来,等于是没有效果.
所以如果你想让图片说明起到作用,可以将上面的代码修改成自己喜欢的样式之后复制到主题的CSS文件中.
来自：http://www.digglife.cn/articles/about-wordpress26-image-caption.html