Imagens são uma ótima maneira de melhorar o seu site WordPress.com. Este guia irá mostrar-lhe todas as diferentes formas de adicionar imagens.
Tabela de Conteúdos
Tipos de ficheiros de imagem
Pode carregar os seguintes tipos de imagens para um post ou página:
.jpg/.jpeg
.gif
.png
Tabela de Conteúdos
Guias de Imagens
Há muitas coisas que pode fazer com imagens, por isso dividimo-las em várias páginas:
Upload de Imagens – Tudo sobre como colocar imagens nos seus posts e páginas a partir do seu computador, da web e da Media Library.
Configurações de Imagens – Adicione um título ou uma legenda às suas imagens. Inclui onde encontrar informações básicas sobre sua imagem como o link permanente, dimensões da imagem e tipo de arquivo.
Editando Imagens – Sua imagem está de cabeça para baixo ou um pouco grande demais? Este é um guia sobre como cortar, girar e escalar suas imagens.
Galerias e Slideshows – Mostre suas imagens em uma galeria ou slideshow.
Otimização de Imagens – Quando você diminui o tamanho do arquivo para imagens antes de inseri-las, os uploads e páginas serão carregados mais rapidamente.
Resolução de Problemas – Suas imagens não estão carregando? Aqui estão algumas dicas para fazê-las funcionar!
Finding Free Images and other Media – Precisa de uma imagem de domínio público ou copyleft para o seu site? Aqui estão algumas sugestões sobre onde encontrá-las!
Tabela de conteúdos
Exemplos
Aqui estão alguns exemplos de trabalho para mostrar várias formas de mostrar as suas imagens usando blocos. As imagens terão um aspecto diferente dependendo do tema que está a utilizar no seu site, por isso experimente-as no seu site!
Todas as imagens são cortesia da Pexels Free Photo Library.
Image Block
O bloco Image é para adicionar imagens individuais. É minimalista, mas combinado com o bloco Colunas, ele pode render um design criativo como é mostrado no tema Coutoire.
Estilo padrão:
Foto by NEOSiAM 2020 em Pexels.com
Estilo Rounded:
Foto by NEOSiAM 2020 em Pexels.com
Bloqueio de cobertura
O bloco de cobertura é melhor apreciado com um tema que permite a exibição em largura total. É maravilhosamente apresentado nos temas Dalston, Alves, e Maywood.
O bloco inclui opções para um fundo fixo, sobreposição com gradiente, e diferentes estilos de exibição.
Fixed Background ON
Fixed Background OFF
Gradients Overlay with Bottom and Top Wave styles
Bloco Galeria
O bloco Galeria permite-lhe adicionar facilmente múltiplas fotos e tê-las automaticamente dispostas de uma forma atractiva.
Bloco de Slideshow
O bloco de Slideshow é ótimo para compartilhar fotos sem ocupar muito espaço em uma página ou post. Veja no tema Rivington.
O exemplo abaixo usa a opção autoplay, aprenda sobre todas as outras opções no guia de blocos Slideshow.
Foto por Hendrik Cornelissen em Pexels.com
Foto por Elena Blessing em Pexels.com
Foto por em Pexels.com
Media & Bloco de texto
Media & Bloco de texto permite colocar uma imagem ou vídeo lado a lado com texto.
Vem com uma opção útil para empilhar os media e texto em dispositivos móveis.
Algumas formas criativas de o utilizar são apresentadas no tema Exford e Barnsbury.
“Se há um livro que quer ler, mas ainda não foi escrito, então tem de o escrever.”
– Toni Morrison
À esquerda é como a pilha na opção móvel irá mostrar o conteúdo.
Por padrão, a mídia irá mostrar no topo.
Image Comparison Block
Utiliza o bloco Image Compare para colocar duas imagens lado a lado (ou acima e abaixo) e usa um selector para revelar as diferenças entre as duas imagens.
Comparação lado a lado
Comparação acima e abaixo
Bloqueio da Galeria de Azulejos
O bloco da Galeria de Azulejos inclui uma opção para cantos arredondados, e vem em quatro estilos diferentes:
Mosaico de azulejos
Rede circular
Mosaicos quadrados
Colunas de azulejos
É uma forma criativa por si só de partilhar imagens, e pode ser um grande ajudante para o bloco Slideshow, como é mostrado no tema Rivington.
Mosaico em mosaico
>
Circular grade
>
Ladrilhos quadrados com opção para cantos arredondados
>
>
Colunas em Azulejo
>
CoBlocks
CoBlocks é uma biblioteca de blocos geridos pelo GoDaddy, disponibilizado para você no WordPress.com. Ele inclui quatro tipos de galerias:
Collage
Stacked
Masonry
Offset
E vem com várias opções adicionais:
Activar uma lightbox de imagem
Exibir ou ocultar legendas
Ligar imagens individuais
Controlos de caleira para definir o espaço entre imagens
Aplicar filtros de imagem (Grayscale, Sepia, Saturation, Dim, Vintage)
As galerias podem ser mostradas em largura total com temas que o permitam, como mostrado no tema Mayland.
Bloco Collage
O bloco Collage monta imagens numa bela galeria de colagens.
Padrão de exibição
>
>
Película com filtro Sepia
>
Película com efeito de sombra e filtro de escala de cinzentos
>
Bloco de alvenaria
O bloco de alvenaria exibe múltiplas imagens na sua posição ideal com base no espaço vertical disponível, como uma espécie de pedra de cantaria numa parede.
>
Offset Block
O bloco Offset exibe imagens em uma galeria de padrões de tijolos offset.
Bloco Carrossel
Não se confunda com o bloco Carrossel Post, o bloco CoBlocks Carousel permite mostrar apenas imagens dentro de um carrossel.
Aqui está uma animação de como irá mostrar:
O bloco Carrossel está disponível em sites de Plano de Negócios e eCommerce com plugins instalados apenas.
O bloco Empilhado
O bloco Empilhado exibe múltiplas imagens numa única galeria empilhada de colunas.
Filtro de saturação
>
>
Filtro de vindima
>
>
>
>
>
>
>>
Bloco GIF
>
O bloco GIF permite adicionar facilmente algumas imagens GIF do Giphy. Esta é uma forma colorida de expressar sentimentos no seu site.
>