如何删除AMP页面中的第一个图像

Question

所以我有适当的代码来删除所有帖子的第一个图像（这是因为我在引入特色图像之前在每个帖子的顶部放了一个图像，一旦创建了特色图像，我就把代码放在适当的位置来删除第一个图像所以我不必回去手动操作）。我试图让它为AMP页面工作，但还没能弄清楚。

这是普通页面的功能。

 function remove_first_image ($content) {
    if (!is_page() && !is_feed() && !is_feed() && !is_home()) {
    $content = preg_replace("/<img[^>]+\>/i", "", $content, 1);
    }   
    return $content;
    }
    add_filter('the_content', 'remove_first_image');

由于这并没有删除AMP页面上的第一个图像，我尝试了这样的东西，其中有一些正确的元素，但不起作用。

add_action( 'pre_amp_render_post', function () {
    add_filter( 'the_content', function( $content ){
         $content = preg_replace("/<img[^>]+\>/i", "", $content, 1);
         return $content;
    }, 3 );
});

关于如何让AMP内容工作，有什么想法吗？

Answer 1

我认为上面列出的代码示例是与Automattic的AMP插件一起使用的https://wordpress.org/plugins/amp/.

您是否使用不同的AMP插件...我看到提到WP-amp忍者。您可能需要检查它们的代码来找到操作和过滤器。这可能不一样...如果没有适当的记录，你就不会肯定他们不会在更新中改变这一点。

你可以试着切换到自动的。或者如果你正在使用wp-amp忍者插件的高级版本，我看到他们在升级中提供了CSS选项。

正如我提到的，我认为您的代码将与Automattic插件一起工作。如果您切换到它并出于兴趣，希望尝试删除带有样式的图像，而不是内容过滤器。。。也就是说，如果这两个图像仍然出现。。。使用amp\u post\u模板\u css操作。使用浏览器的inspect元素查找正确的css类名。（可能是：amp img.wp post image）

function wp_amp_additional_css_styles( $amp_template ) {
?>
  amp-img.wp-post-image {
        display: none;
  }

<?php
}
add_action( 'amp_post_template_css', 'wp_amp_additional_css_styles' );