如何在WordPress上创建一个In-Post图库

文章撰写者:
  • WordPress
  • 更新:Sep 05,2017

建立一个美丽的WordPress网站 不是火箭科学。

就像每个网站所有者如何拥有一组独特的目标一样,WordPress网站拥有无限可能的配置。 作为WordPress用户,您的主要目标是确定插件,内容和样式选项的完美组合,以获得真正引人注目的用户体验。

在这篇文章中,我们将介绍使用图像库为帖子增添趣味的最佳方法。

跳转到:

让我们开始吧!

方法#1:使用FooGallery

如果有一件事情,WordPress社区应该感激,那就是 免费插件库 这使得将有用的功能集成到他们的站点中变得容易。

FooGallery 是您可以用来创建内部图像库的最流行的插件之一。 它允许您创建漂亮,移动响应和视网膜就绪的画廊,而无需编写任何代码。

安装FooGallery的最快方法是通过WordPress仪表板。 转到插件>添加新,键入“FooGallery”,然后单击“安装”按钮。

安装和激活后,您可以通过单击FooGallery>添加图库来开始创建第一个图库。

插入一个标题,以帮助您确定图库的所有内容。 这对用户不可见,因此请随意使用您想要的任何标题。

要将照片添加到图库,请单击“图库项目”下的添加媒体。

这应该会显示熟悉的界面,您可以从媒体库中选择图像,或通过单击“上载文件”选项卡上载新图像。

将图像添加到图库时,请注意图像文件的标题和标题,因为您可以选择在用户将鼠标悬停在图片上时显示两个图标。

选择模板

上传完所需的所有图像后,请根据需要调整设置。 首先选择图库的模板。

该模板基本上决定了您的图库将如何显示。

例如,响应图像库模板将所有图像显示为网格,可根据屏幕大小自动调整:

另一方面,Image Viewer模板一次显示一个图像,同时为用户提供导航按钮:

请注意,其余可用设置取决于您的模板。 您可以找到的一些设置是图库的对齐方式,缩略图大小,悬停效果,网格间距,灯箱插件等。

您可以随意使用这些设置,直到获得所需的外观。 一个好的策略是在一个选项卡中打开图库,在另一个选项卡中打开测试页。

这导致了下一步 - 将图像库添加到帖子中。

将画廊插入帖子

基本上有两种方法可以将图像库添加到您的内容中:通过短代码和WordPress帖子编辑器。

要查找特定图库的短代码,请从仪表板转到FooGallery>图库。 单击短代码以自动将其复制到剪贴板。

接下来,只需将短代码粘贴到任何帖子或页面的内容区域中即可。 如果有效,您应该看到一个空白的图库占位符,底部显示短代码。

别担心 - 占位符不代表加载实际页面时图库的外观。

另一种方法是将画廊直接插入帖子或页面。 在WordPress仪表板中,打开您要使用的页面或帖子,然后单击编辑器中的“添加FooGallery”按钮。

这将打开“选择图库”窗口,您可以在其中找到可以使用的所有可用图库。 您还可以从头开始创建新的图库。

要添加图库,请单击其缩略图,然后单击“插入图库”按钮。

如果找不到要使用的图库,则可能只是从单独的选项卡中创建它。 在这种情况下,只需单击“重新加载”按钮即可刷新窗口。

改善FooGallery

可扩展性是FooGallery的最大优势之一。 通过访问FooGallery>设置,您可以更改插件工作方式的几个方面。

例如,在“图像”选项卡中,您可以将库的缩略图质量调整为最大100。

最后,FooGallery支持许多不同的轻量级扩展,增加了功能。 您可以通过转到FooGallery> Extensions来浏览扩展程序商店。

方法#2:创建没有插件的库

如果您没有被插件用于所有内容的想法所吸引,那么您可以考虑使用 内置WordPress功能 代替。

要创建没有插件的帖子库,请转到WordPress帖子编辑器,然后单击添加媒体。

从那里,选择“创建图库”选项,然后选择要使用的图像。

选择所有图像后,单击“创建新图库”按钮。

这将带您进入“编辑库”窗口,您可以在其中指定图像的顺序,要使用的列数以及图库的大小。

不要忘记为每个图像编写一个合适的标题,以便为用户提供一些上下文。 您还可以修改每个图像的链接行为。

如果您不希望您的图库以任何方式进行交互,请将此设置为“无”。

方法#3:其他插件替代品

我们现在已经探索了两个最流行的选项,用于向WordPress帖子添加帖子中的画廊。

为了给您更多的灵活性,您可以考虑以下几种FooGallery的替代方案:

由Huge IT组合的图库

网站: huge-it.com/portfolio-gallery/; 价格:40网站免费/ $ 1

Portfolio Gallery是巨大的IT WordPress插件生态系统的一部分。 这是一个易于使用的插件,可让您创建具有多个视图的高度交互式图库,包括全高块,内容滑块,弹性网格和灯箱库。

NextGEN画廊

网站: www.imagely.com/nextgen-gallery/; 价格:免费/ $ 69

在有效安装方面,NextGEN Gallery位居榜首,拥有超过100万的1用户。 FooGallery在这篇文章中出现的唯一原因是价格陡峭。 它还有一个更复杂的设置部分,对新用户来说可能有点混乱。 不过,它是一个可靠的插件,可以帮助您创建美观和响应式画廊。

Instagram Feed WD

网站: web-dorado.com/wordpress-instagram-feed-wd; 价格:25网站免费/ $ 1

您可以轻松使用Instagram Feed WD从Instagram帐户中提取内容并进入可自定义的图库。

这对于拥有Instagram存在感的摄影师和博主来说非常完美。

找到了如何创建在岗图像库所需的一切? 别忘了看看 必不可少的WordPress插件 每个网站都应该有!

关于Christopher Jan Benitez

Christopher Jan Benitez是一位专业的自由撰稿人,为小型企业提供吸引受众并提高转化率的内容。 如果您正在寻找有关数字营销相关内容的高质量文章,那么他就是您的家伙!随时在Facebook,Google +和Twitter上对他说“嗨”。