Com o bloco GutenKit Advanced Image você pode inserir imagens em vários posts e páginas com mais controle e flexibilidade.
Leia a documentação e aprenda a usar o bloco GutenKit Advanced Image.
Como você pode usar o bloco de imagem avançado? #
Acesso ao seu painel do WordPress –
- Encontrar Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
- Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
- Um menu de bloqueio aparecerá, procure por “Imagem avançada”.
- Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.
Escolha a imagem, controle o tamanho, tipo de legenda, alinhamento, defina o tipo de URL

Editando parte do conteúdo #
- Escolha a imagem: A partir daqui, você pode escolher a imagem de sua preferência.
- Alinhamento: Ele permite ajustar o alinhamento da imagem.
- Rubrica: Aqui, você pode definir a legenda da imagem. As opções são – Legenda do anexo, Legenda personalizada e você não pode definir nenhuma legenda, se desejar.
- Link: As opções são – Arquivo de mídia e URL personalizado.
Arquivo de mídia: Permite ajustar a opção Lightbox, 'Sim não'. A lightbox fornece uma visualização mais focada e envolvente experiência para o arquivo de mídia. Novamente, se você selecionar Personalizado.
URL personalizado: Você pode inserir o URL desejado com a imagem.

Estilo #
Imagem – Para estilizar a imagem, você obterá todas as opções essenciais aqui, incluindo barras de controle Largura, Largura máxima, Altura e Opacidade, você também pode alterar Borda, Sombra da caixa, etc.
Legenda – Aqui você pode criar a legenda ajustando alinhamento, cor, plano de fundo, tipografia, sombra do texto e espaçamento.

Resultado final #
Preparamos um exemplo para você –

As etapas são simples, mas o resultado é incrível. Tente agora!