WordPress应用：加上边框让图片更美观

WordPress 3.0中文版下载地址没发布

不知道是我哪根筋出错，还是我博客变的更智能。我在自我满足的欣赏我写的日志，并从思想根源上打算让排版变得更好、更美观时，突然发现一个问题，我近两天发布的日志所配图片，打开后都会链接到一个页面，这个页面是这个图片的简单介绍，此时你继续点此图片，方才会打开图片的真实地址；而在此之前我发布的任意一片文章，点文章配图时，打开的直接是图片真实地址。

显而易见，这中间多了图片介绍页，这让我有点纳闷，如果是我博客后台设置激活了此功能，那我应该能在后台关闭呀，可是事实我找不到相应的管理设置，在本地机测试也满头雾水。最好的解释是我使用的插件因版本更新而增加的了功能，而我被完全蒙在鼓里。

博客的智能更新此功能却让我获益良多，加入一个媒体图片介绍页，显然要比以前枯燥的放大原始图更有体验度，也更利于搜索引擎收录。——我不确定我是否激活过此功能，暂时姑且这么认为吧。如果哪位博友发现其中诀窍，麻烦告知我一下。

既然都这样了。那就对中间页进行美化一下吧。经过分析我知道，图片会放在content的DIV里，并以

<p class="attachment"><a href='#'><img src="#" /></a></p>

的格式存放。因此对类attachment和img重新设计样式，将能达到美化打开的相关网页。经过测试后，打开style.css找到相关CSS样式，我做了如下修改。“text-indent:-30px;”是和上面content的“text-indent:30px;”相对应，以便居中显示。

.post .content .attachment{
 text-indent:-30px;
 text-align:center;
}
.post .content .attachment img {
 margin:5px;
 border:1px solid #ccc;
 padding:5px;
}
.post .content .caption {
 text-indent:-30px;
 margin:5px;
 text-align:center;
}
.post .content .navigation  img {
 margin:5px;
 border:1px solid #ccc;
 padding:5px;
}

如此这般，你将拥有一个居中，有边框，上下边距合适，看着舒适的图片表现形式了。如果您是默认模板，可以做如下修改。第52行后面加入：

#content .attachment{
	text-align:center;
}
#content .attachment img {
	margin:50px 5px;
	border:1px solid #ccc;
	padding:5px;
}

第688行后面加入：

.navigation  img {
	margin:20px 5px;
	border:1px solid #ccc;
	padding:5px;
}

后记：编辑完此博文，我才发现，原来在每一则上传的媒体文件，在链接URL里有三个选项：无、文件URL、文章URL；如果选择无那将会让图片没有链接，文件URL选项则让你直接链接到文件本身，文章URL则是把图片加入一个链接，这个链接打开后是图片的简单介绍页面，在打开后才会链接到文件本身。上面我的分析说是插件里存在的功能显然是错误的，为保持上面文章的完整性，我把此发现写于此。