Um de nossos assinantes nos perguntou se era possível alterar aleatoriamente a cor de fundo do WordPress. As cores de fundo desempenham um papel importante no seu público. Eles podem mudar a forma como os usuários interagem com o seu site. Neste tutorial, mostraremos como alterar aleatoriamente a cor de fundo do seu blog WordPress.
Método 1: Como adicionar cores aleatórias manualmente
Este método é destinado a desenvolvedores. Exigirá que você adicione uma parte do código em seus plug-ins ou temas. Lembre-se de que você foi mostrado como criar um plugin para WordPress.
Tudo o que você precisa fazer é adicionar o seguinte trecho de código ao seu plugin ou ao arquivo “functions.php” do seu tema.
função bpc_bg () {$ rand = matriz ( '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 'a', 'b', 'c', 'd', 'e', 'f'); $ Color = '#'. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)]. $ Rand [rand (0,15)] $ rand [rand (0,15)] $ rand [rand (0,15)] .. echo $ cor; }
Esta função exibe apenas as cores hexadecimais que gera de antemão.
Portanto, você precisará modificar o arquivo header.php do seu tema, onde a tag boy está localizada como na imagem a seguir:
>
Você deve substituí-lo com o seguinte código:
estilo = "cor de fundo: ">>
Salve seu arquivo e atualize sua página, você notará que sempre há uma mudança de cor.
Você não tem limite para as cores que pode escolher. É até possível fazer a mesma coisa com as cores predefinidas.
Método 2: como alterar as cores de fundo com um plugin
a renderização desse método é melhor. Porque permite exibir várias cores ao mesmo tempo e dinamicamente. Tudo que você precisa fazer é instalar e ativar o plugin cores de fundo fabulosas. Você pode ler o nosso guia sobre a instalação e ativação de plug-ins do WordPress.
Ao acessar seu blog, você notará que este último possui cores de fundo representadas como listras que mudam em uma transição gradiente.
Método 3: como adicionar uma cor personalizada, jogando com classes CSS
Aula de prescrição Temas do WordPress padrão use a função " body_class » do WordPress na tag “body”. Esta função adiciona classes CSS geradas pelo WordPress ou plugins à tag body do seu blog. Cada aula varia dependendo do local em que se está. A classe das categorias será, portanto, diferente daquela dos arquivos ou dos autores.
Por exemplo, se você tem um blog com uma categoria chamada " fotografia“, Então você pode encontrar a classe correspondente na página de arquivos do blog.
A partir deste momento, você pode aplicar um estilo específico a essa tag.
body.category-fotografia {background-color: #faebd7; }
Da mesma forma, você pode aplicar um código específico para uma categoria específica
body.postid-65 {background-color: #faebd7; }
Isso é tudo o que há para saber. Espero que este tutorial permita que você adicione classes personalizadas em seu blog WordPress. Sinta-se livre para compartilhar este artigo com seus amigos em suas redes sociais favoritas.
Bom Dia,
Seu "pedaço de código" me interessa e gostaria de adaptá-lo às minhas necessidades.
Trata-se de mudar a cor a cada, digamos 5 segundos.
Eu não encontrei uma maneira de fazer isso. Não sei sobre php e o uso de um temporizador.
Você pode me colocar no caminho, por favor?
Bom Dia,
Eu ainda não testei essa abordagem. Entrarei em contato com você assim que tiver uma solução.