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:

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]

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

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

? <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ê 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

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]

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

A partir deste momento, você pode aplicar um estilo específico a essa tag.

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. [FREE]

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