Suporte » Temas » Página personalizada para cada item do menu

  • Resolvido jcneto

    (@jcneto)


    Pessoal estou com uma dúvida, nem sei se é possível fazer? mas quero criar um tema (já sei criar temas personalizados) onde no menu do site teria, água, terra, ar, fogo e quando clicar em água todo o tema mudasse para tons de azul com imagens de água e tal,textos sobre água e assim por diante. não sei se fui claro, mas resumindo gostaria que ao clicar em um item do menu todo o site mudasse.

    se alguém puder me orientar agradeço muito! não tenho conhecimento aprofundado em PHP

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • Eduardo

    (@eduardozulian)

    Bicho, você pode usar a função body_class() para atribuir classes a tag body do seu HTML. Com essas classes na mão, é possível mudar, por exemplo, o fundo de um site dependendo da página em que você está.

    Fiz algo parecido onde é possível definir uma cor para cada página, precisa gerar o css na hora o que significa injetar css no header (fica um blocão de código).

    Criador do tópico jcneto

    (@jcneto)

    Bicho, você pode usar a função body_class() para atribuir classes a tag body do seu HTML. Com essas classes na mão, é possível mudar, por exemplo, o fundo de um site dependendo da página em que você está.

    Olá Eduardo, desde já obrigado pela resposta, tem muita coisa de PHP que ainda não conheço por isso estou estudando quando tenho tempo, e não sei como usar a body_class()essa função tenho que colocar em todas as páginas? dei uma olhada no link que vc enviou acho que deu pra entender um pouco mas não entendi completamente não.

    Criador do tópico jcneto

    (@jcneto)

    Fiz algo parecido onde é possível definir uma cor para cada página, precisa gerar o css na hora o que significa injetar css no header (fica um blocão de código).

    Não entendi esse negócio de gerar o css na hora, se eu colocar um css na header o que mudaria? pelo que sei é apenas uma header para todo o site, pode me explicar melhor?

    Obrigado

    Eduardo

    (@eduardozulian)

    Vamos por partes: o que você não entendeu? A função você colocará dentro do seu <body>, que provavelmente estará apenas sendo chamado em seu header.php.

    Criador do tópico jcneto

    (@jcneto)

    Vamos por partes: o que você não entendeu? A função você colocará dentro do seu <body>, que provavelmente estará apenas sendo chamado em seu header.php.

    Certo irei colocar a função dentro do body, e depois o que devo fazer?

    Eduardo

    (@eduardozulian)

    Você irá criar os estilos para a sua página dentro do seu arquivo style.css, exatamente como está sendo mostrado no link que eu te passei sobre a documentação da função. É preciso ler a documentação também, amigo.

    Olá,

    Se observar o código de cada página, post ou listagem de categoria você vai ver que body possui classes ex.: <body class="page page-id-10 page-template-default logged-in">. Então você cria estilos a partir destas classes, algumas tem nomes outras são só por ID mesmo, ex.:

    .page-id-10     {bakground: blue}
    .page-id-13     {bakground: brown}
    .page-id-36     {bakground: cyan}
    .page-id-67     {bakground: orange}

    É claro que para estilizar cada elemento, você vai ter bem mais código que isso.

    Criador do tópico jcneto

    (@jcneto)

    Obrigado pessoal, vou dar uma estudada nisso, dai eu retorno pra vcs.

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • O tópico ‘Página personalizada para cada item do menu’ está fechado para novas respostas.