为wordpress添加相册模板

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

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

下面将是你要做的事情:

  • 在你现在使用的主题文件夹内找到single.php文件,复制并更名为image.php。
  • 用编辑器打开这个image.php文件,找到如下所示用来调用、显示日志的这一行代码,也许你的会有一点点不同,但只要是这个函数the_content即可。
  • 1
    
    <?php the_content('Read More'); ?>
  • 在上述代码(the_content)之前插入如下代码:
  • 1
    2
    3
    4
    5
    6
    
    <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)之后插入如下代码:
  • 1
    2
    3
    4
    5
    
    <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样式:
  • 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    
    /****************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;}

▲使用说明:

  • 以上CSS样式适合于WordPress默认主题,如果你想让它更适合你的主题,那么请适当地修改它。
  • 使用方法:⑴新建一个相册页面,模板选择image.php。⑵上传你的图片后找到相册相应设置,并插入到你想要显示的地方即可发布。

PS:图片来自JAY

转自:城市@后

我们能更强,是因为我们站在前人的肩膀上。前人载树,后人乘凉。开始或许只是几颗树苗,以后就是一片森林。今日乘凉,明日或许你我就可以替后人栽树。——好文转载留念


延伸阅读:
  1. Creating Two-Tiered Conditional Navigation in Wordpress     Here is...
  2. wordpress 分类插件——Category Icons     选用图片来识别不同分类,效果总比采用文字的好,难道不是吗~~    ...
  3. 不使用插件给分类添加图片     曾在wordpress...
  4. 如何高亮你的评论背景色     前几天整理评论模板这块,网上胡搜了一通,有了点小心得。...
  5. wordpress 各种图片相册插件     自从在JAY那闲逛后,就对如何轻松展示图片产生了浓厚的兴趣,毕竟比起文字,图片往往更能直接抓住某人的眼球~布鲁现在都是先上传到Yupoo,再贴图到文中,图片一多,感觉……快疯了~~    ...

Tagged: , ,

See more on 互联网技巧

Google书签 新浪ViVi 365Key网摘 天极网摘 我摘 POCO网摘 博采网摘 YouNote网摘 和讯网摘 博拉网 igooi网摘 I2Key网摘 天下图摘 百特门网摘 Del.icio.us Yahoo书签 奇贴 QQ娱乐摘 添加到Digg! 添加到Facebook!

Leave a comment