为wordpress添加相册模板

已经知道如何调用wordpress的原生相册，那要建立一个相册页面就很简单了。新建一个页面，点击添加图片——选择所有要上传图片——点旁边的图片库，选择“插入相册到日志”，再发布页面就OK了。

当然你也可以自己建立一个模板，自己设定css，以后新建页面，直接选择这个模板就可以了，这样是不是很简便？如果需要的话，那就往下看吧～

下面将是你要做的事情：

在你现在使用的主题文件夹内找到single.php文件，复制并更名为image.php。
用编辑器打开这个image.php文件，找到如下所示用来调用、显示日志的这一行代码，也许你的会有一点点不同，但只要是这个函数the_content即可。

1	<?php the_content('Read More'); ?>

在上述代码(the_content)之前插入如下代码：

<p class="attachment">
<a href="&lt;?php echo wp_get_attachment_url($post-&gt;ID); ?&gt;"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
</p>
<div class="caption">
<?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?>
</div>

在上述代码(the_content)之后插入如下代码：

<div class="imgnav">
<div class="imgleft"><?php previous_image_link() ?></div>
<div class="imgright"><?php next_image_link() ?></div>
</div>
<br clear="all" />

在你的style.css文件中为它添加CSS样式：

/****************Image Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}