在 Elementor 中像专业人士一样添加和编辑图片库
虽然使用 Elementor 在创建页面或文章时非常有帮助,但我们也确实需要更多工具才能使其完美运行。其中一个值得一提的工具是图库管理器,它可以帮助我们改进已经非常强大的页面构建器。让我们来看看直接在 Elementor 中使用 WP Media folder 添加和编辑图库是多么容易。.
WP Media Folder拥有强大的工具,例如图库管理器,并可与所有主流页面构建器集成,只需点击几下即可创建非常棒的图库并整理媒体库!
在本教程中,我们将使用图库管理器直接从 Elementor 创建一个图库。.
表中的内容
使用 WP Media Folder创建 WordPress 图库
首先,我们将了解使用 WP Media Folder Gallery Addon 创建图库是多么容易。.
WP Media Folder和 Gallery 插件“媒体库”>“媒体文件夹图库”找到此图库管理器。
在此屏幕上,我们需要将鼠标悬停在“+ 添加新图库”,然后单击“+ 创建新媒体库” 。
这将打开一个模态框,我们可以在其中输入图库标题并选择主题。.
目前,我们暂且将其命名为“我的图库”,并保留默认主题。.
这将引导我们进入图库创建控制面板,其中包含许多设置和构建图库的选项,首先,我们将向图库添加图像。.
我们会注意到有很多方法可以将媒体添加到图库,主要方法包括从媒体库或直接从
电脑文件资源管理器,让我们来看看这两种方法。
首先,我们有媒体库选项,也就是 WordPress 图标,点击它。
点击这里即可打开媒体库,你会注意到我的媒体库里有文件夹,这要归功于WP Media Folder ,它让我能够使用媒体文件夹和筛选器以最佳方式整理所有媒体文件。你可以在这里,不过那是另一篇文章的内容了 ;)
现在要添加图像,我们只需要进入我们添加了要添加的图像的媒体文件夹,然后使用 ctrl + 单击选择图像,最后单击“导入图像” 。
这将把所有选定的图像添加到图库管理器中,使我们能够使用和调整它们。.
现在让我们看看如何直接从电脑文件资源管理器,为此,请点击文件夹图标。
完成此操作后,您的文件资源管理器将立即打开,以便您可以在文件夹内导航并选择要添加到图库中的图像。.
选择要上传的图片,然后点击“打开” 。
完成这些步骤后,我们就大功告成了!现在我们图库管理器中的所有图片都已准备就绪,可以用于我们的图库了。.
现在我们已经将所有图片都放置到位了,让我们检查一下图库设置,为此,请点击第二个选项卡“显示设置和短代码” 。
首先,我们可以看到我们有 8 个图库,每个图库都有自己的设置。.
我们来看看Masonry,这是一个经典的墙面,上面显示了许多不同尺寸的图像,正如我们在预览选项卡中看到的那样。
在设置中,我们可以选择所有选项,例如图像大小和 masonry 布局,让我们将其从当前的垂直布局编辑为水平布局,并将图像缩小。.
现在查看预览选项卡,确认一下现在的样子。
正如你所见,这是一款功能强大的优秀工具,只需点击几下鼠标,几秒钟就能完成修改并查看效果!创建图库以前从未如此简单!
在 Elementor 中添加 WordPress 图库
WP Media Folder 创建图库,接下来让我们看看如何使用Elementor。
要做到这一点,请转到您的页面或帖子(或创建它),然后单击“使用 Elementor 编辑”,页面构建器将加载。
在编辑器中,找到WP Media Folder Addon Gallery模块,并将其添加到您的内容中。
屏幕上会显示一个提示框,告知我们媒体库插件模块已添加。.
在左侧标签页中,我们可以选择想要的图库,也可以对其进行调整。.
首先,让我们选择我们在“选择图库”。
我们之前创建的图库将自动加载到页面构建器的模块下方。.
这里显示的是我们在图库管理器中选择的 Masonry 主题,让我们检查一下可以直接从区块设置中选择的所有主题选项。.
Masonry
这是一个非常好的主题,几乎可以完美适配所有页面,让我们能够展示大量图片。.
默认
这个主题允许我们以经典的方式显示图片,并同时显示图片标题。.
作品集
这样我们就可以用与默认主题类似的方式显示图像,但使用另一种字体,非常适合展示艺术作品。.
幻灯片
经典的滑块功能,允许我们在每张幻灯片上显示少量图片。.
流滑梯
与 Slider 主题类似,但动画效果不同,每张幻灯片只显示一张图片,但允许我们预览其他图片。.
方格网格
经典的方形图片库,鼠标悬停在图片上时会显示图片标题。.
材料设计
这是一个非常棒的主题,它允许我们显示带有漂亮阴影和标题的方形图像。.
自定义网格
当我们想要创建具有自定义图片尺寸/规格的图库时,能够让我们调整图片大小以达到理想效果的网格主题是最佳选择。让我们快速了解一下它在图库管理器中的运作方式。.
现在让我们看看左侧菜单中所有图库的可用选项。.
作为第二个选择,我们有显示图像标签WP Media Folder的标签系统在前端筛选它们时,该标签非常有用。
然后,我们有主题选择器,它允许我们在可用的主题(我们之前已经展示过)之间进行选择,并且还会根据所选主题显示具体设置,例如布局和滑块过渡持续时间。
我们可以继续查看,找到“选择图库”选项,以便从我们在媒体库管理器中创建的所有图库中进行选择。
图片尺寸,此选项允许我们从所有可用的图片尺寸中进行选择,从而调整图片,使它们看起来和我们的内容完美契合。
“灯箱大小”选项允许我们选择单击时显示的灯箱的大小。
我们还将提供点击操作,允许我们在点击图像时选择显示图像的放大版灯箱、跳转到另一个页面或什么都不做。
最后一个选项是排序设置,我们可以在这里查看和选择如何在图库中显示图片。.
当然,除此之外,我们还会提供在图像之间添加边距、更改悬停颜色、添加边框和阴影等设置。.
如您所见,使用 Elementor 微调我们的 WP Media Folder 图库并使其适应我们的页面非常容易!
使用媒体文件夹快速创建图库
作为补充主题,我们将展示如何使用 WP Media Folder 创建的文件夹在几秒钟内创建图库。.
此功能还可以让我们在将图片添加到文件夹时自动将其添加到图库中。.
首先,转到媒体库 下的媒体文件夹库(我们之前创建图库的地方),在此页面上,将鼠标悬停在“+ 添加新图库”按钮上,然后单击“从文件夹创建图库” 。
将显示文件夹资源管理器,我们可以在其中选择要使用的文件夹。.
点击“创建”,文件夹中的图片将自动加载到图库中,只需几秒钟即可创建一个图库!
当这些图片添加到我们刚刚选择的同一文件夹中的媒体库时,我们还可以自动添加图片,从而节省我们前往图库管理器并手动添加图片的时间。.
要使用此选项,“自动添加文件夹中的图像”,该功能位于右上角, “保存”按钮的正下方。
魔法完成了!文件夹本身就是图片,并且会自动显示在前端,我们还能要求什么呢?:)
开始使用 WP Media Folder 和您最喜欢的建站工具
我们还制作了一个视频,一步一步地讲解所有操作,您可以观看视频了解插件的实际运行情况,快来看看吧!
一款功能强大的插件,不仅可以创建图库,还可以整理媒体文件、从 Google Photos 导入文件并上传到云端!
它兼容所有主流建站软件,只需几个步骤即可帮助我们以最专业的方式整理和展示媒体文件,还在等什么?立即点击此处获取!
当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。


评论