post

WordPress相册短代码使用方法

首先看下效果图:

WordPress相册短代码GALLERY SHORTCODE使用方法

WordPress3.1开始就的支持文章类型和文章短代码了,但是一直很少用,最近换了StudioPress的轻博客主题,想要实现DEMO的首页样式,比如首页显示的相册,就被难倒了,找了好多源码才知道,原来是利用了GALLERY SHORTCODE的短代码实现的,WordPress原生支持。

< img src="/wp-content/uploads/2012/09/lovers-photo-1.jpg" alt="人物摄影:让人意乱情迷的情侣照" />
[ gallery link="file" include="2875,2876,2877,2878,2879,2880" columns="6" size="medium"]

include内的是图片的ID,在媒体库中,鼠标放到图片标题或点击链接后,会看到图片ID,如链接地址://www.izhangheng.com/wp-admin/media.php?attachment_id=3004 其中attachment_id就是图片的ID了。

具体的短代码参数请参照官网说明:Gallery_Shortcode

注意:将上面代码中[<后多余的空格删除,放到编辑器就能看到什么样了,more标签的作用是为了在首页显示文章部分内容,并且会保留原格式,前提是首页展示文章content而不是except。

WordPress3.3中可以为编辑器增加自定义按钮,将上面的短代码做成按钮,以后操作就方便多了,需要的同学可以自己试试。

在 my-quicktags.js 添加如下代码(需要删除[后面的空格):

QTags.addButton( '[ gallery.i2m]', '[ gallery.i2m]', '\n[ gallery link="file" include="," columns="2" size="medium"]\n','' );
QTags.addButton( '[ gallery.i3m]', '[ gallery.i3m]', '\n[ gallery link="file" include=","  size="medium"]\n','' );

效果文章://www.izhangheng.com/people-photography-lost-and-delirious-couple-photos/

文章部分内容摘自木木木木:应用 GALLERY SHORTCODE 随心排版

    • 现在用又拍云的也不少,可以考虑用下,我就是担心以后图片不好弄出来,就没用。

    • 现在用又拍云的也不少,可以考虑用下,我就是担心以后图片不好弄出来,就没用。

  1. Pingback: 2012年度精选文章汇总 | 张衡Henry

· 1,238 次浏览