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
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 a sua tema WordPress suporta um recurso de plano de fundo personalizado, recomendamos usar este método para adicionar uma imagem de plano de fundo ao seu site WordPress. No entanto, se o seu tema não for compatível com a funcionalidade de plano de fundo personalizada, você poderá 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 Personalizador de tema WordPress onde você pode alterar vários parâmetros deste último enquanto assiste a uma visualização em tempo real.
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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ê está prestes a criar um site para fotógrafo ou para qualquer agência criativa, confira nossos 3 Temas do WordPress premium otimizado 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.
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….
Descarregar | Demo | hospedagem na web
Outros recursos recomendados
Veja também estes artigos para ir mais longe
- Como configurar o plugin WordPress Slider Revolution
- Como criar um layout personalizado com Elementor
- Como criar uma conta do YouTube e adicionar seus vídeos no WordPress
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.
...