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 随心排版

Comments

  1. 别整这个 把你十一拍的妹子都发上来 赶紧的!!

  2. 别整这个 把你十一拍的妹子都发上来 赶紧的!!

  3. 先马克,以后我也要添加相册

  4. 先马克,以后我也要添加相册

  5. 没看懂啥意思!

  6. 没看懂啥意思!

  7. 我也看得不是很明白

  8. 我也看得不是很明白

  9. 还是没看明白,

  10. 还是没看明白,

  11. 嗯,我看懂了,不过闲麻烦,还是搞个lightbox简单一点。。。

  12. 嗯,我看懂了,不过闲麻烦,还是搞个lightbox简单一点。。。

  13. 这个不错,以前也是很热衷博客了搞很多图片,但发现空间不给力,现在也尽量简化了

  14. 这个不错,以前也是很热衷博客了搞很多图片,但发现空间不给力,现在也尽量简化了

  15. 可惜啊 外链图片就没法用了吧

  16. 可惜啊 外链图片就没法用了吧

  17. 大侠可以详细点吗?

  18. showguests.1.02这个插件非常好,但是三年多没有更新了,出现很多问题。好象全球唯一一款WP最近访客插件

Trackbacks

  1. […] 2、WordPress相册短代码GALLERY SHORTCODE使用方法 在新版的WordPress中,添加媒体的时候就可以制作相册了,对于多图的文章,排版出来的效果很好看。 […]

鬼娃娃进行回复 取消回复

*

· 1,739 次浏览