Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como adicionar uma imagem no widget da barra lateral do WordPress

Você está em:

Como adicionar uma imagem no widget da barra lateral do WordPress

Deseja adicionar uma imagem a um widget da barra lateral no WordPress? Por padrão, o WordPress facilita o upload e a adição de imagens em qualquer lugar do seu site. Neste artigo, mostraremos como adicionar facilmente uma imagem no widget da barra lateral do WordPress. Compartilharemos vários métodos, para que você possa usar aquele que funciona melhor para você.

Adicionando uma imagem no widget da barra lateral do WordPress

Versão do vídeo

Inscreva-se no WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Adicionando uma imagem no WordPress usando o widget de imagem

A maneira mais fácil de adicionar uma imagem na barra lateral do WordPress é usando o widget padrão ‘Imagem’.

Basta ir à página Aparência » Widgets e adicionar o widget ‘Imagem’ à sua barra lateral. Se você nunca usou widgets antes, veja nosso guia sobre como adicionar e usar widgets no WordPress .

Adicionar widget de imagem

O widget se expandirá e você poderá ver suas configurações.

A primeira opção é adicionar um título ao widget de imagem. Depois disso, clique no botão ‘Adicionar imagem’ para continuar.

Isso abrirá o carregador de mídia do WordPress, onde você pode clicar no botão de upload de arquivos para enviar sua imagem ou selecionar uma imagem que você carregou anteriormente.

Configurações de imagem

Depois de carregar a imagem, você verá as configurações da imagem na coluna da direita. A partir daqui, você pode fornecer um título / texto ALT para a imagem, adicionar uma descrição, selecionar o tamanho ou até adicionar um link.

Quando terminar, você pode clicar no botão ‘Adicionar ao widget’ para salvar suas alterações. Agora você verá uma visualização da imagem dentro da área de configurações do widget.

Visualização do widget

Não se esqueça de clicar no botão ‘Salvar’ para salvar seu widget de imagem.

Agora você pode visitar seu site para ver a imagem exibida na barra lateral do seu blog WordPress.

Visualização da imagem da barra lateral

Adicionando uma imagem na barra lateral do WordPress usando o widget de texto

Adicionar uma imagem à barra lateral usando o widget padrão ‘Imagem’ é bastante fácil. No entanto, às vezes pode ser necessário adicionar uma imagem com HTML personalizado ou texto com formatação. Nesse caso, você precisará usar o widget ‘Texto’.

Basta ir à página Aparência » Widgets e adicionar o widget ‘Texto’ à sua barra lateral. Nas configurações do widget, você verá o botão ‘Adicionar mídia’ acima da área de edição de texto.

Adicione uma imagem na barra lateral do WordPress usando o widget de texto

Clicar no botão abrirá o carregador de mídia, permitindo que você carregue ou selecione uma imagem da biblioteca de mídia.

Depois de selecionar sua imagem, clique no botão ‘Inserir na postagem’. Agora você poderá ver uma visualização da imagem nas configurações do widget de texto.

Você pode continuar adicionando texto e outros elementos ao widget de texto. A barra de ferramentas no editor de texto fornece alguns botões básicos de formatação.

Adicionando uma imagem com texto e formatação básica

Quando terminar, não se esqueça de clicar no botão ‘Salvar’ para armazenar as configurações do widget.

Agora você pode visitar seu site para ver a imagem da barra lateral em ação.

Imagem exibida usando widget de texto na barra lateral

Adicionando manualmente uma imagem no widget da barra lateral do WordPress

Em alguns casos, pode ser necessário adicionar código HTML adicional à sua imagem. O widget de texto padrão permite HTML muito básico, mas pode não funcionar com HTML avançado ou formatação. Nesse caso, você precisará adicionar manualmente uma imagem à barra lateral do seu blog.

Primeiro, você precisa fazer o upload da imagem para o seu site WordPress. Basta ir em Mídia » Adicionar novo e fazer o upload do arquivo de imagem.

Depois de fazer o upload da imagem, você precisa clicar no link Editar ao lado da imagem.

Carregar e editar um arquivo de imagem no WordPress

O WordPress agora o levará para a página ‘Editar mídia’, onde você verá o URL do arquivo de imagem no lado direito da tela. Você precisa copiar este URL e colá-lo em um editor de texto como o Bloco de Notas.

Copiando o URL do arquivo de imagem no WordPress

Em seguida, você precisa ir para a tela Aparência » Widgets e arrastar e soltar o widget ‘HTML personalizado’ na barra lateral onde deseja exibir a imagem.

Adicionar imagem manualmente ao widget da barra lateral do WordPress

Na área da caixa de texto do widget, você precisa adicionar sua imagem usando este código:

<img src=”Paste The File URL Here” alt=”Strawberries” />

A imgtag é usada em HTML para exibir imagens. Ele precisa de dois atributos, o primeiro é srco que define a localização do arquivo de imagem. É aqui que você colará a URL que copiou anteriormente.

O segundo alté usado para fornecer um texto alternativo para a imagem. Sua tag img final será algo assim:

<img src=”http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg” alt=”Strawberries” />

Você precisa clicar no botão Salvar para armazenar suas configurações de widget e, em seguida, visualizar seu site.

Adicionando uma imagem na barra lateral do WordPress usando um plug-in

Outra maneira de adicionar imagens à barra lateral do WordPress é usando um plugin. Isso lhe dará mais algumas opções e uma interface simples, que alguns iniciantes podem achar mais fácil do que o widget ‘Imagem’ padrão.

Primeiro, você precisa instalar e ativar o plug-in Image Widget . Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress .

Após a ativação, basta acessar a página Aparência » Widgets . Você notará um novo widget chamado ‘Image Widget’ na coluna de widgets disponíveis. Basta arrastar e soltar este widget de imagem na barra lateral do WordPress onde você deseja exibir uma imagem.

Plug-in de widget de imagem

Em seguida, clique no botão ‘Selecionar imagem’ para carregar uma imagem ou selecione uma da biblioteca de mídia. Depois disso, você precisa clicar no botão ‘Inserir no widget’ e verá a visualização da imagem nas configurações do widget.

Você pode adicionar um título, texto alternativo, link e uma legenda para a imagem. Você também pode escolher um tamanho de imagem na lista de opções disponíveis.

Mais configurações para o plug-in de widget de imagem

Quando estiver satisfeito, basta clicar no botão Salvar para salvar o widget de imagem. Isso é tudo, agora você pode ir ao seu site e ver a imagem exibida na sua barra lateral.

Esperamos que este artigo tenha ajudado você a adicionar uma imagem no widget da barra lateral do WordPress. Se você encontrar um problema, não se esqueça de consultar nosso guia sobre como corrigir problemas comuns de imagem no WordPress .

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Google+ .

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

plugins premium WordPress
O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.