今天所做的努力
都是在为明天积蓄力量

NEXTGEN-GALLERY在WORDPRESS文章中的调用方式和显示效果

本文最后更新于2017年8月31日,已超过2420天没有更新,如果文章内容失效,请留言反馈给我们,谢谢!
强烈向大家推荐一个好网站,【我要自学网】,教程由在校老师录制,有办公会计、平面设计、室内设计、机械设计、网页编程、影视动画等教程.....让你足不出门,都可以体验学校的专业教育!

一、 如何在文章中调用nextgen-gallery新建相册

安装完毕nextgen-gallery相册后,在wordpress中有两个地方可以直接调用相册图片。

第一种方式是调用方式是在wp后台的“小工具”里面,这里我们只需要通过拖拽的方式就可以实现显示效果。

第二种方式是在发布的页面(或文章)中可以调用nextgen-gallery中的相册图片。认为这是一个很简单的问题,我们只需要在发布文章(页面)的时候,在html编辑状态下,插入如下任意一段的代码就可以实现调用了图片,不需要我们编辑网站程序中的php程序代码,使用非常简单。nextgen-gallery插件调用代码如下:

插入一个幻灯片效果: [ slideshow id=x w=width h=height]

 

插入一个相册 : [ album id=相册ID template=extend] or [ album id=相册ID template=compact]

 

插入一个图集 : [ nggallery id=图集ID]

 

插入一张图片 : [ singlepic id=x w=width h=height mode=web20|watermark float=left|right]

 

插入图片浏览器 : [ imagebrowser id=x]

 

按标签显示图集 : [ nggtags gallery=mytag]

 

显示标签的相册 : [ nggtags album=mytag]

 

上面的代码,已经进行过测试,可以正常使用。ps:[ngg 中间是没有空格的,由于本站使用了nextgen-gallery,如果按照原代码编辑就会出现调用相册,不能正常显示源码,在使用时,请将中间空格去掉即可。

二、nextgen-gallery相册显示效果欣赏

无忧主机在自建的测试平台上,获得了一些简单的nextgen-gallery相册显示效果,截图并分享给大家:

1、nextgen-gallery相册侧栏随机显示照片效果

image0014 150x150 nextgen gallery在Wordpress文章中的调用方式和显示效果

2、nextgen-gallery相册图片列表显示效果

image003 150x150 nextgen gallery在Wordpress文章中的调用方式和显示效果

3、nextgen-gallery相册幻灯片显示效果

image005 150x150 nextgen gallery在Wordpress文章中的调用方式和显示效果

赞(0)
未经允许不得转载:如需转载,请标注内容来源流觞 » NEXTGEN-GALLERY在WORDPRESS文章中的调用方式和显示效果
分享到: 更多 (0)
强烈向大家推荐一个好网站,【我要自学网】,教程由在校老师录制,有办公会计、平面设计、室内设计、机械设计、网页编程、影视动画等教程.....让你足不出门,都可以体验学校的专业教育!
强烈向大家推荐一个好网站,【我要自学网】,教程由在校老师录制,有办公会计、平面设计、室内设计、机械设计、网页编程、影视动画等教程.....让你足不出门,都可以体验学校的专业教育!

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

今天所做的努力都是在为明天积蓄力量

联系我们关于小站