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.

fundo aleatório do WordPress

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.

fundo animado

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.

itens de blog classe

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.