Como alterar o SRC da imagem para SRC de dados para carregamento lento usando o filtro image_send_to_editor

Você está procurando uma maneira de alterar a imagem src para data-src para carregamento lento usando o filtro image_send_to_editor? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que você pode usar para alterar o src da imagem para data-src para carregamento lento.Instruções:

Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou em um plug-in específico do site: function example_lazy_load($html, $id, $caption, $title, $align, $url) { $src = ‘src="’.get_template_directory_uri().’/i/thumb.png"’; $html = str_replace( "<img src", "<img {$src} data-src", $html ); return $html; } add_filter( ‘image_send_to_editor’, ‘example_lazy_load’, 10, 9 );
[Esse snippet usa image_send_to_editor e filtrará a saída HTML substituindo src por data-src e, em seguida, adiciona um novo atributo src com uma miniatura de imagem padrão. Essa é uma solução bastante simples, mas permite que você controle a saída criada no editor de postagens para garantir que as imagens adicionadas pelos clientes sejam carregadas lentamente. Certifique-se de atualizar a variável $src com o URL da imagem em miniatura padrão.Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress para não danificar acidentalmente seu site.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 50+ melhores temas WooCommerce para sua loja on-line e 7 melhores plugins WordPress GDPR.