NextGen Gallery默认的样式就很丰富,在使用之前应该对这些默认样式了然于心。

官方介绍:Demos of All NextGEN Gallery Types

简单的总结

1.缩略图列表图集(NEXTGEN BASIC THUMBNAIL GALLERY)

使用缩略图方式展示图集下的图片,点击图片链接的行为由Gallery->Options->Gallery settings控制,默认为lightbox效果打开图片,如果选中“Show ImageBrowser”则在新页面中打开图片。

Shortcode: [ nggallery id=X ]

2.简单幻灯片效果(NEXTGEN BASIC SLIDESHOW GALLERY)

用幻灯片切换的方式展示图片,点击图片切换到下一张

Shortcode: [ slideshow id=X w=X h=X ]

3. 简单图片浏览器效果(NEXTGEN BASIC IMAGEBROWSER GALLERY)

显示图片、图片标题、caption和上一张/下一张的导航按钮,点击导航按钮刷新页面显示图片

Shortcode: [ imagebrowser id=X ]

4. 显示单张图片(NEXTGEN SINGLE PICS)

用倒影(web20)或水印(watermark)的效果显示一张图片,可设置图片宽高和float属性,点击图片以lightbox方式展示大图。

Shortcode: [ singlepic id=X w=X h=X mode=web20|watermark float=left|right ] 

5. Flexslider Slideshow效果

ngg-flexslider

用带有方向导航和控制按钮的Flexslider Slideshow效果展示图集,需要安装第三方插件Responsive NextGEN Flex Slider Template。可在设置->NextGen Slider调整幻灯片属性,也可以在Shortcode中完整,该页面有完整说明。

Shortcode:[ nggallery id=x template=”sliderview” ]

详细参数见后台设置页面或官方文档

NextGen Gallery的效果除了通过shortcode来设置外,还可以用模版来改变,下面是使用模版的方法。这些模版位于plugins/nextgen-gallery/view目录下,可以拷贝这些模版到主题目录下进行定制,详细方法请看这里

6. Caption模版(CAPTION TEMPLATE)

和缩略图列表基本一样,只是图片下方有caption

Shortcode: [ nggallery id=X template=caption ]

7. CAROUSEL TEMPLATE

与其说是Carousel(类似传送带的效果)效果,不如说是带有thumbnail导航的gallery,点击缩略图要刷新页面才能看到大图。

Shortcode: [ nggallery id=X template=carousel images=7 ]

8. GALLERYVIEW TEMPLATE

jQuery GalleryView插件集成到NextGen Gallery中,这个更像Carousel效果,有大图和缩略图导航,缩略图以Carousel特效展示,点击缩略图可直接看到大图,无需刷新页面。要使用这个效果,必须安装第三方插件NextGEN Galleryview

Shortcode: [ nggallery id=X template=galleryview images=0 ]

9. MONOSLIDESHOW TEMPLATE

MonoSlideshow效果,使用flash技术展示图集,效果当然比较绚了。要使用,需要安装第三方插件NextGEN Monoslideshow,虽然已经两年没人维护了,但在WP 3.5上是可以用的,在安装此插件基础上还要下载monoslideshow.swf,并放到wp-content/uploads目录下,才能正常使用

Shortcode: [ monoslideshow id=1 w=450 h=350 preset=’tv-swap | sparkles’ ]

preset参数可不写,或填写tv-swap、或填写sparkles,代表三种效果。

3条留言

  1. 经过测试一段时间,有朋友遇到问题是插入shortcode后,文章页面图片一直打转,浏览下你的文章来继续测试,对了,你是女的吗。

  2. NextGen Gallery幻灯片,不能点击图片跳到某个链接吧,有相关插件么?

    1. 我不清楚有没有这种插件,可以看看有没有简单的图集插件带这个功能的,nextgen gallery侧重点不是这方面。

评论功能已关闭