如何为帖子中的所有图片添加数据属性

时间：2017-11-02 作者：Georgi Pehlivanov

我想在我的wordpress网站上使用他的图像缩放功能：Medium\'s Image Zoom in vanilla JS

但我不知道如何添加

data-action="zoom"
属性为贴子中附加的所有图像。我需要使用什么功能？谁能帮帮我吗？

2 个回复
最合适的回答,由SO网友:Drupalizeme 整理而成

你有很多选择。

您可以使用add_filter( \'the_content\', \'add_data_attributes\' );然后找到贴在帖子上的图片。

或者您可以使用image_send_to_editor 筛选更多here.

SO网友:DHL17

将此代码放在运行post循环之后的位置<?php get_footer(); ?>

    <script>
    jQuery(\'.wp-post-image\').attr(\'data-action\',\'zoom\')
    </script>

结束
标签： images   小码农  

相关推荐

Images are not shown

我可以在媒体/图书馆中看到我的图片，但不能在帖子中看到。问题似乎是图像的真实url以图像结尾。jpg（如果我转到这个url，我可以看到图像）。但在帖子中，我看到了“断开的图像链接”图标。当我检查图像url时，它以图像sizeXsize结尾。jpg，所以Wordpress出于某种原因添加了sizeXsize（例如1000x1000）。如何解决此问题？编辑1：我刚刚安装了WP。我试过theams 2111和215，同样的问题。我已经安装了很多插件，请看一下。Edit2：我已经停用了所有插件，仍然是同一个问题。