Products
GG网络技术分享 2025-03-18 16:14 11
WordPress 图库插件是轻松管理和显示您网站上的图像的好方法。如果您的网站有图片，那么 WordPress 图库插件是必备的。但是，在搜索“图库”一词时，搜索结果会超过 50 页，因此对 WordPress 插件存储库中可用的过多选项进行排序可能会让人不知所措。这就是为什么我们将这篇文章放在一起，通过分享我们最喜欢的四个最佳 WordPress 图库插件选择来节省您的时间。在本文中，将概述制作此列表的标准，向您介绍我们排名前四的 WordPress 图库插件，并告诉您是什么让它们脱颖而出。
还需要 WordPress 网站吗?查看我们的WordPress 网站构建器!
最佳 WordPress 图库插件的标准
WordPress 图库插件是专门为优化您在 WordPress 网站上管理和显示图像的方式而设计的插件，但它们的构建方式不尽相同。
这就是我们将其缩小到四个插件的原因。
至少有 300 条评论，获得4.5 星或更高的评价。
百分百免费。插件的高级版本可能可用，但此列表中的所有插件将仅审查提到的插件的免费版本中提供的内容。
通过设置这些要求，您可以放心，此列表中包含的每个插件都值得您花时间，将顺利运行并按照您的 WordPress 网站上宣传的那样运行，并且不会花费您任何金钱来下载和使用。
以下是目前市场上最好的免费 WordPress Gallery 插件我们最喜欢的选择，排名不分先后：
NextGEN Gallery
NextGEN Gallery 插件有充分的理由启动我们的列表。自 2007 年以来，它一直是业界标准的 WordPress 图库插件，并且每年继续获得超过 150 万次新下载。
NextGEN Gallery 是一个多功能插件，对于简单的照片图库来说足够简单，但对于要求最苛刻的摄影师、视觉艺术家和成像专业人士来说足够强大。
凭借近 700,000 个活跃安装，它赢得并保持了 4.5 星评级和近 4k 用户评论。
NextGEN 在前端和后端都使您的 WordPress 网站受益。
在后端，NextGEN 提供了一个完整的 WordPress 图库管理系统，能够批量上传照片、添加/删除/重新排列/排序照片、导入元数据、编辑缩略图、将图库分组到相册等等。
NextGEN 提供了一个完整的 WordPress图库管理系统，可用于制作幻灯片、缩略图和图像浏览器图库。
在前端，NextGEN 提供了三种主要的图库样式(幻灯片、缩略图和图像浏览器图库)和两种相册样式(紧凑和扩展)，所有这些都带有多种控制选项，例如大小、样式、时间、过渡、控件、灯箱效果等。
NextGEN 的主要功能包括：
直观的用户界面
三种图库风格
两种专辑风格
大量的自定义选项
无论您拥有哪种类型的网站，此插件都可以让您超级轻松地管理和自定义您的照片库。
Envira Gallery
Envira Gallery是一款快速、强大且易于使用的拖放式照片库插件。
该插件使使用其模板快速创建和自定义图库变得简单，并且被构建为对移动设备友好，因此可以轻松构建适用于移动设备、平板电脑和桌面设备的响应式 WordPress 图库。
Envira Gallery 的主要功能包括：
用于 WordPress 5.0 及更高版本的古腾堡块
拖放照片库生成器
100% 响应 - 移动友好
用于自定义的漂亮 WordPress 模板
相册 - 轻松组织您的照片库、选择封面照片等。
社交分享——在 Facebook、Twitter、Pinterest 和 Google+ 上分享您的照片
视频库 - 除了照片之外，您还可以在视频库中添加 YouTube、Vimeo、Wistia 和其他视频。
水印 – 使用水印保护您的图像免遭盗窃。
幻灯片 - 添加具有自动播放、手动控制等功能的自定义幻灯片。
Envira Gallery 还与 WooCommerce 兼容，使用户能够通过深度链接和分页使他们的图库对 SEO 友好。
Envira Gallery 是一个快速而强大的拖放照片库插件，可以轻松构建响应式 WordPress 图库。
其广泛的功能列表使 Envira 成为摄影师和艺术家的热门选择。
事实上，人们非常喜欢它，它获得了 4.5 星评级和超过 1,400 条正面评价。
FooGallery
FooGallery的活跃安装量已超过 20 万，是我们列表中唯一拥有完美 5 星评级的插件。那是因为它可能只是为任何可用的免费 WordPress 图库插件提供最佳价值。
该插件的免费版本使用户可以访问六种不同的响应式图片库模板：
响应式图片库
图像查看器库
砌体图库
简单的投资组合
正当图库
单个缩略图库
最重要的是，图库提供了大量的自定义功能，让您可以执行以下操作：
调整缩略图大小、间距和对齐方式
调整边框大小、圆角、阴影、内阴影
从一系列加载图标中进行选择
动画加载效果
悬停效果——调整颜色、缩放和图标
完全控制字幕
FooGallery 为图库提供拖放界面，为用户提供大量自定义选项。
此外，FooGallery 为图库提供拖放界面，并为那些不想拥有多页照片的人提供无限滚动选项和延迟加载。
就免费插件而言，FooGallery 真的很强大。
Modula
Modula是一个超轻且响应迅速的插件，只需从 WordPress 仪表板直接单击几下，即可轻松构建灯箱图库、砖石网格、自定义网格等。
这是向您的网站添加自定义、独特和响应式图库的绝佳选择。
Modula 还具有响应式拖放构建器，可让您为照片和视频创建可自定义的图库。
以下是您可以与 Modula Image Gallery 一起使用的功能：
常规 - 编辑照片库的外观和风格。
灯箱和链接 - 决定在灯箱图库中打开图像并直接链接到每个图像。
自定义标题 - 更改每个图像标题的字体、大小和颜色。
社交 – 启用社交分享图标以允许访问者分享您的作品。
加载效果 – 对正在加载的图像生成效果。
悬停效果 – 悬停在图像上时更改光标外观并添加效果。
样式 - 编辑边框和阴影设置。
加速 - 在图库中延迟加载图像。
自定义 CSS – 使用 CSS 自定义您的照片图库。
Modula 具有直观的拖放构建器，可让您为照片和视频创建可自定义的图库。
如您所见，Modula Image Gallery 具有一些强大的功能，可以创建简单但令人惊叹的照片库。
思路：
1、要有一个确定图片地址的方法：文章中的第一张图片，或者使用自定义栏目增加一个自定义值。
2、在前台调用确定好的图片：采用函数的方法还是直接调用图片。
实现如下：
前提：
任何调用最好都是在LOOP循环中，这样可以轻松的使用$post值。
1、调用文章中的第一张图片：使用$post->post_content获得文章内容，然后用匹配的方法得到第一张图片的src值。
| preg_match(\'/<img.+src=[\\\'\\\"]([^\\\'\\\"]+)[\\\'\\\"].* \\/>/i\',$post->post_content,$index_piclink); if(count($index_piclink) >= 2)$image_src = $index_piclink[1]; if(!strstr($image_src,\'http://\'))$image_src = false; |
2、调用一个自定义栏目：在写文章的时候，增加一个名词为post_thumb的自定义栏目，然后将图片的地址作为值建立它。如meta_key:post_thumb,meta_value:http://www.utubon.com/images/logo.png，然后通过以下的方法调用它：
| $image_src = get_post_meta($post->ID,\'post_thumb\',true); $image_src = trim($image_src) !== \'\' ? trim($image_src) : false; |
3、在文章循环中使用它们
| if($image_src)echo \'<img src=\"\'.$image_src.\'\" />\'; |
4、把他们做成函数
| function get_thumb_src($size = \'thumbnail\',$first_pic_in_ctonte = true){ global $post; $image_src = \'\'; if(function_exists(\'has_post_thumbnail\') && has_post_thumbnail()){ $image_id = get_post_thumbnail_id(); $image_src = wp_get_attachment_image_src($image_id,$size); $image_src = $image_src[0]; }else{ $image_src = get_post_meta($post->ID,\'post_thumb\',$single=true); if(!$image_src && $first_pic_in_ctonte){ preg_match(\'/<img.+src=[\\\'\\\"]([^\\\'\\\"]+)[\\\'\\\"].* \\/>/i\',$post->post_content,$index_piclink); if(count($index_piclink) >= 2)$image_src = $index_piclink[1]; if(!strstr($image_src,\'http://\'))$image_src =false; } } return $image_src; } function the_thumb_src($size = \'thumbnail\',$first_pic_in_ctonte = true){ echo get_thumb_src($size,$first_pic_in_ctonte); } |
这个函数（把它放在functions.php中）实现了对文章缩略图的挑选，如果已经有特色图片，则使用特色图片，如果没有就检查post_thumb自定义栏目，如果也没有就使用文章第一张图片，如果文章没有图片，就返回false值。在使用时如下：
| if(get_thumb_src())the_thumb_src(); |
以上就是wordpress怎么使用外链图片作为文章缩略图的详细内容，更多请关注网站的其它相关文章！
Demand feedback
