Defina uma imagem de fundo para o seu site WordPress

cada imagem ou vídeo que você usa em seu site define sua marca para o seu público. Portanto, as imagens de fundo em seu site são importantes e você deve projetá-las ou escolhê-las, mantendo em vista o estilo da sua marca e o público-alvo.

neste tutorial, você aprenderá várias maneiras de definir uma imagem de fundo em seu site WordPress. Eu vou levá-lo através do processo de definir sua imagem de fundo WordPress em detalhes para que você possa facilmente fazê-lo sozinho.

se você está hospedando seu site WordPress com WordPress.com ou estão usando um servidor autogerenciado, este tutorial é para você. Você vai aprender os seguintes métodos de definição de uma imagem de fundo para o seu site WordPress:

• adicionar uma imagem de plano de fundo com tema de WordPress configurações
• adicionar uma imagem de plano de fundo usando plugins WordPress
• adicionar plano de fundo fotos usando CSS

Opção 1. Adicione uma imagem de fundo com as configurações do tema WordPress

muitos temas gratuitos do WordPress permitem que você defina uma imagem de fundo. Estou usando o tema Twenty Twenty-One, que é um tema simples para blogs, portfólios e pequenas empresas. Este tema também permite que você tenha uma imagem de fundo.

faça login na seção de administração do seu site WordPress. Você pode lidar com a maioria das suas configurações do WordPress a partir daqui.

• 
  WordPress
  Como fazer o Login para o Seu Site WordPress Admin Dashboard
  Adi Purdila

Clique em Aparência, que contém todas as definições de como o seu site parece. Você será solicitado a escolher um tema. Escolha Twenty Twenty-One como seu tema (ou qualquer outro tema que permita que você tenha uma imagem de fundo).

agora, passe o mouse sobre o menu Aparência e clique em plano de fundo. A janela do personalizador de tema aparecerá e permitirá que você escolha uma imagem de fundo.

Agora, Selecione a Imagem e escolha uma imagem do seu WordPress Biblioteca ou fazer upload de uma imagem.

você pode definir os detalhes de sua imagem de fundo, como o texto alternativo, título, legenda e descrição. Se o seu foco é SEO, é sempre uma ótima ideia adicionar texto alternativo.

depois de escolher a imagem e salvar as configurações, sua imagem de fundo do WordPress será alterada. Agora, você pode explorar as diferentes opções predefinidas (tela de preenchimento, ajuste à tela, etc.), o que permitirá que você faça sua imagem de fundo parecer exatamente como você deseja.

Lembre-se de clicar no botão Salvar Alterações no topo a esquerda ou suas alterações não serão salvas.

Opção 2. Adicionar uma Imagem de plano de Fundo Usando Plugins WordPress

Usando plugins para fazer alterações na aparência do seu site é somente recomendado se você tem uma auto-geridas site WordPress ou se você investiu em um plano de pagamento de WordPress.com. Se você escolher utilizar plugins com o seu livre WordPress.com conta, o seu domínio será alterada .wordpress.com para .wpcomstaging.com, o que não é ideal.

os Plugins oferecem muitos recursos e funcionalidades para o seu site WordPress. Por exemplo, com um plugin de fundo, você pode adicionar diferentes origens em várias áreas do seu site: postagens, páginas e categorias. Você também pode definir um vídeo do YouTube como plano de fundo com um plug-in. Os Plugins também podem redimensionar suas imagens e vídeos para telefones para que seu público possa desfrutar facilmente do seu site a partir de seus telefones.

• 
  WordPress
  o Que É um Plugin WordPress?
  Rachel McCollin
• 
  WordPress
  17 De Melhor Vídeo de plano de Fundo de Plugins para o WordPress
  Nona Blackman

Para este tutorial, estamos usando um plugin gratuito. É chamado de simples plugin de imagem de fundo em Tela cheia.

depois de ativar o plugin, passe o mouse sobre a aparência. Agora, clique na nova opção, Imagem BG em Tela cheia.

em seguida, clique em Escolher imagem e carregue a imagem desejada como sua imagem de fundo do WordPress. Você também pode escolher uma imagem de sua biblioteca de mídia se tiver adicionado anteriormente sua imagem de fundo preferida lá.

você pode adicionar os detalhes como texto alternativo, legenda e descrição da imagem, se desejar. Clique em usar imagem e salve as opções.

agora, vá para o seu site para ver como sua imagem de fundo do WordPress parece.

Opção 3. Adicionar plano de Fundo Fotos Usando CSS

Novamente para adicionar uma imagem de plano de fundo usando CSS, você vai precisar ter uma auto-hospedado WordPress site, ou assinar um plano pago no WordPress.com. CSS personalizado não só irá permitir que você adicionar uma imagem de plano de fundo, mas você também pode fazer várias alterações na aparência do seu site para torná-lo exatamente como você deseja.

navegue até o painel do WordPress e clique em aparência > CSS adicional.

Agora, adicione essas linhas de código no campo CSS para definir uma imagem de fundo do WordPress.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

substitua http://theimageurl pelo URL da imagem que deseja usar como imagem de fundo do WordPress.

você também pode adicionar fundos e imagens personalizados a postagens individuais em seu site WordPress. Para fazer isso, você precisará deste código:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

assim como antes, você terá que substituir http://anotherimageurl pelo URL da imagem que deseja usar. Você também terá que substituir slug pelo nome de uma categoria existente em seu site.

depois de fazer as alterações no CSS, não se esqueça de clicar no botão Salvar alterações para armazenar todas as modificações. Agora você pode visitar seu site para ver a nova imagem de fundo!

preste atenção ao tamanho da imagem

Antes de enviar qualquer imagem para o seu site WordPress, concentre-se em seu tamanho. É tentador adicionar um visual de alta qualidade. No entanto, isso pode aumentar a velocidade de carregamento do seu site. Não soa como um grande negócio; no entanto, quanto mais lento for o seu site, maior será a taxa de rejeição, o que significa que mais pessoas saem do seu site antes de ler ou ver seu conteúdo. Isso, por sua vez, afeta suas conversões. O Google disse que dois segundos é a velocidade ideal do site, especialmente se você administra uma empresa.

no entanto, por outro lado, adicionar imagens de baixa qualidade apenas para ter um tamanho menor também pode afetar negativamente a experiência do Usuário. Portanto, a prática ideal é manter o equilíbrio e adicionar imagens de boa qualidade, mas apenas quando necessário—é quando elas estão agregando valor ao seu conteúdo e apenas à resolução necessária.

resumo

neste tutorial, mostrei três maneiras de definir a imagem de fundo do WordPress.

1. adicionar uma imagem de plano de fundo através do tema configurações de aparência
2. usando um plugin para adicionar a imagem de fundo
3. adicionar CSS personalizado

Você pode ou não precisar de uma imagem de plano de fundo para o seu site WordPress. No entanto, se você optar por ter uma imagem de fundo, saiba que é um elemento significativo que define o estilo da sua marca para o seu público. Portanto, certifique-se de que sua imagem de fundo do WordPress reflita sua imagem de marca.