如何在wordpress中删除文章图片的宽度和高度属性(WordPress删除网站标题)

Wordpress1年前 (2023)发布 SUYEONE
910 0 0

在使用WordPress时,有时我们需要上传图片至媒体库,但系统会自动为这些图片设置高度和宽度属性。在某些特定场景下,我们可能希望去除这些属性。以下是如何实现这一目标的步骤:

首先,你可以通过在当前主题的`functions.php`文件中添加以下代码来阻止WordPress在插入媒体库时添加宽度和高度信息:

“`php
add_filter(‘post_thumbnAIl_htML’, ‘rEMOve_width_attribute’, 10);
add_filter(‘image_send_to_eDiTor’, ‘remove_width_attribute’, 10);

function remove_width_attribute($html) {
$html = preg_replace(‘/(width|height)=”[\d]*” \s/’, “”, $html);
return $html;
}
“`
请注意,这段代码仅在你编辑文章并将图片插入媒体库时生效。对于已发布文章中图片的宽度和高度属性,这种方法无效。

为了处理已经发布的文章以及确保图片的宽度和高度属性被彻底移除,你需要在`footer.php`文件中添加以下JavaScript代码:

“`html

$(document).ready(function() {
$(“article.single-content img”).removeAttr(“width height”);
});

“`
这里的`article.single-content img`指代文章内容中的图片。请根据你的网站结构,将`single-content`替换为你的文章内容区块的适当class属性。

另外,如果你更倾向于将JS代码整合到主题的主JS文件中,你同样可以这样做。只需确保这个文件会被正确加载,并将上述代码添加进去。

通过以上步骤,你应该能成功地从WordPress文章的图片中移除宽度和高度属性了。

© 版权声明

相关文章

暂无评论

暂无评论...
☺一键登录开启个人书签等功能!