wordpress知识库
网站首页 > 知识库 > wordpress知识 >

如何在WordPress中从NextGEN切换到Envira Gallery

2019/11/30

NextGEN Gallery和Envira Gallery都是易于使用的拖放式图库插件。但是当我们在我们最好的wordpress图库插件文章中比较它们时,我们发现每个都迎合了不同类型的wordpress用户:

  • Envira Gallery –一个出色的全能画廊插件,计划起价为每年39.50美元。可以获得适用于各种用例的插件,例如视频库、WooCommerce和SEO的深度链接。在所有顶级图库wordpress插件中,它的执行速度也是最快的。
  • NextGEN Gallery –起价为每年69.50美元,此插件更适合专业摄影师。它带有多个图库模板、水印和电子商务工具来销售照片。

总而言之,如果需要一个高级插件以用户友好的方式显示多个图像,那么Envira是一个很好的选择。NextGEN Gallery插件也很棒,但它更适合专业用途,尤其是考虑到它的价格标签。

考虑到这一点,让我们看看如何从NextGEN切换到Envira以在wordpress.org网站上显示图像。

从NextGEN切换到Envira的第一步是安装并激活Envira Gallery插件。

虽然Envira有免费版本,但需要其中一个高级计划才能访问NextGEN Importer Addon。这是您稍后将用于转移NextGEN画廊的内容。

插件激活后,可以从wordpress仪表盘转到Envira Gallery » Addons。之后,找到NextGEN Importer Adon,然后单击“安装”。

在Envira Gallery中安装NextGEN Importer插件

现在,您应该看到状态更改为“非活动”,并且按钮文本将显示“激活”。

只需单击按钮即可打开插件。

在Envira Gallery中激活NextGEN Importer插件

第2步:选择要导入的NextGEN照片库

此时,可以继续刷新wordpress管理区域。然后,转到Envira Gallery » NextGEN Import。您现在应该看到要导入的NextGEN库列表。

勾选您要转移到Envira的画廊旁边的框,然后单击“导入画廊”。

选择要导入到Envira的NextGEN库

等待几分钟,让插件完成导入。

如果照片库插件成功导入了文件,那么您应该会看到如下消息:

将NextGEN库导入Envira时显示的成功消息

第3步:编辑wordpress Envira图片库

现在,图像库已经导入,可以进一步编辑它。

需要做的是转到Envira Gallery » Envira Gallery 并将鼠标悬停在新导入的画廊的标题上。然后,点击“编辑”。

在Envira中编辑导入的NextGEN库

你可以在这里做很多事情。

在用户界面的顶部,可以从媒体库、桌面或其他来源(如Instagram帐户)添加新图像。

向Envira库添加新文件

如果向下滚动,将找到更多自定义选项来配置新库。

在“图库”选项卡中,可以管理图像、删除它们或根据需要对它们进行排序。

配置Envira的图库设置

切换到“配置”选项卡,可以更改图库的许多不同元素。

一个是画廊布局。可以选择自动(布局将根据图像数量和大小自动调整)、Mason、Grid、Square、Blogroll或BnB。

配置Envira Gallery的布局

向下移动页面,将找到更多图库显示选项。在这里,我们建议启用延迟加载功能以加快wordpress网站性能

其余的设置,如标题或说明以及缩略图的裁剪位置,可以根据需要进行调整。根据库布局,可以在此处找到要配置的更多设置。

在Envira Gallery中启用延迟加载功能

让我们继续切换到“灯箱”选项卡。灯箱基本上是一项功能,当用户单击图像时,它会在全屏弹出窗口中显示图像。

我们在关于如何添加具有灯箱效果的wordpress图库的文章中详细介绍了配置灯箱设置。

Envira Gallery的灯箱设置

接下来是“移动”选项卡。

此处的设置可以使图库响应速度更快,并且在移动设备上查看时看起来更美观。

如果您勾选“创建移动图库图像”设置,则意味着可以为移动设备启用或禁用特定图像以节省一些屏幕空间。

配置Envira Gallery的移动图库设置

通过“独立”选项卡,可以为画廊创建专用页面,并为其使用自定义页面模板。

但是,如果wordpress主题没有自定义页面模板,那么可以跳过此选项卡并继续转到“杂项”。

在此选项卡中,可以编辑图库的slug、添加自定义CSS类、从计算机导入或导出图库、将图像复制到另一个现有图库以及启用从右到左的语言功能。

Envira Gallery的杂项设置

对设置感到满意后,向上滚动到“发布”部分。

然后,只需单击“更新”即可正式更改。

更新Envira Gallery设置

第4步:显示导入的照片库

编辑完图库并看起来不错后,让我们开始将其添加到页面、文章和您网站的其他部分,这些部分是NextGEN图库曾经所在的位置。

Envira图片库插件提供了三种在wordpress中插入画廊的方法:使用Gutenberg块、简码或模板标签。让我们来探讨一下每种方法。

添加Envira Gallery Gutenberg区块

首先,转到NextGEN图库所在的页面或文章。之后,可以单击“+添加块”按钮以找到Envira Gallery块。

在wordpress区块编辑器中添加Envira Gallery区块

只需将块拖放到屏幕上看起来最好的位置即可。

然后,键入您之前刚刚导入和编辑的库的名称。

选择要插入到Envira Gallery块中的库

完成后,可以使用“阻止设置”侧边栏进一步配置阻止。此处的编辑选项与上一步中提供的编辑选项类似。

或者,可以从桌面或媒体库将新图像添加到库中。

在wordpress区块编辑器中编辑Envira Gallery区块

在此阶段,可以删除此页面上的NextGEN Gallery块或简码。

需要做的就是单击块工具栏中的三点菜单,然后选择“删除”。

删除wordpress中旧的NextGEN Gallery块

现在,只需单击页面右上角的“更新”按钮即可进行更改。

使用简码将Envira库添加到wordpress

另一种方法是使用Envira提供的短代码并使用Shortcode块插入它们。如果Gutenberg块不起作用,建议使用此选项。

要查找图库的简码,可以转到Envira Gallery » Envira Gallery并在“简码”列中复制代码。

复制Envira Gallery简码

或者,可以打开画廊并导航到“Envira代码”部分。

顶部的两个短代码(带有ID的短代码和带有slug的短代码)的工作方式基本相同。添加后,简码将像往常一样显示图库。

同时,如果您想添加一个将用户引导至图库的链接,请使用下面的特殊简码。

Envira Gallery编辑器中的Envira简码

可以将这些简码添加到页面、文章或任何其他小部件就绪区域。有关分步指南,请前往我们的如何在wordpress中添加简码文章。

在主题文件中添加Envira模板标签

最后一个选项是通过将Envira的模板标签插入主题文件来显示Envira图像库。可以在图库编辑器的短代码列表下方找到这些标签。

图库编辑器中的Envira图库模板标签

如果要在网站的页眉或页脚中显示库,建议使用此方法。或者,您可能想一次在所有页面和文章上显示图库。

由于插入自定义代码可能会破坏网站,因此我们建议使用WPCode。这个代码片段插件可以轻松安全地将代码添加到wordpress,而无需直接与核心文件交互。

首先,在wordpress网站上安装插件。然后,转到代码片段» +添加代码片段。完成此操作后,只需选择“添加自定义代码(新代码段)”,然后单击“使用代码段”按钮。

在WPCode中添加自定义代码

然后,继续插入代码段的标题。这只是为了便于识别。它可以是“Envira Gallery Snippet”之类的东西。

之后,将代码类型更改为“PHP代码段”。

现在,将Envira的一个模板标签复制并粘贴到“代码预览”框中。虽然它们看起来不同,但它们实际上的工作方式相同。它们的区别在于一个使用画廊的ID,而另一个使用其slug。

在WPCode中插入Envira Gallery模板标签

在此阶段,可以向下滚动到“插入”部分。可以将Insert方法保留为“自动插入”。

至于位置,可以选择最适合您需求的位置。

例如,如果要在标题区域中显示库,请选择“站点范围标题”。如果您希望图库显示在博客文章标题之前,请选择“在文章之前插入”。

之后,激活代码并单击“保存代码段”。

配置WPCode的插入方法和位置

现在,只需确保访问网站以查看代码是否有效。

以下是我们使用“在发布之前插入”位置时测试站点的样子:

Envira Gallery在博客文章之前插入时的样子示例