图片模式窗口（Lightbox效果）

[NewsPaper]

我们设计了这个模式窗口，以使用全尺寸高质量图像为您的网站访问者创造令人印象深刻的用户体验。当从一个图像切换到下一个图像时，主题会在背景中滚动到该图像，在图像的底部，您可以显示图片的版权来源。

视频浏览地址：https://www.youtube.com/embed/UoR89d16sBY?feature=oembed

如何设置模式窗口（lightbox）

I. 使用古腾堡的图像元素

从古腾堡添加图像元素并选择它，然后在侧边栏中检查“块”选项卡，您将在Theme Settings部分下找到LightBox选项。

主题设置LightBox选项

Lightbox-option.png (11.3 KiB) 查看 8870 次

II. 使用古腾堡的经典元素

第1步. 添加古腾堡的经典元素并使用添加媒体按钮将图像插入到您的内容中。

添加媒体

add_media.png (55.46 KiB) 查看 8870 次

第2步. 单击图像并按铅笔按钮。

铅笔按钮

pencil_button.png (469.58 KiB) 查看 8870 次

第3步. 在新窗口弹出窗口中：

1. 将图片模式设置为开启
2. 选择媒体文件来自链接到下拉列表。
3. 更新以保存您的更改。

设置模式

set_modal.png (223.53 KiB) 查看 8870 次

第4步. 更新/发布您的文章以保存更改。

更新发布文章

update.png (590.53 KiB) 查看 8870 次

第5步. 现在，您应该有一个带样式的图像灯箱。当从一个图像切换到下一个图像时，主题会在背景中滚动到该图像，在图像的底部，您可以显示图片的版权来源。

图片模式预览

2015-06-17_9-29-03-1024x664.png (616.94 KiB) 查看 8870 次

全局设置

可以从Theme Panel -> Post Settings中全局启用该模式。该模式将应用于使用古腾堡中的图像设置的所有文章图像，以及来自古腾堡经典元素的图像，这些图像具有指向媒体文件的图像，因此您不必转到每篇文章来单独设置它们。如果禁用此功能，则会应用各个成像设置。

主题设置

modalImage.png (56.24 KiB) 查看 8870 次