Está a pensar como adicionar uma imagem de fundo ao seu sítio Web WordPress?
As imagens de fundo podem ser utilizadas numa variedade de sítios diferentes para as tornar mais envolventes e podem melhorar o design do seu sítio.
Vamos acompanhá-lo passo a passo sobre como adicionar facilmente uma imagem de fundo ao seu sítio WordPress.
Tabela de Conteúdos
1. Adicionar uma Imagem de Fundo através de Definições de Tema do WordPress
A maioria dos temas WordPress oferecem suporte de fundo personalizado. Isto significa que pode alterar facilmente a imagem de fundo no seu sítio WordPress.
Esta é provavelmente a forma mais simples de adicionar um fundo, por isso, se o seu tema WordPress suporta isto, pode continuar com este método.
Se o seu tema não oferecer esta funcionalidade, temos muitos outros métodos listados abaixo para que possa seguir.
Navegue até Appearance > Personalize no seu painel de administração do WordPress. Isto vai levá-lo ao personalizador de temas do WordPress. Aqui pode alterar as definições do seu tema com uma pré-visualização ao vivo para ver as alterações do seu sítio web.
Sob o separador Cores e Fundos , verá opções para seleccionar a imagem de fundo, ou alterar a cor e o padrão de fundo. Localize o botão‘Seleccionar Imagem‘ e clique nele.
Verá agora a sua biblioteca multimédia WordPress onde pode carregar uma imagem do seu computador, ou seleccionar uma imagem da sua biblioteca multimédia para aplicar como imagem de fundo no seu sítio Web WordPress.
Clique na imagem que pretende definir como imagem de fundo e prima ‘Escolher imagem’ para continuar. Isto irá agora fechar a biblioteca multimédia e a sua imagem seleccionada será exibida na secção de pré-visualização do personalizador do tema.
Pode personalizar ainda mais a sua imagem de fundo seleccionando‘Opções‘. Aqui verá a opção de posicionar a sua imagem, repeti-la (se não for suficientemente grande), e muito mais.
2. Usar um Plugin para personalizar a imagem de fundo no WordPress
Se o seu tema não lhe permitir personalizar a imagem de fundo através do personalizador de temas, pode utilizar um plugin que funcionará com qualquer tema.
O plugin Full Screen Background Pro permite-lhe definir fundos para qualquer post, página, ou qualquer outra parte do seu site WordPress.
Todas as imagens serão automaticamente tornadas sensíveis em ecrã inteiro e móveis, o que é muito difícil de conseguir através do personalizador de temas.
Primeiro, instalar o plugin Full Screen Background Pro. Uma vez instalado, activar o plugin.
Navegue para Appearance > Imagem BG de ecrã inteiro onde pode configurar as configurações de plugin.
Este plugin é um plugin premium, e portanto não é gratuito. Quando navegar para o local acima indicado, poderá ser-lhe pedido que introduza a sua chave de licença. Isto pode ser encontrado no e-mail que recebeu após a compra do plugin.
Clique em‘Guardar definições‘ para guardar as suas alterações. Agora está pronto para começar a adicionar imagens de fundo às suas páginas, posts, e categorias do WordPress.
Seleccione ‘Adicionar imagem‘ na página de definições do plugin. Tal como fizemos com o método um, seleccione ‘Choose Image’ para lançar a biblioteca de meios de comunicação no WordPress.
Precisará de adicionar um nome de imagem, mas este só será exibido no backend do WordPress, por isso nomeie algo relevante para a imagem.
Escolha onde quer que a imagem seja exibida:
- Global
- Categoria
- Arquivos
- Páginas
- Correios
- Blog
- Página principal
- Pesquisa
- 404
- Login
3. Adicionar uma imagem de fundo através do CSS Hero
CSS Hero é um plugin WordPress que torna possível alterar o tema do seu website WordPress sem qualquer codificação.
Esta é uma opção perfeita para principiantes que querem mais flexibilidade do que o personalizador de temas oferece, mas podem não estar preparados para outros métodos mais complicados.
Instale e active o CSS Hero, depois navegue para a sua página inicial no seu brwoser da Internet. No topo, verá a opção de‘Personalizar com CSS Hero‘; clique neste link na sua barra de administração.
CSS Hero é um plugin premium, com planos a partir de $19 por ano. Se estiver a personalizar apenas um site, pode escolher a opção Starter.
Uma vez clicado o botão na barra de administração, terá as opções do CSS Hero. Passe o rato sobre a área em que pretende alterar a imagem de fundo.
Escolher a ligação de fundo na barra lateral esquerda e depois seleccionar ‘Imagem’. Pode carregar as suas próprias imagens ou escolher uma de Unsplash, que é um site de fotografia de stock gratuito.
Quando tiver a imagem que deseja adicionar como imagem de fundo ao seu sítio Web WordPress, seleccione ‘Aplicar imagem’. Pode ajustar o tamanho da sua imagem e muito mais através das opções.
Se estiver pronto para ver a sua nova imagem de fundo em acção, clique em ‘Guardar e Publicar’. CSS Hero trabalha com uma variedade de outros plugins como a Elementor, por isso não se esqueça de verificar a sua compatibilidade para a sua compra.
4. Adicionar uma imagem de fundo utilizando CSS
WordPress, por defeito, adiciona classes CSS aos diferentes elementos do seu sítio WordPress. Se estiver pronto para experimentar o código CSS, então este método pode ser o melhor para si.
Se tiver uma categoria no seu sítio WordPress chamada ‘Revisões’, então as classes CSS serão automaticamente adicionadas quando esta página de categoria for visualizada.
Navegue para uma página de categoria, clique com o botão direito do rato, depois seleccione ‘Inspeccionar’. Poderá ver as aulas de CSS que foram acrescentadas pelo WordPress.
Neste exemplo, pode usar aclasse CSS de revisão de categoria para dar um estilo diferente a esta categoria de qualquer outra no seu sítio WordPress.
Adicione o seguinte CSS personalizado ao seu tema, lembrando-se de substituir a categoria e a imagem de fundo às suas próprias exigências.
|
1
2
3
4
5
6
7
|
body.category-reviews { background-image: url("http://example.com/wp-content/uploads/2019/03/your-background-image.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;} |
5. Roundup
Esperamos que este artigo tenha sido útil para lhe ensinar como adicionar uma imagem de fundo no WordPress. Para mais tutoriais WordPress, visite a nossa página do blogue e use a função de pesquisa para encontrar mais guias WordPress!
