«« 上一篇: »» 下一篇:

NextGEN Gallery ~ 最强WordPress相册插件

November 28, 2007 | 6:11 pm | 由 77妈 发表于:杂七杂八 | 8,061 views

博客照片很多?上传和管理图片太烦?想幻灯显示相册?在博客中任意插入动态图片效果?…… 你和我一样,需要NextGEN Gallery,最强WordPress相册插件!

其实网上可以搜到不少关于这个插件的介绍,不过我觉得都不够详细清楚,自己学习的时候也走了不少弯路,所以决定把使用心得记下来,方便朋友们选用NextGEN。好了,废话不说,直接入题。

第一步,当然是下载安装

WP官网下载地址:http://wordpress.org/extend/plugins/nextgen-gallery/

用FTP把NextGEN Gallery传到wp-content/plugins目录,相信这个跟大部分的WP插件用法无二(如果要用汉化包,把汉化包传到NextGEN Gallery文件里的lang目录),把实现幻灯片的FLASH文件传到NextGEN Gallery的根目录。PS:我用的是英文版的WP和NextGen,以下图示都是本站截图,点击可以放大。

另外不能忘记:在FTP的wp-content目录里新建一个名为“gallery”的文件夹,并且把它的权限设置为777(右键》文件属性,就可以设置)这个gallery文件夹是NextGEN插件默认存放照片的目录,如果不喜欢,安装完毕后可以更改,这是后话。

这些做好后,激活NextGEN Gallery插件,这时,在SiteAdmin的菜单上会多了一个“Gallery”的选项,这个就是相册插件的控制面板。

gallery01.jpg

第二步,如何创建Gallery并添加到Album

NextGEN的相册结构基本是由Gallery和Album组成,Gallery包含你要归类的一些图片,拿本站举例,我把77每个月的照片作为一个Gallery,例如“16个月”和“12个月”等等。而Album则包含一些相关的Gallery,例如我把关于77的相册整理为一个Album,取名“77”,然后把各个Gallery添加进来并排序。换句话说,我们可以根据需要新建数个Gallery,也可以建立几个Album,把图片分类好上传到各个Gallery并加入到合适的Album。第三步则是新建页面,并对应于你指定的Album。我们先从新建Gallery说起:

NextGEN的妙处就体现在新建Gallery这里,他支持多种上传方式,强烈推荐第三种:import image folder 使用这个选项,可以事先在第一步里建立的wp-content/gallery目录下建立文件夹(这里取名WebPS_16mon),并上传需要的图片。然后回到Gallery的控制面板,在Add Gallery这一项中选择“import image folder”,在下面的Import from Server path:中选择刚刚建立好并上传好图片的文件夹WebPS_16mon,随后点击Import floder目录即可。完成后进入Manage Gallery,就会发现工具已经创建了一个新的Gallery,并取名WebPS_16mon,和你用FTP在wp-content/gallery目录下创建的文件夹同名,当然,如果点击WebPS_16mon这个Gallery的edit选项,就可以进入查看你的图片是否被成功加入,且生成对应的缩略图。

gallery02.jpg

特别需要提醒的是,在Title:一栏填写的名字将是最后显示在Album中的Gallery名称,而在这个edit页面下,还可以对这个Gallery选择对应的预览图(Preview image:)并进行常规的删除,重新生成缩略图等操作。注意 Scan Folder for new images这个按键,非常有用!!!一旦生成好Gallery,若是想在其中增加新的图片,一样可以用FTP上传到对应的文件夹,然后回到Manage Gallery页面,选择对应的Gallery,电击这个Scan按键,工具会自动扫描新加入的图片,并加入这个Gallery,这一点非常便捷,值得表扬!

上传好图片并建立好Gallery,接下来就要按照需要新建Album,并且加入Gallery。如下图所示,使用类似Widgets,支持拖拽排序,非常方便。

gallery03.jpg

第三步,如何创建页面并对应Album

这一步非常容易,新建page,把这句话贴进去就好 {album=id,extend} 其中“id”就表示你要在这个页面显示的Album,每个Album对应的ID在Album界面下可以看到。特别提醒:使用时请将{ } 替换成 [ ]   这是因为wordpress和NextGEN升级后不能很好的匹配,原本正确的写法总是被自动识别成相册效果,这里要特别注意!   2009/10/9 @22:37

好了,大功告成,强大好用的WP相册插件NextGEN Gallery已经安装设置完毕。当然,NextGEN的作用远不止这些。比如实现幻灯显示,并随意安放在你的blog中,还有在写文章的时候,方便的调用相册中的图片,限定大小,并支持眩酷的显示方式等等。今天没空了,下次继续写。

 特别更新:如何在侧栏或任意页面动态显示相册照片 2007/12/20 @16:59

首先要下载一个实现幻灯显示的插件并安装并在你的WP中激活插件 http://www.jeroenwijering.com/ 

接着,可以在widgets选项卡中发现 NextGEN Recent Image 、NextGEN Random Image以及NextGEN Slideshow 三个可用Widgets,可以随意选择合适的Widgets安放到Sidbar中去。

如果想要在任意页面中插入幻灯显示的相册照片,也可以按照如下格式,插入php代码:

<?php

if (function_exists(‘nggSlideshowWidget’))

{nggSlideshowWidget($galleryID,$Width,$Height);}

?>

 

参数说明:

$galleryID : 相册编号

$Width : 宽度

$Height : 高度

如果说想显示相册编号为 3,宽度为 320 px ,高度为 240 px,插入以下代码就可以了:

<?php

if (function_exists(‘nggSlideshowWidget’))

{nggSlideshowWidget(3,320,240);}

?>

 

    33条评论 关于 “NextGEN Gallery ~ 最强WordPress相册插件”

  1. 别用鼠标点我 发表于2008-06-27

    正需要这个呢~写的蛮详细的~谢谢~

  2. Daniel 发表于2008-07-02

    呵呵 正想要一个

  3. tsman 发表于2008-07-23

    你好,我照你说的方法插入了代码!
    >?php
    if (function_exists(’nggSlideshowWidget’))
    {nggSlideshowWidget($galleryID,$Width,$Height);}
    ?>
    为什么没有反应呢?
    >?php还是<?php都不行,请帮忙!是不是还需要什么支持php的插件???

  4. 77妈 发表于2008-07-23

    to tsman:

    首先要下载一个实现幻灯显示的插件并安装并在你的WP中激活插件 http://www.jeroenwijering.com/

    一定要下载安装,并且激活后,这段代码才有用。

  5. tsman 发表于2008-07-23

    imagerotator.swf吗?我下载了,放在了/wp-content/plugins/nextgen-gallery/目录下,原来有一个,我给覆盖了!
    另外我在widgets使用,可以显示呀?看一下我这个站
    换个方式聊聊!有时间吗?

  6. tsman 发表于2008-07-23

    hehe,搞定了,谢谢你!

  7. 77妈 发表于2008-07-23

    to tsman

    不客气,能用就好!

  8. Sunny 发表于2008-09-17

    我也出现了taman的问题,能否帮忙解决下
    qq是1698893
    站点是http://www.sunnylyn.com

  9. tsman 发表于2008-09-19

    to sunny:我的问题是’nggSlideshowWidget’中的引号粘贴时不对,改一下就可以了!

  10. 断点 发表于2008-11-10

    正想要这样的效果,看了你的介绍终于装好了。
    可以在侧边显示照片了。至于文章中插入图片还不知道如何

  11. 断点 发表于2008-11-10

    另外想问一下为什么我用的WP汉化后没有你这个好?评论这里我的还都是英文的,怎么样才能做到你这样,完全的汉化 我的博客:http://www.edlfe.com/

  12. 77妈 发表于2008-11-11

    to 断点
    文章里面应该是一样的,在代码那个输入诓输入代码就可以了。不过我还没空试~~
    我的WP不是汉化版,就是英文版。你说的应该是theme的问题,如果你会修改主题,自己找到对应的英文,改成中文就好。

  13. 断点 发表于2008-11-11

    你说的英文版是后台吧,那前台的显示是如何做到是中文的呢?

  14. 7妈 发表于2008-11-11

    我的意思就是在后台修改主题,
    应该是comment.php 文件,把一些英文改成对应的中文字。
    比如我这里的“您的名字”“我保证不是垃圾评论!”等都是自己的theme文件中改的。

  15. 断点 发表于2008-11-11

    嗯,今天看了一下,把我站的主题给汉化过来了,请指教一下http://www.edlfe.com

  16. 喵小可 发表于2008-12-18

    很不错,很详细,学很有用!

  17. LouisEver 发表于2009-02-03

    正准备找这种东西,太好了,谢谢

  18. A Side Story 发表于2009-03-29

    您好,
    按照你的方法,折腾好几天了,但是都还没有弄好,有几个问题想要请教!

    我目前的状况是无论是在page还是在post中,无论是用[album=id,extend] 这种方式还是

    这种方式,都根本不起作用。如果是后者的话,显示出来的就是这么一串代码,而要是用[album=id,extend] 这种方式,甚至连代码都显示不出来。

    通过添加“NextGEN Slideshow ”这个Widget,倒是可以在Sidbar中显示出来,但也有一个问题,当添加了Widget之后,侧边原本显示的信息如最新评论、存档之类的都没了,不知道是怎么回事!要是把Widget全部给移除掉,那些信息又出来了。不知道有没有什么办法把二者都保留?

    谢谢!你的女儿很漂亮,就像我的侄女儿似的!祝她健康成长!

  19. 77妈 发表于2009-03-30

    Story你好,
    这个是album的id哦,所以要确保写的是album的号码而不是gallery的. 你可以看我这个网站的”精彩瞬间”,就是建了一个page,写了[album=id,extend] 来实现的.

    还有,那个幻灯显示的插件安装后要在插件管理的地方激活.你用widget后别的没了跟你的主题有关.如果主题的侧边栏是用的widget,那边你要把最新评论,存档之类的widget也添加进去才行.
    如果主题的侧栏是代码写死的.你也要写代码才行.

  20. A Side Story 发表于2009-03-31

    77妈,谢谢你的回复!我无论是在post还是在page中使用代码[album=id,extend]都仍然没有用。我之前建了一个gallery和album,但由于没有显示出来,所以又删除了新建了一次,现在无论是gallery还是album的id都是2,所以也什么区别!

    我又在插件的官方网站上找了个[slideshow id=2 w=w430 h=430]的代码测试,在page中仍然没用,在post中测试,在firefox下倒是可以正常显示出来,但要是在IE下查看的话,就成了一条竖线了!实在是百事不得其解!这里查看:http://www.candyzhang.com/

  21. 邹小洋 发表于2009-07-18

    在这个blog里看到这篇文章太惊讶了。。

  22. 77妈 发表于2009-07-20

    hehe 没看明白?惊讶什么呢?

  23. Dino 发表于2009-08-15

    非常感觉77妈哈!不错的教程!

  24. situhuang 发表于2009-08-16

    按你的教程一步步地在学。不过一开始就弄不明白,“把汉化包传到NextGEN Gallery文件里的lang目录,把实现幻灯片的FLASH文件传到NextGEN Gallery的根目录”,直接把压缩包上传进去吗?FLASH插件不用安装吗?好像没效果啊。

  25. 77妈 发表于2009-08-16

    re situhuang 当然是解压缩后上传,还要在WP里面激活这个插件才有用。

  26. 落花 发表于2009-09-14

    很好的介绍

  27. mmu 发表于2009-09-23

    向你求助,有的照片不知为什么不能生成缩略图,是因为照片太大的缘故吗

  28. 77妈 发表于2009-09-27

    回复mmu 不能生成有报错信息吗? 我曾经碰到过一种情况是因为ftp上传照片不完整或者上传上去的照片本身有问题

  1. 5 Trackback(s)

  2. 2008-07-19: hot to use nextgen gallery | MeHook
  3. 2008-12-21: 说话 » 新增WORDPRESS的相册插件NextGEN Gallery
  4. 2009-03-10: NextGEN Gallery ~ 最强WordPress相册插件
  5. 2009-06-23: CEdeYY » Blog Archive » 使用NextGEN Gallery 相册插件
  6. 2009-10-10: NextGEN Gallery 若干补充 - 77的小日子

想不想说点什么?别犹豫,马上发表!

您的名字: (*必填)
您的邮箱:(*不会被公布 ,必填)
您的网站: