Adicionando mídias: Imagens, sons e etc…

O WordPress possui uma forma muito prática de se adicionar mídias ao seu website, você pode adiciona-las utilizando o item de menu: Mídia ou por dentro do publicado de conteúdo nas páginas e posts, clicando no botão adicionar mídia:

 

Ao clicar em um desses itens o sistema irá abrir a mesma tela, você verá algo parecido com a imagem abaixo:

Essa é a sua Biblioteca de Mídias, é aqui que todas as imagens, Pdf´s, documentos, vídeos e arquivos de áudio ficarão guardados esperando para ser utilizados.

Para inserir uma imagem ou mídia, basta clicar no botão Adicionar e procurar a mídia no seu computador ou arrastar a mesma da sua máquina para “cima da tela” e soltar, o sistema fará o upload automaticamente.

Se você estiver dentro do item “Mídias” do menu e clicar na imagem o sistema irá lhe apresentar as informações da imagem e se você estiver inserindo a imagem por dentro de um bloco de texto, você terá essas mesmas informações mas com a opção de inserir a imagem no seu conteúdo, conforme a imagem abaixo:

Note que você além de poder enviar mais arquivos pela aba superior: Enviar Arquivos, você tem as configurações na lateral direita e as opções da lateral esquerda, vamos a elas:

Lateral Esquerda:

  • Criar galeria: É possível criar uma galeria de imagens, selecionando uma série de imagens para serem inseridas de uma única vez;
  • Criar lista de reprodução de áudio:  Assim como a Galeria de imagens é possível criar uma lista de reprodução de áudio selecionando uma série de arquivos de uma vez;
  • Criar lista de reprodução de vídeo: E assim como as demais mídias é possível inserir uma sequência de vídeos de uma única vez;
  • Imagem destacada: Nesse caso o sistema posiciona a imagem de uma forma que ela fique em destaque perante as demais;
  • Inserir a partir de URL: Além de inserir as imagens direto do seu website, você também pode inseri-las a partir de outro local utilizando a url ou o endereço dessa imagem.

Lateral Direita:

  • Detalhes do nexo: aqui são exibidos os dados da imagem, além de poder excluir ou fazer a edição da mesma;
  • URL: o endereço da sua imagem dentro do sistema;
  • Título: o nome dessa imagem dentro do sistema o usuário também poderá ver esse nome ao passa o mouse por cima da sua imagem;
  • Legenda: um texto curso sobre a sua imagem, em alguns layouts de site essa informação é exibida junto da imagem;
  • Texto Alternativo: texto alternativo a imagem, caso a mesma não seja exibida;
  • Descrição da Imagem:  uma descrição sucinta da imagem, pode ser exibida junto da imagem em alguns layouts;
  • Alinhamento: Você pode alinhar a imagem ao centro, direita, esquerda, essas opções também estarão disponíveis dentro do bloco de edição de texto;
  • Apontar para: Esse item é utilizada para criar um link na imagem, enviando o usuário para páginas ou arquivos dentro do site ou para links externos;
  • Tamanho: o tamanho que a imagem terá dentro do site, note que o sistema esta apenas diminuindo o tamanho e não Recortando a imagem, assim caso você utilize essa opção em vez de diminuir o arquivo, sua imagem continuará com o mesmo peso mesmo estando com um tamanho menor.

Inserir na página, clique no botão e a imagem será inserida dentro do seu artigo ou página.

Após ter inserido a página no seu artigo, você ainda pode fazer ajustes, reposicionando a mesma: clique na imagem e arraste-a para a nova posição.
E ao clicar na imagem você verá que aparecerão alguns ícones embaixo da mesma:

Os quatro primeiros itens são de alinhamento da imagem, como você viu é possível alinhar a imagem na hora de inseri-la, mas caso não goste do resultado ainda é possível refazer esse posicionamento clicando na mesma e selecionado a nova posição.

Editar: O lápis na imagem, abre a tela de edição de imagem, conforme você vê na imagem seguinte.

 

 

 

 

Essa tela abre as mesmas opções que você viu na hora de inserir a mesma e algumas opções a mais.
Agora é possível inserir algumas configurações mais técnicas como CSS, substituir a imagem por outra e abrir a tela de edição de imagem.
O sistema de edição de imagem lhe ajuda a fazer pequenas alterações de tamanho e rotação de imagens, apesar de ele recortar a imagem, se você precisar realmente reduzir o peso da mesma é recomendável utilizar um Editor profissional de imagens como o Adobe Photoshop ou GIMP.