将媒体/附件ID附加到图库短码HTML输出

时间:2020-03-16 作者:tylorreimer

我一直在寻找一种简单而优雅的解决方案,将媒体/附件ID附加到我的[gallery] 短代码html输出。我已经看到了重写[gallery] html标记,但没有一个非常简洁,我相信有一个钩子或过滤器可以实现这一点。

其思想是将ID作为HTML ID或(id=) 或作为数据属性(data-id=) 然后使用JS跟踪图像的视图计数。在这种情况下,我不需要JS部分的帮助。

有人能提出实现这一目标的最佳方法吗?

1 个回复
SO网友:Tom J Nowell

WordPress already does this, 至少有两种方式

例如,以下是<img> 本地测试安装上标准库块的标记:

<img src="http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n.jpg" alt="" data-id="15" data-full-url="http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n.jpg" data-link="http://one.wordpress.test/?attachment_id=15" class="wp-image-15" srcset="http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n.jpg 750w, http://one.wordpress.test/wp-content/uploads/2020/03/80694475_10220097889178767_6336534537924771840_n-300x229.jpg 300w" sizes="(max-width: 750px) 100vw, 750px">
<有一个数据属性:data-id="15"class="wp-image-15"data-link="http://one.wordpress.test/?attachment_id=15", 虽然这可能只在作为旁白登录时出现,但您知道当您上载图像时,它会创建一个类型为attachment 那些帖子有自己的模板页面和URL?只需将分析片段添加到这些附件页,并确保图像始终链接到其“媒体页”,您就可以得到您想要的内容

相关推荐

“Enable Media Replace”插件不更新WPMeta中的序列化对象

我们使用WooCommerce和一个名为Product Documents的WooCommerce插件(https://woocommerce.com/products/product-documents/) 将PDF媒体文件与在线商店中的产品关联。然后,我们的客户端使用名为Enable Media Replace的插件(https://wordpress.org/plugins/enable-media-replace/) 在发布新版本的PDF时交换媒体文件。我们希望所有的产品文档链接也得到更新。如果我