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 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

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.

Assumimos que você já instalou o WordPress. Se você ainda não o fez, consulte este guia Como instalar um blog WordPress nas etapas 7.

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

Método 1. Adicione uma imagem de plano de fundo usando as configurações do tema

A maioria dos temas gratuitos e premium para WordPress têm um recurso de personalização de imagem de fundo. Esse recurso permite definir facilmente uma imagem de plano de fundo no seu site WordPress.

Se o seu tema WordPress suportar um recurso de plano de fundo personalizado, recomendamos o uso desse 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ê poderá usar outros métodos neste tutorial.

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

Primeiro, você deve visitar a página " 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.

Então você tem que clicar na opção "Imagem de Fundo". O painel desliza e mostra as opções para baixar ou selecionar uma imagem de plano de fundo do seu site.

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.

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

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

Abaixo da imagem, você também verá as opções de imagem de fundo. Em 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 no 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 êxito uma imagem de plano 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. Adicione uma imagem de plano de fundo personalizada no WordPress usando um plug-in

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

Ele permite que todas as suas imagens de fundo sejam exibidas em tela cheia e no celular. Isso significa que sua imagem de fundo será redimensionada automaticamente em dispositivos menores.

Primeiro, você precisa instalar e ativar o plug-in " Full Screen Background Pro ". Para mais detalhes, consulte o nosso guia passo a passo sobre como instalar um plugin do WordPress .

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

Você precisará adicionar sua chave de licença. Você pode obter essas informações no e-mail recebido após a compra do plug-in ou da sua conta no site do plug-in.

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

Vá em frente e clique no botão Adicionar uma nova imagem Na página de configurações do plug-in. Isso levará você para a tela de download do plano de fundo.

Clique no botão Escolha imagem Para baixar ou selecionar uma imagem. Assim que você selecionar a imagem, verá uma visualização 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.

Por fim, você precisa selecionar onde deseja que esta imagem seja usada como página de segundo plano. " Full Screen Background Pro Permite configurar 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 a página " Aparência> Tela Inteira BG Imagem ".

Se você definir mais de uma imagem a ser usada globalmente, o plug-in começará automaticamente a exibir imagens de plano de fundo como uma apresentação de slides.

Você pode ajustar o tempo necessário para que a imagem desapareça e a duração da animação de desbotamento.

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]

O horário que você entra aqui é em milissegundos. Para que a imagem de plano de fundo desapareça após segundos do 20, insira o 20000.

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

Defina a imagem de plano de fundo para artigos individuais, páginas, categorias, etc.

« Full Screen Background Pro Também permite definir imagens de plano de fundo para publicações, páginas, categorias, etiquetas, etc.

Simplesmente edite a publicação / página em que deseja exibir uma imagem de plano de fundo diferente. Na tela de edição da publicação, você notará a nova caixa "Imagem de plano de fundo" na parte inferior do Publicador.

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

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

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

Agora insira o identificador ou lesma da categoria específica em que deseja exibir a imagem. Não se esqueça 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.

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.

Descarregar | Demo | hospedagem 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.

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.

Descarregar | Demo | hospedagem 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]


Ele integra quase modelos de galerias e páginas 140 para permitir a exibição ideal de seu trabalho. Recursos adicionais, como rolagem de paralaxe, suporte a vídeo em segundo plano, permitem que você use sua criatividade para criar um layout visualmente deslumbrante.

O Advanced Gallery Editor permitirá que você envie fotos em massa e depois as reorganize com suporte ao recurso de arrastar e soltar. Você também terá a possibilidade de proteger suas imagens por senha. Ele também possui um tipo personalizado de postagem dedicada aos eventos que permitirá que você os crie e informe seus visitantes sobre a hora, a data, o local onde sua exposição será realizada etc.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Veja também estes artigos para ir mais longe

Conclusão

Voila! Isso é tudo para este tutorial, espero que você possa adicionar facilmente uma imagem de plano de fundo ao seu blog ou site. Também convidamos você a consultar nosso recursos se você é um blogueiro iniciante. Se você tiver alguma sugestão ou comentário, será bem-vindo.

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