Codex

Interested in functions, hooks, classes, or methods? Check out the new WordPress Code Reference!

User:Dianakc/drafts

Uma imagem diz mais que mil palavras

O WordPress torna mais fácil adicionar imagens a o seu site WordPress. Você pode enviá-las diretamente a partir do WordPress usando o utilitário embutido no upload de arquivos na tela de escrever postagens. Ou você pode usar qualquer software Cliente FTP para carregar muitas imagens para o seu site.

WordPress agora pode redimensionar imagens e criar miniaturas, enquanto na página de postagem. Há também galerias de fotos que pode mostrar muitas imagens sem adicionar cada um deles separadamente para uma página.

Se adicionar várias imagens em uma postagem, você pode criar uma galeria na postagem, sem precisa inserir uma por uma. Este recurso funciona através do Shortcode Gallery.

Imagens no WordPress

As versões atuais do WordPress agora tem alinhamento de imagem embutido. O WordPress adiciona classes CSS para alinhar a imagem à direita, esquerda e centro em um parágrafo, então o texto será disposto ao redor da imagem.

Ao adicionar a imagem em seu blog WordPress, selecione o alinhamento da imagem como direita, esquerda, centro na tela que aparece.

A imagem será incorporada em seu blog com o estilo escolhido para o alinhamento, tais como:

<img src="http://examplo.com/imagens/folha.jpg" 
 alt="leaf graphic" 
 title="leaf graphic" 
class="alignright size-medium wp-image-3109" 
height="25" width="30"/>

A fim de tirar proveito dessas novas classes CSS para alinhamento da imagem e do texto disposto ao redor da imagem, o Tema WordPress deve incluir o seguinte no style.css encontrado no diretório do tema:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
 a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Isso vai garantir que as imagens obedeçam o alinhamento quando a classe for adicionada a elas.

Inserindo Imagens em Posts e Páginas

SubPainel Mídia

No WordPress, você pode enviar imagens para usar depois, através da seção de mídia. Esta seção é para organizar todos os arquivos de mídia que enviou ao seu servidor. As imagens que inserir no seu site através de links externos não ficarão disponíveis nesta seção.

Áreas de Edição de Postagens e Páginas

Ao criar uma postagem, há botões para inserir mídia ou arquivo. No Modo Visual, ao clicar no botão de Inserir Mídia, uma aparece para informar o arquivo e começar o envio, opções de legenda, descrição, alinhamento e outros.

Imagens Enviadas,Imagens Remotas e Miniaturas

Ao criar postagens e páginas, você tem a opção de enviar um arquivo ou informar o endereço da imagem. Ao enviar um arquivo e hospedá-lo em seu servidor, o WordPress pode gerar arquivos de várias dimensões automáticamente, o que é últi quando estamos usando o recurso de miniaturas.

Arquivo de imagem

Ao selecionar um arquivo e enviar, ele será guardado no seu servidor na pasta wp-conten/uploads, esta pasta deve existir e deve estar com permissão para gravação. Você pode definir como e onde os arquivos devem ser armazenados em Painel > Configurações > Mídia, por padrão o WordPress cria pastas com o ano e mês para guardar os arquivos. Ao enviar o arquivo de imagem, o WordPress criará também diversas dimensões do arquivo.

01 upload.png
Tela Adicionar uma Imagem


URL da imagem

Informe o endereço direto de um arquivo de imagem para mostrá-la em seu site. Além de poupar espaço e tempo de envio em seu servidor, esta opção é a melhor quando se está provisóriamente em um servidor ou se quer aproveitar os benefícios de uma hospedagem dedicada a imagens e mídia. Ao mudar para outro servidor, as imagens vão continuar aparecendo, não impota onde o WordPress está instalado. Os pontos negativos é que o link da imagem poderá ser usado por outros sites (no caso de hospedagens de imagens gratuitas) e que o WordPress não poderá gerenciar tais arquivos na área de mídia, além não poder gerar as miniaturas automaticamente.

02-upload.png
Tela Adicionar uma Imagem de um URL


Miniaturas (thumbnails)

Este é um recurso do WordPress que poupa bastante trabalho de quem cria temas e de que precisa e usa miniaturas em postagens. Quando o tema possui suporte a este recurso, você verá uma caixa do lado direito da área de edição Imagem de Destaque, clique no link para definir a imagem. Desde que o tema possui o recurso, ele deverá mostrar a miniatura em algum contexto, como a página inicial. O tamanho da miniatura geralmente é 150x150, mas pode ser mudado em Painel > Configurações > Mídia. Repare que há opções de outros tamanho nesta tela de configuração, isso acontece porque o tema pode chamar tal dimensão em tal contexto, sem que precise criar as versões manualmente. Nota: as miniaturas não aceitam arquivos remotos, o WordPress precisa que o arquivo de imagem esteja acessível para criar as diferentes versões de dimensão (miniatura, médio, etc).

Recursos