获取文章里面的相册简码中的图片地址,然后优化相册显示效果
文 / @WordPress主题
优化WordPress相册显示效果的方法
您好,我是一名涉猎于web开发、用户体验设计等领域的小本本。在此向大家推荐一个WordPress相册的优化方法。
获取相册中图片的缩略图
以往相册内的图片会默认显示缩略图,必须点击才能查看大图。但在文章内,我们可以通过获取相册中的图片地址,再循环输出显示这些图片,从而增强显示效果。具体操作方法为利用WordPress的get_post_gallery_images函数, 获取文章中的相册图片的地址列表,再将其循环输出即可。代码如下:
$gallery=get_post_gallery_images($post);//获取文章里面的相册
foreach($gallery as $link){
echo'<a href="'.$link.'">';
echo '<img src="'.$link.'" alt=""/>';
echo'</a>';
}
获取相册内的图片后,你可以通过CSS或者JavaScript来优化WordPress相册的显示效果。
获取相册中图片的原始图
虽然上面的方法已经展示了相册内的缩略图,但要实现Lightbox效果查看完整图片,还需要获取相册内的原始图片。遗憾的是get_post_gallery_images没有为我们提供图片大小的参数,此时我们就需要使用另一个函数:get_post_gallery来获取图片的原始图。
$gallery=get_post_gallery($post,false);//获取相册中图片的id
$ids=explode(",",$gallery['ids']);//转化为数组
foreach($ids as $id){
$link=wp_get_attachment_url($id);//根据图片id获取原始图片
echo'<a href="'.$link.'">';
echo '<img src="'.$link.'" alt=""/>';
echo'</a>';
}
上述代码中$gallery获取文章相册中的id,使用explode函数将其转化为数组,再依次循环输出。
通过这两种方法,我们可以优化文章内的WordPress相册显示效果,增强用户体验。
相关文章
-
如何创建WordPress古腾堡编辑器的区块(PHP+原生JS) 2024-01-10 01:01:06
-
搭建一个WordPress网站需要多少成本 2023-11-06 00:09:51
-
Symlink介绍(附:如何使用Symlink进行WordPress开发) 2023-11-05 23:38:32
-
让WordPress实现数据库同步的插件:HyperDB 2023-10-24 23:40:49
-
allegro电商平台值得做吗(附:2023年Allegro注册流程指南) 2023-10-08 21:53:39
-
印度跨境电商平台有哪些(附:印度跨境电商做什么产品好) 2023-10-08 21:34:23
-
跨境电商必看的几大海外二手电商平台 2023-10-08 18:04:42
-
WordPress同城互联网产品解决方案:UBASE 2023-10-03 16:40:39
-
WordPress网站的安全插件:wordfence 2023-09-14 09:25:18
-
WordPress 6.3 支持在手动更新插件和主题失败后回滚旧版本 2023-08-28 16:58:45