WordPress模板的image.php

2010-09-28

WordPress

最近一直在找“有评论功能”的相册插件，始终没有满意的结果，索性自己干了。

wordpress自2.5版本就开始自带了 wp_get_attachment_image 参数，它可以把附件当做一个页面展示出来，在页面上添加<?php comments_template(); ?>就可以实现评论功能了。评论演示

目前大多数主题都没有包含image.php，如果没有这个文件，我们可以复制一个single.php重命名为image.php来做相册的个性化调整。

首先查找 the_content 参数，在他的php标签上面，添加代码：

post_excerpt) ) the_excerpt(); // “caption”标签包含的是照片描述区域，如果你懒得写描述，这部分内容可以删掉 ?>

如果你想要“上一张”“下一张”的翻页效果，可以在the_content的下面，添加翻页代码：

然后删掉post_tags、sidebar等等不需要的内容，来拓宽图片的展示空间。
添加overflow:auto;overflow-y:hidden样式到正文区域，给大图片添加横向滚动条。
增加返回相册首页的按钮。
参考留言板的制作方法，写一个photocomment个性化评论页。
等等个性化的东西，自定义就好。

相册效果演示地址：http://uicss.cn/photo/
以下是我目前的image.php源代码，供大家参考：

<?php get_header(); ?>

>>返回相册首页

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36


    <div class="further">
      <p class="float_left">
        « <?php previous_image_link() ?>
      </p>

      <p class="float_right">
        <?php next_image_link() ?> »
      </p>
    </div></div> 

    <p>
      <!--/post--></div> 

      <p>
        <!--/singlepost-->

        <br /> <?php comments_template('/photocomments.php'); ?>

        <br /> <?php endwhile; ?>

        <br /> <?php else : ?> </div> 

        <p>
          <?php endif; ?></div> 

          <p>
            <!-- /content -->

            <br /> <?php get_footer(); ?>

            <br /> </coolcode>
          </p>

          <p>
            <strong>拓展阅读：</strong><br /> <a rel="external nofollow" class="external" href="http://uicss.cn/go.php?http://dreamcolor.net/2008/11/perfect-gallery-of-wordpress/">完善 WordPress 的 Gallery 页面</a><br /> <a rel="external nofollow" class="external" href="http://uicss.cn/go.php?http://jobru.net/the-native-of-the-album-of-wordpress/">关于Wordpress原生相册的调用</a><br /> <a rel="external nofollow" class="external" href="http://uicss.cn/go.php?http://www.saywp.com/wordpress/cleaner-wordpress-gallery-plugin-2.html">让WordPress原生相册支持lightbox效果</a>
          </p>

Contents