你希望你的博客变得炫酷吗?你想把你的酷照拿出来晒晒吗?如果想为你的WordPress找个相册插件,那么NextGEN Gallery插件最适合了,功能很强大,提供了很完美的照片管理方法, *** 作也并不复杂。
Look一下NextGEN Gallery可实现的功能吧:
1. 浮水印功能,可在照片上加上文字或图片
2. 可自己编辑CSS文件,通过 css 你可以打造属于自己的相册风格 !!
3. 可以上传图片的压缩文件 (zip),或直接导入图片的文件夹,节约上传的时间。
4. 内建 JavaScript 效果 ,Thickbox,Greybox or Lightbox ,效果很炫。
5. Slideshow – 自动播放图片,还有许多变化效果。
6. Sidebar Widget – 随机显示图片的 widget 。
功能是非常的强大,可以官方整的却是英文版的,着实让人头痛啊!但,WordPress既然是世界的程序,那么,它还是有汉化包的,使用了汉化包,然后使用起来就方便多了。
NextGEN Gallery安装前的准备工作:
1、下载NextGEN Gallery插件:英文官方下载
2、下载插件的中文汉化包:官方下载
3、下载幻灯片插件: 官方下载
准备工作完成,开始进行安装:
1、将中文汉化包传到NextGEN Gallery文件里的lang目录,完成汉化 *** 作,然后,进行压缩成ZIP文件,把NextGEN Gallery传到wp-content/plugins目录;
2、把实现幻灯片文件夹中的的imagerotator.swf传到wp-content/uploads目录中即可。
3、登录wordpress后台控制面板激活该插件,这是后台左侧栏或多出个图集标签,点击标签会出现下拉列表,可以对其进行相应的设置:
下面我们简单介绍下列表中的这些链接的作用。
•总览:这个里面介绍当前服务配置的一些信息和插件的相关内容。
•新增图集/图片:添加新的图库,在这里可以添加新的图库、上传压缩文件、导入图片文件夹等 *** 作。如下图:
•管理图集:管理建立的图片库,可以添加图片的Alt、Title、Description、tag等信息。
•相册:添加相簿目录,你可以可以把建立好的Gallery目录拖拽到album中。
•标签:管理图片的相关Tag标签,新建、删除、编辑Tag都可以。
•选项:Gallery options的设置,设置生成缩略图的尺寸、图片显示尺寸、图片的相关设置等信息,这里面的设置 *** 作比较多,由于时间关系不一一说明了。
•样式:设置css样式,打造属于自己的相册风格
•安装:卸载相关插件
•权限:赋予图片管理者相关的权限
NextGEN Gallery使用:
1、激活后,点击“新增图集/图片”新建图片目录,然后,把相关图片上传的目录下,上传图片有三种方式,分别是“上传ZIP压缩文件”、“导入图片目录”、直接“上传图片”。大家可以选择自己喜欢的方式上传图片,到这里,你的图集就创建好了,但是想让它显示,还需要接着来。
2、选择相册选项卡,新增相册,然后选择这个相册,左边你会看见相册的相册“ID 1 : Album” ,中间你会看到你所有的图集“ID: 1| fengjin” ,你只需要把你需要的图集拖拽到左边的相册中即可,完了别忘了点击”更新“。
3、在页面或者文章页面中添加代码,调用幻灯片
调用语法:
[slideshow id=x w=width h=height]
[album id=x template=extend]** or **[album id=x template=compact]
[nggallery id=x]
[singlepic id=x w=width h=height mode=web20|watermark float=left|right]
使用这些语法进行调用相关的幻灯片就可以了!里面的ID是插件的编号!
如何想要在侧栏或任意页面动态显示相册照片,安装NextGEN Gallery后,会在在小工具选项卡出现 “NextGEN 幻灯片”、“NextGEN 资讯”以及“NextGEN Gallery 小工具” 三个可用Widgets,可以随意选择合适的Widgets安放到Sidbar中去。
这是没有链接的图片显示代码
<img src="http://demo.yqlyz.com/wp-content/uploads/2019/05/mao2019-05-27-06-08-10-844.jpg" alt="" width="1920" height="450" class="alignnone size-full wp-image-262" />这是有链接的图片显示代码
<a href="http://demo.yqlyz.com/wp-content/uploads/2019/05/mao2019-05-28-05-52-15-353.jpg"><img src="http://demo.yqlyz.com/wp-content/uploads/2019/05/mao2019-05-28-05-52-15-353.jpg" alt="" width="224" height="225" class="alignnone size-full wp-image-289" /></a>可以用js在前端给图片加上a标签。
$('img').wrap('<a href="' + $('img').attr('src') + '"></a>')首先,您需要注册一个OptinMonster帐户。您需要 Pro 帐户(或更高)。这为您提供了 MonsterLinks™ 功能,可让您创建点击d出窗口。接下来,您需要在您的 WordPress 网站上安装并激活OptinMonster 插件。这使您可以将您的 OptinMonster 帐户连接到您的 WordPress 网站。
如需帮助,请参阅我们关于如何安装 WordPress 插件的分步指南。
激活插件后,您需要连接您的帐户。您应该会自动进入欢迎页面。如果没有,只需单击 WordPress 仪表板中的 OptinMonster 链接。
单击“连接您的帐户”并按照屏幕上的说明进行 *** 作。
创建您的第一个点击d出窗口
将 OptinMonster 帐户连接到 WordPress 网站后,您就可以开始创建点击d出窗口。点击屏幕顶部的“创建新广告系列”按钮:
您将被直接带到 OptinMonster 网站。
Campaign Type 应该已经设置为 Popup。如果没有,只需单击 Popup 将其选中。
接下来,选择一个活动模板。稍后您将能够准确地修改它的外观。我们将在本教程中使用 Basic 模板。
将光标移到模板上,然后单击“使用模板”按钮。
现在,系统会提示您输入广告系列的名称。如果您在多个站点上使用 OptinMonster,请确保选择正确的站点。如果需要,输入一个新网站。然后,单击“开始构建”以创建d出窗口。
OptinMonster 将自动加载您选择的模板。
您可以编辑默认文本并在模板中添加或删除元素。只需单击要编辑的任何内容。
例如,我们将从表单中删除 Name 字段。只需单击该字段将其选中,您将在左栏中看到字段选项,包括将其删除的选项。
设计d出窗口后,下一步就是设计 Success 视图,这是人们在填写表单后看到的内容。只需切换到屏幕顶部的“成功”视图即可。
您可以像编辑选择视图一样编辑成功视图。例如,您可能想让用户立即下载 lead magnet。您可以在此处包含指向它的链接。
要添加图像链接,请单击图像,然后向下滚动到“添加图像链接?” 在左手侧。
您可以切换以启用图像链接并在“URL”框中输入指向您的铅磁铁的链接。
将您的d出窗口连接到您的电子邮件列表
对d出窗口感到满意后,单击屏幕顶部的“集成”选项卡。您需要将 OptinMonster 链接到您的电子邮件营销服务,以便您可以将人员添加到您的电子邮件列表中。
单击屏幕左侧的“+ 添加新集成”按钮。
接下来,从下拉列表中选择您的电子邮件提供商,然后按照说明将其连接到 OptinMonster。
注意:每个电子邮件营销服务的集成说明都不同。如果您遇到困难,OptinMonster 有一个详细的电子邮件集成指南列表。
将d出窗口设置为在单击时出现
现在,您需要配置d出窗口,以便在用户单击链接时出现。单击屏幕顶部的“显示规则”选项卡。
显示规则默认为页面停留时间。单击下拉菜单并选择“访问者单击 MonsterLink™”。
单击按钮复制您的 MonsterLink™ 代码。你马上就会需要这个。
使您的点击d出窗口生效
现在,转到“发布”选项卡并将您的活动状态设置为“实时”。您还可以检查或更改您的广告活动所连接的网站。
完成后,单击屏幕顶部的“保存”按钮。
接下来,您需要在您的 WordPress 网站上投放您的活动。
转到您的 WordPress 仪表板并单击 OptinMonster 链接。单击刷新营销活动按钮。
您应该会看到您的广告系列,显示为实时。如果您想随时禁用它,只需点击广告系列名称下方的“禁用”链接即可。
将您的 MonsterLink 添加到您的网站
现在,您需要将特殊的 MonsterLink™ 添加到您的站点。如果您之前没有复制它,您可以通过在 MonsterInsights 网站上返回您的广告系列的显示规则设置来获取它。
创建一个新的帖子或页面,或编辑您要添加链接的地方。
MonsterLink 是 HTML 代码,因此您需要将其粘贴到自定义 HTML 块中。
单击 (+) 按钮添加新块。自定义 HTML 块位于格式部分,或者您可以使用搜索栏搜索它。单击它以创建块。
现在,将您的 MonsterLink 复制到该块中。它应该看起来像这样:
您可以更改“点击我!”字样 到您要用于链接的任何文本。我们将使用“单击以获取 10 个奖励提示!”
放置链接后,您可以预览页面或发布以确保其正常工作。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)