
关于Wordpress原生相册的调用
早就听说wordpress自2.5就开始自带相册,不过一直没用过,也不知道怎么用,相册插件好用,但原始的东西也该了解一下,不是么~~
相册使用方法:在后台撰写日志,点击工具栏顶部“添加图片”,上传所有要插入的图片后,点击旁边的“图片库”,可以选择单张或是所有图片插入日志。最右边的媒体库里是你曾经上传的所有图片,也就是你可以很方便引用以前的图片。
点击插入日志后,会显示”gallery“标签,对于这个标签,有如下几个调用的小参数:
[
gallery columns="4"]
默认值为3,用于确定相册的列数,如果你的日志版面较宽,可以适当增加该值。
[
gallery id="123"]
相册编号确定。一般情况下相册是使用id进行区分的。所以这个标签的最大用处就是让你可以输入指定的id,即可以引用已经发表过的相册。
[
gallery size="medium"]
相册缩略图大小控制,默认值为 “medium” 。我们可以用”thumbnail”, “medium” 和 “full” 。
除上使用较多的控制标签外,我们还有如下标签可用:
orderby——用于控制图片展示顺序,默认值为”menu_order ASC, ID ASC”。
itemtag——样式控制标签,默认值”dl”。
icontag——样式控制标签,默认值”dt”。
captiontag——样式控制标签,默认值”dd”。
知道了这些,就可以轻松使用wordpress自带相册了~~~
另外插入原生相册的同时,它也会在文章中自动插入对相册样式控制的CSS代码。当然这样会让我们的相册看起来漂亮点,但是,这样会让WordPress中带有相册的页面不能通过XHTML 1.0认证。所以这里又提供了去除WordPress自动插入的相册样式代码。我们可以在functions.php文件中加入如下代码:
########################################################
# 去除WordPress自动插入原生相册样式代码
########################################################
function remove_css_gal() {
return "\n" . '<div class="gallery">';//ici vous pouvez changer de classe
}
add_filter( 'gallery_style', 'remove_css_gal', 9 );
当然你也可以把上面的代码做成插件使用,使用上面代码后,再次查看带有相册的页面的源代码,就会已经发现下面这段自动插入的代码不见了。
<style type='text/css'>
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
</style>
<!-- see gallery_shortcode() in wp-includes/media.php -->
最后记得在你的style.css文件中重新加上上面这段被去掉的代码,否则,the sky will fall on your head ![]()
PS:图片来自JAY~
效果如上,可以点击看大图,无须自己手动调节图片间距之类的,自动缩放图片比例,这样的贴图也算方便吧~
挺简单的,不是么~~
资料自:SMARTR.cn
我们能更强,是因为我们站在前人的肩膀上。前人载树,后人乘凉。开始或许只是几颗树苗,以后就是一片森林。今日乘凉,明日或许你我就可以替后人栽树。——好文转载留念
延伸阅读:
- Creating Two-Tiered Conditional Navigation in Wordpress Here is...
- wordpress 各种图片相册插件 自从在JAY那闲逛后,就对如何轻松展示图片产生了浓厚的兴趣,毕竟比起文字,图片往往更能直接抓住某人的眼球~布鲁现在都是先上传到Yupoo,再贴图到文中,图片一多,感觉……快疯了~~ ...
- 你所需要了解的 WordPress 2.6 布鲁新安装了Wordpress 2.6后却发现,Windows...
- 为wordpress添加相册模板 已经知道如何调用wordpress的原生相册,那要建立一个相册页面就很简单了。新建一个页面,点击添加图片——选择所有要上传图片——点旁边的图片库,选择“插入相册到日志”,再发布页面就OK了。...
- wordpress 分类插件——Category Icons 选用图片来识别不同分类,效果总比采用文字的好,难道不是吗~~ ...
See more on 互联网技巧























.