Droppics文档

 

介绍

Droppics是一个Joomla扩展,用于以智能和高效的方式生成图库和管理图像。

 

Droppics,主

主要特点:

  • 只需3次点击即可创建一个带灯箱的图库
  • 使用编辑器和前端的Droppics
  • 管理图像之间的视频
  • AJAX多上传
  • 上传时生成缩略图
  • 显示没有CSS的自定义
  • 从原始尺寸和自定义尺寸重新生成图像
  • 包括画廊设计主题
  • 多层画廊
  • 使用拖放功能订购图像和图库
  • SEO优化

 

I. DROPPICS安装

1.1安装

我们的组件与Joomla 3.x兼容。 所有会员都包含所有功能和第三方集成。
要安装我们的组件,您必须下载.zip文件并使用标准的Joomla安装程序。

 

的Joomla安装

 

然后单击“浏览”>“上载并安装”按钮。 默认情况下,将安装并激活组件,模块和插件。

 

1.2更新和自动更新程序

为了更新扩展,您可以通过从JoomUnited或。下载.zip文件来安装旧版本 使用自动更新程序 (推荐的)。

 

droppic更新

 

推送更新通知的自动更新程序嵌入在您安装的Joomla扩展中。 您将收到与仪表板中任何其他扩展程序一样的通知,或者您可以使用菜单手动检查: Extension> Manage> Update菜单。

 

登录您的帐户进行更新

您需要登录到您的JoomUnited帐户才能更新所有JoomUnited Joomla扩展程序。 要登录,请访问组件的主要配置,然后单击 实时更新选项卡。 在底部,您将找到一个登录按钮。

 

实时更新

 

输入您用于登录www.joomunited.com的相同JoomUnited凭据

 

登录-joomunited

 

按钮将变为橙色 - 恭喜! 您现在可以更新本网站上的所有JoomUnited扩展! 如果您的会员资格已过期,您将获得续订链接和解释该信息的文本。

 

帐户链接

 

注意:一次登录将允许您更新所有JoomUnited扩展(关于您的成员资格)。 除非您断开连接,否则登录将不会过期。

II。 DROPPICS GALLERIES

Droppics的主要思想是在组件中设置图像和图库的参数,然后直接从编辑器管理它们。 Droppics适用于每个Joomla标准WYSIWYG编辑器,用于前端和后端。 例如,您可以在自定义Joomla模块中添加库。


安装Droppics时,您在编辑器下方或编辑器中显示编辑器插件按钮(取决于使用的编辑器)。

 编辑画廊经理

单击它打开主Droppics灯箱。

 

灯箱,画廊

 

2.2管理画廊

要创建图库,请单击 新唱片 在左栏中。

 

新画廊

 

注意:已在组件安装时创建默认库。


要在图库中添加新图像,您可以将媒体拖放到中心部分或单击 选择文件按钮.

 

上传图像

 

在用户上传,订购,移动,删除或编辑图像后,右上角将显示通知弹出窗口。

 

通知,弹出文件

 

选择一个或一些图像上传它们。 上传器由HTML5提供支持,因此您可以发送大图像。 它们将自动调整为全局参数中定义的大小(默认为1200px)。


使用拖放功能上传图像时,可以重新排序图像。 订单会自动保存,这就是没有要保存的按钮的原因

dragndrop图像阶

要在文章中插入图库,请单击 插入此图库 右栏中的按钮

 

插入画廊内容


 
图库将在您的文章中实现 Droppics图标.

 

画廊物化

 

保存您的内容并完成 - 您的第一个图库已经在线! 如果单击文章中的Droppics图库图像,然后单击Droppics按钮,则将重新加载选定的图库。

注意:如果在配置中激活,您可以从右侧菜单中设置每个库中的显示参数。

 

默认主题允许您定义:

  • 边框大小
  • 边界半径
  • 边框颜色
  • 图像阴影颜色和大小
  • 保证金左,保证金顶部,保证金权利,保证金底部
  • 是否加载子画廊
  • 幻灯片主题中提供了一些其他参数,例如转换延迟,效果......

 

2.3子画廊

在Droppics中,您可以管理多级库。 要添加图库子级别,只需拖放图像类别以排序或更改级别。

 

为了形象画廊

 

要激活子库导航,您需要从右侧菜单中设置父类别中的参数。

 

子画廊

 

如果您已从全局配置中禁用了库设置和设置,请使用菜单 组件> Droppics>选项>选择要设置的主题.

 

设置 -  subgalleries

 

由于您有子画廊,您将能够在前端导航它们。 您的所有子画廊都会自动生成导航缩略图。

 

subgalleries-前端
 

使用图像类别中的第一个图像自动生成子图库缩略图。 进入子库后,您还可以选择要用作后退按钮的图像 选项>主要参数 菜单。

 

回退类别

 

可以在管理部件的全局选项中设置图库级别的默认状态:打开或关闭所有图像类别的打开Droppics。 如果你有大量的画廊,它可以节省你的空间。

 

特写影像类别

 

2.5复制 - 剪切 - 粘贴图像

将图片上传到Droppics后,您可以通过单击进行单个/多个选择。 您可以按住CTRL选择多张图片。 移动或复制图片的第一种方法是使用拖放。 单独拖放将移动图片,在按住Shift的同时拖放将复制图片。

 

拖放图像

 

您也可以使用右上角的按钮。

 

复制粘贴,按钮

 

III。 单一图像管理


3.1单图像显示选项

使用Droppics,您可以在图库中使用相同的图像,也可以在内容中使用单个图像。 打开Droppics,单击图像,右侧面板将更改。 从顶部您可以定义:

  • 边界半径
  • 余量
  • 边框大小
  • 边框颜色
  • 阴影大小
  • 阴影颜色
  • 对准

 

image-parameter1

 

完成修改后,不要忘记点击保存。

默认情况下,可以为组件选项中的所有图像设置所有这些参数。

 

单文件参数

 

然后,您可以使用可选的外部链接和标题(图像下方的文本)定义图像点击操作:

 

image-parameter2

 

点击操作将确定用户是否:

  • 在灯箱中打开图像
  • 点击文章或菜单的链接
  • 点击指向自定义网址的链接
  • 没做什么
  • 查看图片下方的标题

复选框选项“在图库视图中关注自定义链接”会将链接行为添加到单个图像,但如果您在内容中插入整个图库,它也可以在图库视图中使用。 此功能经常用于投资组合页面。

菜单和文章的链接由一个工具完成,可帮助您更轻松地在列表中查找内容。

 

图像链接库

 

单击单个图像时,您可以选择替换Joomla网站上的图像。 上传一个新的,Droppics将重新生成包括自定义尺寸在内的所有图像尺寸,并将其替换为您的内容!

 

图像替换

 

如果激活了 图像预览 在设置参数中,您甚至可以激活鼠标悬停图像效果。

 

悬停图片

 

以及上传过程。

 

上传过程

 

3.2创建自定义图像大小

您可以使用原始文件创建一些自定义大小的图像,原始图像将保持不变。 点击 新尺寸 单选按钮,至少定义宽度和文件名以生成新图像。 图像文件的新名称和大小将添加到列表中。

 

像自定义尺寸

 

自定义图像大小也可以在上传时自动生成。 要定义自定义尺寸,请使用菜单: 分量> Droppics>选项>单张图像>自定义尺寸。

然后,您可以在上传时添加默认情况下要创建的图像自定义尺寸。

 

自定义尺寸的图像

 

生成自定义图片后,您就会在图片列表中看到它。 然后只需点击即可 插入这张照片 在你的文章中添加。

 

图像内容中的
 
通过单击图像然后再单击 Droppics 按钮,图像将再次打开其所有参数。

 

重新打开图像

 

对于SEO目的,您可以定义标题,替代文本并更改原始文件名。

 

搜索引擎优化的图像信息

 

3.3对图像应用效果

您可以对图像应用滤镜和效果。 在图像大小的右侧,单击 “编辑”笔图标.

 

开放式效应

 

您将看到一个带效果的屏幕。

 

图像效果的视图


 
您可以应用修改和效果:

  • 作物
  • 调整
  • 镜子
  • 旋转
  • 应用一些造型效果

 

IV。 DROPPICS参数


4.1扩展参数


要访问Droppics参数,请使用 组件> Droppics>选项 菜单。

 

全球参数

 

  • 缩略图大小: 导入图像时生成的所有缩略图的大小,或者在库中显示的缩略图的大小以及单个图像的大小
  • 中等大小: 例如,在灯箱中使用的放大图像的大小
  • 原始上传大小: 存储在服务器上的原始图像的大小,用于生成新的大小
  • 响应式图像:使其能够生成2个新的图像尺寸,宽度为768px和300px,将加载到移动设备屏幕上
  • 显示灯箱标题: 在灯箱中打开图像时显示图像标题
  • 灯箱中的图片大小: 图片的大小显示在灯箱中; 如果你选择 如果你以前从未做过,请记得为其文件夹重新生成图片
  • JPG质量: 设置.jpg图像的质量
  • PNG压缩: 如果您想在上传时压缩图片,请使用它

 

作物选项

  • 图像裁剪: 您可以根据您在开头定义的尺寸在上传时裁剪图像 - 否则图像比率将得到尊重
  • 关闭类别: 加载打开或关闭的管理类别/子类别视图
  • 定义无限滚动选项: 逐步加载图像,而不是页面加载时的所有图像
  • 元素首先加载: 最初加载的元素数
  • 在ajax中加载的元素: ajax中加载的元素数
  • 在类别中加载主题: 在每个文件类别中加载和更改主题参数
注意:如果您更改图像大小或激活响应功能,则需要执行 缩略图再生。 请单击按钮并重新生成所有图像大小。

 

缩略图再生

可能需要一段时间取决于图像的数量,只是耐心:)

4.2权限和前端图像管理


Droppics使用Joomla的默认ACL来设置对图像管理的访问。 默认情况下,超级管理员用户将始终可以访问所有图库。
 
如果您需要限制某些用户的访问权限,请至少将其放在管理员组中或创建新的Joomla用户组。 例如,如果您想要管理员用户 只访问和编辑自己的图像,设定 “编辑”权限为“拒绝”和“编辑自己”为“允许”。 您还可以限制:

  • Droppics配置访问
  • 接口访问
  • 图像/图库创建
  • 图像/图库删除
  • 编辑/拥有文件编辑

 

droppics许可权

Droppics提供了使用编辑器按钮(如管理员侧)或使用专用界面管理前端图像的选项。 安装Droppics时,会添加一个模板来执行此操作。
使用Joomla菜单在前端加载Droppics。 当然,您设置的所有权限都将得到尊重。

添加Joomla菜单并设置 Droppics前端模板样式.

 

droppics菜单

 

然后,如果您被允许,您可以从网站的前端管理图像。

 

前端图像版

 

4.3主题和图像设置

使用Droppics,您可以允许在每个图像和图像类别中定义主题和图像参数,或仅作为全局设置。

 

负载主题参数

 

仅当您不允许在图像类别中进行修改时,才会应用全局配置中的所有主题设置。

 

主题配置

 

以下是图像类别中允许和不允许的主题设置的说明。 在第二张图片中,您只能切换主题,但不能更改主题设置。

 

主题选项

 

4.4远程视频

Droppics可以在图像中包含来自Youtube,Vimeo和Dailymotion的远程视频。 要激活该选项,请使用 分量> Droppics>选项>添加远程视频 菜单。
您还可以定义视频的默认宽度,以便将其添加为单个视频或加载到灯箱中。

 

远程视频

激活此设置将在上传按钮上方添加一个按钮。

 

添加远程视频

 

您需要添加的唯一内容是视频的网址。

 

附加远程视频网址

 

4.5 Droppics图像导入器

Droppics有一个媒体导入程序,可以从您的服务器浏览和导入图像。 要激活该选项,请转到 组件> Droppics>选项>主参数选项卡>显示图像导入参数.

 

图像导入

 

然后使用Droppics主界面选择某些媒体并将其导入所需的类别。

 

进口商选择

 

4.6图像水印

Droppics可以自动为图像应用水印(版权)。 首先,你需要启用 图像水印 组件配置中的功能。

 

使水印

 

然后选择要应用于图像的水印图像 - 它可以是任何图像,但要注意尺寸。

 

选择水印

 

您可以在5个位置放置水印:

  • 中央
  • 左下方
  • 右下角
  • 右上
  • 左上方

 

水印位置

 

应用水印时可能的大小为:

  • 各种尺寸
  • 缩略图
  • 介质
  • 自定义大小

注意: 只有在保存设置并重新生成缩略图后才会应用水印(单击“重新生成缩略图”按钮)。

 

图像水印

 

V. DROPPICS主题

5.1主题演示


Droppics有6个主题:

  • 默认主题
  • Masonry主题:这是一个显示照片墙的响应主题
  • 幻灯片主题显示图像轮播
  • 类似宝丽来的设计主题
  • 快照主题,这是一堆照片,具有很好的效果,可以在它们之间切换
  • 自定义高级幻灯片主题,在图像上使用自定义文本编辑器

 

画廊主题图像-PARAMS

 

 


在图库上应用主题后,您可以在单个图像上设置与主题相关的选项。 例如,在这里我将画廊主题设置为高级幻灯片,因此我可以在图像上添加一些文本。

 

定制幻灯片主题


在masonry主题中,您可以设置图像的最大宽度。

 

masonry-配置

 

VI。 DROPPICS提示和技巧

Droppics可以在每个WYSIWYG编辑器字段中使用 - 您只需要调用内容插件。 大多数情况下它默认激活。
请注意,Joomla自定义HTML模块中不是这种情况 - 您需要像上面一样激活它。

 

定制模块

 

在选项选项卡中,您需要设置 选项准备内容为是.

 

6.2创建/覆盖Droppics主题

您可以自定义和添加主题到Droppics。 我们不使用标准MVC Overrides,而是使用Joomla默认插件系统。
Droppics主题是插件,它们位于/ plugins / droppics文件夹中。

您必须复制一个插件并更改插件的名称以创建新插件(pluginname.xml和插件的类名)。
然后通过标准的Joomla安装程序安装它。 它应该显示在主题列表中。 然后,您可以在此主题中执行所需的所有更改,它不会受更新的影响。