Como colocar imagens no WordPress?

O WordPress é um sistema gerenciador de conteúdo que consegue ser extremamente poderoso e ainda assim muito fácil de usar, no entanto é normal que os novos usuários se sintam perdidos enquanto não entendem a sua interface, a forma de usá-lo. Por isso decidi fazer alguns artigos explicando algumas das atividades mais comuns.

Enviando fotos para o site

Normalmente as fotos que você quer publicar no seu post (artigo) ou page (página) estarão em seu computador. Para usá-las você terá que enviá-las para o seu site.

Primeiro entre na tela de edição de post ou page:

Imagem representando o editor de textos do WordPress
Editor de textos do WordPress

O botão para inserir imagens está acima da barra de ícones, logo à direita do texto Upload/Insert. Na imagem acima eu deixei o mouse sobre o ícone para fazer aparecer o texto de ajuda “Add an image” que você vê se sobrepondo à barra de ícones.

Ao clicar no botão a tela a seguir aparecerá sobre o post ou página sendo escrito. Essa tela é um centro de atividades de tudo que você pode fazer com imagens: enviar para o site, definir suas características, buscar imagens que já foram enviadas para o site, inserir imagens uma a uma ou em grupo.

Imagem da janela para seleção de imagem a enviar
Escolha a imagem

Ao clicar no botão “Select files” será aberto o programa do seu sistema operacional (Windows, MacOS, Linux) que permite navegar pelos arquivos do seu HD. Você pode selecionar várias fotos usando o botão CONTROL (Comand no Mac) ou o SHIFT.

Depois que você selecionar as fotos e clicar em Ok elas serão enviadas para o seu site. Observe enquanto o WordPress envia as fotos e faz o processo de “crushing” que consiste simplesmente em criar três versões das fotos em tamanhos diferentes. Geralmente é melhor usar o tamanho médio ou pequeno para que o artigo carregue rapidamente mesmo em celulares.

Quando o upload das fotos terminar a tela estará como essa:

Imagens do post

Essa, a propósito, é a imagem em tamanho médio. Clique nela para ver no tamanho original.

Clicando no link “Show” que aparece do lado direito você pode ver os detalhes da foto como:

  • Title: Importante. Ele é usado pelo Google para indexar suas fotos
  • Alternate Text: deve ter uma descrição para quem é cego. Esse texto é lido pelos programas especiais para eles.
  • Caption: é o texto que aparece sob a foto como o texto “Imagens do Post” sob a imagem acima
  • Description: Importante também para a indexação do Google e outros buscadores. É o texto que ele mostrará associado à foto

Os demais campos são para definir o alinhamento da foto ao ser inserida no post ou page e a versão (pequena, média ou full size) que deve ser usada. A tela abaixo mostra esses detalhes:

Captura de tela com os detalhes de uma imagem
Detalhes da imagem

As imagens que você acaba de enviar para o site são automaticamente associadas a esse post ou página que você está escrevendo e ficam sendo sua “Gallery” de imagens. Observe que na parte superior dessa janela que abriu quando clicamos em “Add an image” tem as opções “From Computer”, “From URL”, “Gallery” e “Media Library”. Basta clicar em “Gallery” para ver a tela abaixo:

Visualização da galeria de imagens de um post
Imagens do post

Note que essa tela lhe permite inserir todas as fotos da galeria com um único clique (o botão não está visível na imagem acima, mas fica logo abaixo de “Gallery columms”). Veja abaixo como ficam as imagens inseridas dessa forma:

E finalmente, podemos inserir imagens que já tenham sido enviadas para o site antes, basta ir na última opção dessa janela, “Media Library” A imagem está a seguir:

Imagem da listagem do banco de mídia do site
Banco de mídia

Você notará que nessa tela há a possibilidade de filtrar as fotos por data de envio ou por texto. Por isso é importante definir bem os detalhes (Title, caption etc.) ao enviar cada imagem para o site: para ficar mais fácil localizá-las para usar no futuro.

Caso você queira usar imagens da sua Media Library para fazer uma galeria como a que mostrei logo acima (com todas as imagens inseridas com um só clique) você terá que recorrer a um artifício:

  1. Insira as fotos que vai querer uma a uma: isso as fará passar a fazer parte da galeria de imagens desse post
  2. Apague todas as imagens do post. Elas continuarão fazendo parte da galeria dele
  3. Insira a galeria normalmente como mostrei mais acima.

Esse post está longe de esgotar todos os recursos com fotos disponíveis no WordPress, mas deve atender às necessidades de 90% dos casos.