Ir para o conteúdo principal

Como mudar a parte traseira da cor planos em WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Um de nossos assinantes nos perguntou se era possível alterar a cor do plano de fundo do WordPress aleatoriamente. As cores do plano traseiro desempenham um papel importante no seu público. Eles podem alterar a maneira como os usuários interagem com seu site. Neste tutorial, mostraremos como alterar aleatoriamente a cor de plano de fundo do seu blog WordPress.

Método 1: Como adicionar cores aleatórias manualmente

Este método é para desenvolvedores. Isso exigirá que você adicione uma parte do código em seus plugins ou temas. Lembre-se que mostramos a você como criar um plugin para WordPress.

Tudo o que você precisa fazer é adicionar o próximo código no seu plug-in ou no 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 anteriormente.

Você precisará modificar o arquivo header.php do seu tema, onde está a tag boy, como na imagem a seguir:

? <Body <Php body_class (); ? >>

Você deve substituí-lo com o seguinte código:

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

? <Body <Php body_class (); ?> Style = "background-color: <? Php wpb_bg ()>?" >>

Salve seu arquivo e atualize sua página, você notará que sempre há uma mudança de cor.

fundo aleatório do WordPress

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Você não tem limite nas cores que pode escolher. É até possível fazer o mesmo com as cores que você predefiniu.

Método 2: Como modificar cores do backplane com um plug-in

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 faboulous. Você pode ler o nosso guia na ativação de instalação e WordPress Plugin.

fundo animado

Ao acessar seu blog, você notará que o blog possui cores de plano de fundo representadas como faixas que mudam em uma transição degradada.

Método 3: como adicionar uma cor personalizada, jogando com classes CSS

Quase todos os temas padrão do WordPress usam a função " body_class Do WordPress na etiqueta corporal. Essa função adiciona classes CSS geradas pelo WordPress ou plug-ins à etiqueta do corpo do seu blog. Cada aula varia dependendo de onde você estiver. A classe de categorias será, portanto, diferente da de arquivos ou autores.

Por exemplo, se você tem um blog com uma categoria chamada " fotografia", Você poderá encontrar a classe correspondente na página de arquivos do blog.

itens de blog classe

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

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; }

É tudo o que você precisa saber. Espero que este tutorial permita adicionar classes personalizadas ao seu blog WordPress. Sinta-se livre para compartilhar este artigo com seus amigos em suas redes sociais favoritas.

Este artigo contém comentários 2
  1. Bom Dia,
    Seu "pedaço de código" me interessa e gostaria de adaptá-lo às minhas necessidades.
    É tudo sobre mudar de cor, digamos 5 segundos.
    Eu não encontrei o caminho para fazer isso. Eu não sei o php e o uso de um temporizador.
    Você pode me colocar no caminho, por favor?

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
2 ações
ação2
chilrear
Enregistrer