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.

This entry was posted in Site and tagged , , . Bookmark the permalink.

5 Responses to Como colocar imagens no WordPress?

  1. Nash says:

    E existe alguma maneira de inserir todas as fotos já “upadas” de uma vez? Em posts com muitas imagens, é extremamente cansativo ter que ficar inserindo uma a uma no post.

    obs.: As galerias não resolvem, visto que eu gostaria que elas tivessem tamanho real.

    Se puder ajudar, agradeço. Abs

    • admin says:

      Creio que você consegue isso com um plugin como o NextGen, mas terá que tomar o cuidado de subir as imagens em um tamanho que não quebrem o design do site ao serem exibidas no tamanho original.

  2. Olá, no meu site tem trabalhos recentes, aonde eu escrevo um texto sobre um cliente e depois gostaria de colocar as fotos referentes a esse trabalho. Fiz como você explicou e deu certo…mas agora tenho um novo cliente, escrevi o texto e quando vou colocar as fotos, elas se misturam com as fotos do primeiro cliente, ele não cria uma nova galeria de fotos e sim continua a anterior. Tem como eu colocar outras galerias na mesma página cada uma com as fotos relativas a um cliente?

    • admin says:

      Você está fazendo várias galerias dentro de um mesmo artigo ou página é isso?

      O ideal seria criar um artigo para cada cliente.

      Creio que, para fazer o que você quer seria necessário instalar um plugin como o NextGen Gallery que oferece um gerenciamento de galerias mais sofisticado.

  3. caroline says:

    Olá, meu blog é sobre cachorros, até uns dias eu conseguia postar fotos,noremalmentem, as agora não mostra mais o “atalho” para inserir a foto, o que eu faço? Me ajudem por favor!!! Se alguém quiser dar uma olhadinha o link é: http://amocaes.wordpress.com .

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>