Otimizando imagens para o WordPress Elementor Plugin

O conceito de blocos modulares que constituem as postagens e páginas do WordPress chegou ao lado de Gutenberg, mas, na verdade, o próprio WordPress é modular em estrutura. Veja sua biblioteca de mídia WordPress, por exemplo. Você pode fazer upload de imagens e usá-las em postagens ou páginas, independentemente do editor que estiver usando. Neste artigo, nos concentramos especificamente no Elementor e em como você pode otimizar imagens usando ImageRecycle .

Assim como Gutenberg, o Elementor é um editor do Wordpress que permite criar postagens ou páginas enquanto vê como elas serão para os seus leitores. A estrutura da Elementor também é semelhante à de Gutenberg, pois usa o agora familiar conceito de blocos. Isso facilita ainda mais o uso da Biblioteca de mídia do WordPress, inclusive ao adicionar imagens otimizadas. Porém, as primeiras coisas: como otimizar imagens no WordPress?

Otimizando Imagens com ImageRecycle

Se você nunca usou ImageRecycle , otimizar imagens do WordPress é um processo rápido e fácil. Primeiro, você precisará baixar e instalar o plug-in ImageRecycle em seu site WordPress. Depois de instalar o plugin, vá para sua configuração no menu de configurações e insira sua chave de API e segredo. Salve as alterações e, se a chave e o segredo forem correspondentes, você poderá começar a otimizar as imagens imediatamente.

Você pode acessar a interface principal do ImageRecycle no menu de mídia . Esta página é simples e fácil de usar. Ele lista todas as imagens em sua biblioteca de mídia e seus tamanhos e taxas de compressão. Você pode clicar no otimizar botão ao lado de imagens individuais para comprimi-los, ou na optimização de todos os botão para otimizar todas as imagens ao mesmo tempo.

Muito do que acontece durante a compactação depende das configurações ImageRecycle Por exemplo, você pode optar por usar o melhor salvamento ou a compactação de qualidade original, que pode compactar imagens em até 80% e 20%, respectivamente. Você pode ler mais sobre a diferença entre esses dois modos aqui .

Qualquer que seja o modo de otimização escolhido, essas imagens são salvas na sua Biblioteca de mídia do WordPress, o que significa que você pode usá-las em suas postagens e páginas ... independentemente do editor que estiver usando. No restante deste artigo, focamos em um editor específico: Elementor.

Usando imagens otimizadas no Elementor

Elementor é um editor poderoso para posts e páginas do WordPress. Como Gutenberg, organiza o conteúdo em blocos, cada um representando um elemento diferente. Como você sabe, nenhum site é verdadeiramente completo sem imagens e o Elementor não falta no domínio dos blocos de imagens. É aqui que entra a Biblioteca de Mídia.

Começamos o artigo explicando que o WordPress em si é bastante modular, e é aqui que tudo se encaixa. De onde o Elementor obteria suas imagens, senão da Biblioteca de mídia? Ou seja, a mesma biblioteca de mídia WordPress que você acabou de otimizar com ImageRecycle .

Usar as imagens compactadas de ImageRecycle no Elementor é tão simples quanto arrastar e soltar qualquer bloco de imagem - seja uma imagem básica, um carrossel, galeria ou qualquer outra coisa - e carregar as imagens. Você escolhe imagens diretamente da Biblioteca de mídia do WordPress, que carrega automaticamente as imagens compactadas.

O WordPress é essencialmente modular e seria um desperdício não explorá-lo. ImageRecycle conecta a qualquer editor que você usa sem afetar seu fluxo de trabalho. Tudo o que você precisa fazer é otimizar as imagens e inseri-las em seu blog posteriormente, permitindo otimizar a experiência dos leitores do WordPress, independentemente do editor que você usa.