Suporte » Plugins » Categoria de Cada Cor

  • Resolvido degaus

    (@degaus)


    Alguém sabe como fazer para cada categoria ter uma cor especifica?

    procurei no google mas não encontrei nada que ajudasse , como fazer?

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Olá @degaus, tudo bem?

    Há várias formas de fazê-lo. Mas basicamente você vai alterar o CSS do seu Tema quando for necessário mudar de cor.

    A forma fácil

    Procura a classe que o WordPress adiciona ao BODY e usa isso para criar suas regras CSS

    A forma difícil

    Usa metadados da taxonomia, como explica nesse tutorial.

    O legal desse tutorial é que ele usa justamente para criar um parâmetro de cor.

    Abraços

    Criador do tópico degaus

    (@degaus)

    Mas em todas as pagina a BODY esta com a mesma classe, você tem algum código que mostra uma classe especifica?

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    O WordPress adiciona as classes de acordo com a página.
    Por exemplo, no meu site a Página Inicial tem as classes home e blog e a Página da Categoria Android tem as classes archive, category, category-android e category-167.

    Então perceba que é possível criar regras de CSS para as páginas de arquivo, para as páginas de categoria, para essa categoria em particular pelo slug e pelo ID.

    Se o seu Tema não está exibindo essas classes, provavelmente ele não dá suporte a isso. Verifique se na tag BODY ele usa a função body_class().

    Criador do tópico degaus

    (@degaus)

    Entendi como fazer na página categoria , mas na home não entendi muito bem..

    na home:
    home page-template page-template-page-home page-template-page-home-php page page-id-16 logged-in admin-bar no-customize-support

    na pagina da categoria:
    archive category category-lancamentos category-2 logged-in admin-bar no-customize-support

    Criador do tópico degaus

    (@degaus)

    Como adicionar a classe especifica a categoria isso que nao consegui entender ainda..

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    A função body_class coloca a classe da categoria apenas na página de categoria.

    Se você quer que alguma classe (da categoria ou não) apareça em outros lugares, você vai precisar alterar seu Tema para isso. É o código do Tema quem cuida de imprimir o HTML, consequentemente, as classes, seja onde for.

    Abraços

    Criador do tópico degaus

    (@degaus)

    Então eu to fazendo o tema do zero , ai queria que cada categoria de uma cor ai tem o loop de post com as categorias.. mas nao consigo fazer a jogada de cada categoria com uma cor :/

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Como você está criando, basta criar uma classe no elemento que quer a cor.
    Usa o ID ou o slug da categoria (você tem acesso, já que disse que está num loop de caregotias).

    O resto é CSS.

    Além disso, você viu o link que mandei?
    http://themehybrid.com/weblog/introduction-to-wordpress-term-meta

    Se não quer criar classes com ID/slug, é melhor usar os terms meta e então pode imprimir esse valor num CSS inline.

    Criador do tópico degaus

    (@degaus)

    como utilizo o slug como classe? então tentei esse tutorial mas nao deu muito certo :/

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Para desenvolver um Tema, você ter conhecimento em PHP, HTML, CSS e Javascript, pelo menos.

    Você vai usar o HTML para criar o elemento que você quer, por exemplo:

    <div class="categoria-exemplo"></div>

    Com o CSS você dá a cor que quiser, ao background, por exemplo:

    .categoria-exemplo {
        background: red;
    }

    E com o PHP você insere conteúdo dinâmico, por exemplo, digamos que você tem uma Array de categorias (objetos WP_Term) e no Loop a variável de cada item é $category, o código acima (o do HTML) ficaria assim:

    <div class="categoria-<?php echo $category->slug; ?>"></div>

    Pronto.

    Agora se você não entendeu algum desses passos, recomendo estudar a linguagem para depois tentar criar um Tema.

    Além disso, minha dica é: experimente!

    Se você já está com o looping de categorias, como você disse, dê um print_r ou var_dump no objeto e pronto! Você descobre o que tem nele e como pegar. Ou pelo menos, descobre que o objeto do termo (da categoria) é WP_Term, sem falar que provavelmente a função que está usando para pegar as categorias já fala disso.

    No mais, posso te indicar esse post sobre Como começar no WordPress.

    Abraços

    • Esta resposta foi modificada 5 anos, 2 meses atrás por Mário Valney.
    • Esta resposta foi modificada 5 anos, 2 meses atrás por Mário Valney.
    • Esta resposta foi modificada 5 anos, 2 meses atrás por Mário Valney.
    • Esta resposta foi modificada 5 anos, 2 meses atrás por Mário Valney.
    Criador do tópico degaus

    (@degaus)

    Muito obrigado pela atenção e ajuda Mário me ajudou demais com essa dúvida , mas dei uma pesquisada boa.. e encontrei o ( <?php post_class(); ?> ) e ele solucionou o meu problema porque ele tem a mesma função do ( body_class() ) ai eu peguei o nome da classe da categoria e adicionei um estilo e funcionou 😀

    Abraço e muito obrigado!

Visualizando 11 respostas - 1 até 11 (de um total de 11)
  • O tópico ‘Categoria de Cada Cor’ está fechado para novas respostas.