Fundos personalizados é um recurso de tema do WordPress que permite que os desenvolvedores de temas habilitem o suporte à personalização de cores e imagens de fundo.
Se o suporte a planos de fundo personalizados estiver ativado em um tema, os usuários poderão carregar suas próprias imagens de plano de fundo para usar com o tema ou selecionar uma cor de plano de fundo.
A opção para alterar as cores do plano de fundo ou alterar a imagem do plano de fundo pode ser encontrada em Appearance (Aparência) na barra lateral do painel de administração do WordPress.

O link para alterar ou modificar as configurações é intitulado Background (Plano de fundo ) e oferece a opção de carregar uma imagem ou cor de fundo personalizada.
Os usuários também poderão ver a visualização ao vivo enquanto definem a imagem de fundo.
O recurso pode ser adicionado aos temas e ativado modificando o arquivo functions.php
. O processo para fazer isso é mostrado abaixo.
Como adicionar suporte a planos de fundo personalizados a um tema do WordPress
Para ativar o suporte a planos de fundo personalizados, adicione a função add_theme_support()
no arquivo functions.php
do seu tema com a seguinte configuração.
Exemplo:
1 2 3 4 5 6 7 8 9 10 11 | $defaults = array ( 'default-color' => '' , 'default-image' => '' , 'default-repeat' => '' , 'default-position-x' => '' , 'default-attachment' => '' , 'wp-head-callback' => '_custom_background_cb' , 'admin-head-callback' => '' , 'admin-preview-callback' => '' ); add_theme_support( 'custom-background' , $defaults ); |
Se você quiser predefinir uma imagem de fundo padrão para um tema, altere a opção default-image para adicionar o local da imagem que deseja usar.
Observação: em vez de editar diretamente o arquivo functions.php do seu tema, o que poderia danificar seu site, recomendamos adicionar esse código usando um plug-in de trechos de código como o WPCode.

Para obter instruções passo a passo, consulte nosso guia sobre como adicionar facilmente códigos personalizados no WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.