iXiNX Club开放性测试进行中,欢迎体验反馈,如有任何问题均可联系管理员
iXiNX Club主要为自用型文档社区,同时也开放共用文档,欢迎爱好者加入并共享内容,翻译文档

页面选项:文章设置:图片模式窗口(Lightbox效果)

版主: Code

回复
N
NewsPaper
二级成员
帖子: 137
注册时间: 2024年 3月 17日 21:33

页面选项:文章设置:图片模式窗口(Lightbox效果)

帖子 NewsPaper »

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

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

如何设置模式窗口(lightbox)

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

从古腾堡添加图像元素并选择它,然后在侧边栏中检查“块”选项卡,您将在Theme Settings部分下找到LightBox选项。
Lightbox-option.png
II. 使用古腾堡的经典元素

第1步. 添加古腾堡的经典元素并使用添加媒体按钮将图像插入到您的内容中。
add_media.png
第2步. 单击图像并按铅笔按钮。
pencil_button.png
第3步. 在新窗口弹出窗口中:
  1. 将图片模式设置为开启
  2. 选择媒体文件来自链接到下拉列表。
  3. 更新以保存您的更改。
set_modal.png
第4步. 更新/发布您的文章以保存更改。
update.png
第5步. 现在,您应该有一个带样式的图像灯箱。当从一个图像切换到下一个图像时,主题会在背景中滚动到该图像,在图像的底部,您可以显示图片的版权来源。
2015-06-17_9-29-03-1024x664.png
全局设置

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