Voltar para o suporte Conteúdo e mídia Mídia Imagens

Imagens

O uso de imagens é uma ótima maneira de impulsionar seu site do WordPress.com. É possível fazer upload dos arquivos de imagem mais comuns para ele. Este guia mostrará as diferentes formas de adicionar imagens ao seu site.

Guias de imagem

Há muito o que fazer com imagens, então as dividimos em várias páginas:

Exemplos

Aqui, apresentamos alguns exemplos práticos de como exibir suas imagens usando blocos. As imagens parecerão diferentes dependendo do tema que você estiver usando em seu site, então experimente!

Todas as imagens são uma cortesia da biblioteca de fotos gratuita do Pexels.

Bloco de imagem

O bloco de imagem é para adicionar imagens únicas. Ele é minimalista, mas combinado com o bloco de colunas, pode render um design criativo, como mostra o tema Coutoire.

Estilo padrão:

Foto de NEOSiAM 2020 em Pexels.com

Estilo arredondado:

Foto de NEOSiAM 2020 em Pexels.com
Bloco de cobertura

O bloco de cobertura é melhor apreciado com um tema que permite exibição em largura total. É muito bem apresentado nos temas Dalston, Alves e Maywood.

O bloco inclui opções de planos de fundo fixos, sobreposição de gradiente e diferentes estilos de exibição.

Plano de fundo fixo ativado

Plano de fundo fixo desativado

Sobreposição de gradientes com estilos de onda inferior e superior

Bloco de galeria

O bloco de galeria permite que você adicione várias fotos com facilidade e as organize de forma automática e atrativa.

Bloco de slideshow

O bloco de slideshow é uma ótima opção para compartilhar fotos sem ocupar muito espaço de uma página ou post. Veja-o no tema Rivington.

O exemplo abaixo usa a opção de reprodução automática. Conheça todas as outras opções no guia do bloco de slideshow.

Bloco de mídia e texto

Com o bloco de mídia e texto, você posiciona ao lado do texto uma imagem ou vídeo.

Ele oferece a opção de empilhar a mídia e o texto em dispositivos móveis.

Para usá-lo de forma criativa, você pode exibi-lo nos temas Exford e Barnsbury.

“Se há um livro que você quer ler, mas não foi escrito ainda, então você deve escrevê-lo.”

— Toni Morrison

No lado esquerdo, você vê como o empilhamento na opção de dispositivo móvel exibirá o conteúdo.

Por padrão, a mídia será exibida no topo.

Bloco de comparação de imagens

Use o bloco de comparação de imagens para colocar duas imagens lado a lado (ou acima e abaixo) e use um controle deslizante para revelar as diferenças entre as duas imagens.

Side by Side comparison
Above and below comparison
Bloco de galeria lado a lado

O bloco de galeria lado a lado inclui uma opção de cantos arredondados e vem em quatro estilos diferentes:

É uma maneira criativa de compartilhar imagens e pode ser um ótimo complemento para o bloco de slideshow, como é exibido no tema Rivington.

Mosaicos

Grade circular

Mosaicos quadrados com a opção de bordas arredondadas

Colunas organizadas lado a lado

Copied to clipboard!