相信许多朋友都遇到过这种问题,在用wordpress写博客时,插入大图后发现博文的宽度有限,而我们的图太宽,这时候图片就会根据宽度缩放,往往图片会被压缩到看不清上边的内容,这个时候最好的解决办法就是单独给这张图片加一个Lightbox效果,WP Featherlight就是一款轻量的单张图片lightbox插件。

WordPress单张图片Lightbox插件WP Featherlight

这款lightbox插件是免费的,可以在wordpress插件中心下载安装

插件属于安装即用类型的,没有其他选项

使用也很简单,在文章中找到需要lightbox效果的图片,为每个想要加入lightbox效果的图片添加链接属性到媒体文件,如下图

WordPress单张图片Lightbox插件WP Featherlight

当图片添加lightbox效果后,鼠标悬浮在图像上之后图标会变成一个放大镜,提醒用户该图片可以放大查看

下图为lightbox效果,点开图片后自动添加黑色半透明遮罩,非常简洁没有多余的元素,仅带一关闭按钮,支持图片外点击关闭,响应式设计

WordPress单张图片Lightbox插件WP Featherlight

WP Featherlight整体来说做的很简单,没有什么特色的元素,但是这样也使它显得轻量,而且和大部分主题搭配使用都看起来很和谐,喜欢简单的朋友可以试试,如果你喜欢功能比较多的,推荐使用Modulobox,非常强大的付费灯箱插件

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。