Ir para o conteúdo principal

Como adicionar uma imagem em segundo plano no WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 701.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Você deseja adicionar uma imagem de plano de fundo ao seu site WordPress? Imagens de fundo podem ser usadas para tornar seu site mais atraente e esteticamente agradável. Neste tutorial, mostraremos como adicionar facilmente uma imagem de plano de fundo ao seu site WordPress.

Presumimos que você já instalou o WordPress. Se você ainda não fez isso, confira este guia Como configurar um blog WordPress em 7 etapas.

Lembramos que o carregamento de muitas imagens em seu blog ou site pode reduzir o tempo de carregamento deste último.

Descubra aqui Por que você precisa começar a otimizar seu blog WordPress com imagens

 

Adicionar uma imagem de fundo no wordpress

Método 1. Adicionar imagem de fundo usando configurações de tema

A maioria dos temas gratuitos e premium do WordPress vem com um recurso de personalização de imagem de fundo. Esse recurso permite que você defina facilmente uma imagem de plano de fundo em seu site WordPress.

Se o seu tema WordPress suportar um recurso de plano de fundo personalizado, recomendamos que você use esse método para adicionar uma imagem de plano de fundo ao seu site WordPress. No entanto, se o seu tema não suportar o recurso de plano de fundo personalizado, você pode usar outros métodos neste tutorial. 

Descubra também Como modificar o layout do seu blog WordPress

Primeiro você precisa visitar o " Aparência> Personalizar No seu painel do WordPress. Isso iniciará o WordPress Theme Customizer, onde você pode modificar diferentes configurações enquanto assiste uma visualização em tempo real.

Imagem de fundo do Wordpress personalizar um tema

Então você precisa clicar na opção “Imagem de Fundo”. O painel desliza e mostra as opções para carregar ou selecionar uma imagem de plano de fundo para o seu site.

Personalize uma imagem de fundo

Clique no botão Selecione a imagem para continuar.

Isso exibirá a janela pop-up Download de mídia do WordPress, na qual você poderá baixar uma imagem do seu computador. Você também poderá selecionar uma imagem baixada anteriormente na biblioteca de mídia.

Janela pop-up de mídia wordpress

Então você tem que clicar no botão Escolha a imagem Depois de baixar ou selecionar a imagem que deseja usar como fundo.

Isso fechará a janela pop-up e você verá a visualização da imagem selecionada no Customizer.

Personalizador de imagens exibidas no Wordpress

Abaixo da imagem, você também poderá ver as opções da imagem de fundo. Na predefinição, você pode selecionar como deseja exibir a imagem de fundo.

Descubra também como fazer upload de sua mídia em massa no WordPress

Você também pode selecionar a posição da imagem de fundo clicando nas setas abaixo. Clicar no centro alinhará a imagem ao centro da tela.

Não se esqueça de clicar no botão « Salvar e Publicar Na parte superior para salvar suas configurações. É isso, você adicionou com sucesso uma imagem de fundo ao seu site WordPress.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Ir e visitar o seu site para vê-lo em ação.

Método 2. Adicionar uma imagem de fundo personalizada no WordPress usando um plugin

Este método é muito mais flexível. Funciona com qualquer tema WordPress e permite definir várias imagens de fundo. Você também pode definir planos de fundo diferentes para qualquer postagem, página, categoria ou qualquer outra seção do seu site.

Ele dá a possibilidade de todas as suas imagens de fundo serem exibidas em tela cheia e em dispositivos móveis. Isso significa que sua imagem de plano de fundo será redimensionada automaticamente em dispositivos menores.

Em primeiro lugar, você precisa instalar e ativar o plugin " Full Screen Background Pro ". Para mais detalhes, consulte o nosso guia passo a passo sobre como instalar um plugin WordPress .

Ao ativar, você deve visitar o " Aparência> Imagem BG FullScreen Para definir as configurações do plug-in.

Configuração do plugin de imagem bg em tela cheia

Você precisará adicionar sua chave de licença. Você pode obter essas informações no e-mail que recebeu após a compra do plugin ou na sua conta no site do plugin.

Então você tem que clicar no botão Salvar configurações Para armazenar suas alterações. Agora você está pronto para começar a adicionar imagens de fundo ao seu site.

Vá em frente e clique no botão Adicionar uma nova imagem Na página de configurações do plugin. Isso o levará para a tela de download em segundo plano.

Fundo de personalização Wordpress

Clique no botão Escolha a imagem »Para baixar ou selecionar uma imagem. Assim que você selecionar a imagem, poderá ver uma prévia em tempo real.

Então você deve fornecer um nome para esta imagem. Este nome será usado internamente, para que você possa definir o que deseja.

Finalmente, você precisa selecionar onde deseja que esta imagem seja usada como página de fundo. " Full Screen Background Pro »Permite que você configure as imagens como plano de fundo globalmente, ou você pode escolher entre diferentes seções do seu site, como categorias, arquivos, primeira página, página do blog, etc. 

Se você é fotógrafo, designer e muito mais, aqui está o top 10 dos melhores temas do WordPress para criar um site de portfólio

Não se esqueça de clicar no botão « Salvar imagem »

Você pode adicionar quantas imagens quiser visitando o " Aparência> Imagem BG em tela inteira ".

Se você definir mais de uma imagem para ser usada globalmente, o plugin começará a mostrar automaticamente as imagens de fundo como uma apresentação de slides.

Você pode ajustar o tempo que leva para a imagem desaparecer e a duração da animação de esmaecimento.

Configurando o tempo de exibição

O tempo que você insere aqui é em milissegundos. Se desejar que a imagem de fundo desapareça após 20 segundos, você deve inserir 20000.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Não se esqueça de clicar no botão « Salvar configurações Para armazenar suas alterações.

Defina a imagem de fundo para postagens individuais, páginas, categorias, etc….

« Full Screen Background Pro »Também permite definir imagens de fundo para postagens, páginas, categorias, tags, etc.

Basta alterar a postagem / página onde deseja exibir uma imagem de fundo diferente. Na tela de edição de postagem, você notará a nova caixa “Imagem de fundo” na parte inferior do editor de postagem.

Mudando a imagem de fundo

Para usar uma imagem de fundo para uma categoria específica, você deve visitar o " Aparência> Imagem BG em tela inteira », Clique no botão« Adicionar uma nova imagem ".

Veja neste artigo W3 Total Cache vs WP Super Cache: qual escolher?

Depois de baixar sua imagem, você deve selecionar "categoriaComo o contexto no qual você deseja exibir a imagem de fundo.

Seleção de imagens para categorias

Agora insira o id ou slug da categoria específica onde você deseja exibir a imagem. Lembre-se de salvar sua imagem para armazenar suas configurações.

Se você estiver criando um site para um fotógrafo ou qualquer agência de criação, consulte nossos temas WordPress 3 premium otimizados para esta tarefa.

1. alce

Moose é um tema WordPress bonito e sofisticado que permite personalizar praticamente qualquer site e, especialmente, dar uma ótima aparência em tela cheia.

Moose themes wordpress criar site agência fotográfica

 Ele vem com diferentes combinações de menu e layouts para você começar rapidamente e, se precisar de um avanço, poderá importar uma de suas dez demos em minutos.

Seu design robusto e visual, juntamente com opções de portfólio, layouts de grade e muito mais, o tornam um ótimo local para exibir trabalhos criativos. Mas, francamente, também poderia ser perfeito para qualquer tipo de site comercial.

DescarregarDemohospedagem na web

2. Fotofly

Este tema WordPress é ideal para a criação de qualquer site de fotógrafo. Com um layout pensado para otimizar a exibição de cada uma das suas capturas, será perfeito na conversão de muitos visitantes.

Fotofly themes wordpress create website fotógrafo ilustrador designer

Este tema WordPress é adequado para a criação fácil de qualquer site de fotógrafo, graças à qualidade de seus layouts. O seu mais recente é ultra responsivo e permite que seja visualizado em qualquer dispositivo móvel.

Descubra o 7 WordPress plugins para otimizar o cache do seu site

Ele vem com recursos como: suporte para muitos widgets, compartilhamento em redes sociais, personalização de logotipos, suporte a mega menus, compatibilidade com vários plugins populares, muitas ferramentas dedicadas a blogs, documentação detalhada , suporte multilíngue, efeitos de pairar na imagem, uma poderosa galeria de fotos, suporte a senhas neste e muitos mais.

DescarregarDemohospedagem na web

3. grande Fotografia

Grand Photography é um tema WordPress dedicado a sites de fotografia. Ele vem com o processo de instalação do OneClick que permitirá que você o crie facilmente e em minutos.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Grandes temas de fotografia wordpress criar website fotógrafo ilustrador

Integra cerca de 140 modelos de galeria e página para permitir que você exiba seu trabalho de maneira ideal. Recursos adicionais, como rolagem paralaxe, suporte a vídeo de fundo, permitirão que você use sua criatividade para criar um layout visualmente impressionante.

O editor de galeria avançado permite que você faça upload de fotos em massa e, em seguida, reorganize-as com suporte para a funcionalidade de arrastar e soltar. Você também poderá proteger suas imagens com uma senha. Possui também um tipo de post personalizado dedicado a eventos que lhe permitirá criá-los e informar os seus visitantes sobre a hora, data, local onde irá decorrer a sua exposição, etc…. 

DescarregarDemo | hospedagem na web 

Outros recursos recomendados

Veja também estes artigos para ir mais longe 

Conclusão

Aqui está ! Para este tutorial é isso, espero que você possa adicionar facilmente uma imagem de fundo ao seu blog ou site. Também o convidamos a consultar nosso recursos se você é um blogueiro iniciante. Se você tiver alguma sugestão ou comentário, eles serão bem-vindos.

Pedimos que você compartilhe este artigo em suas diferentes redes sociais.

...

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
6 ações
ação3
chilrear1
Enregistrer2