Categoria de Cada Cor
-
Alguém sabe como fazer para cada categoria ter uma cor especifica?
procurei no google mas não encontrei nada que ajudasse , como fazer?
-
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
Mas em todas as pagina a BODY esta com a mesma classe, você tem algum código que mostra uma classe especifica?
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().
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-supportna pagina da categoria:
archive category category-lancamentos category-2 logged-in admin-bar no-customize-supportComo adicionar a classe especifica a categoria isso que nao consegui entender ainda..
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
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 :/
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-metaSe não quer criar classes com ID/slug, é melhor usar os terms meta e então pode imprimir esse valor num CSS inline.
como utilizo o slug como classe? então tentei esse tutorial mas nao deu muito certo :/
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 7 anos, 5 meses atrás por Mário Valney.
- Esta resposta foi modificada 7 anos, 5 meses atrás por Mário Valney.
- Esta resposta foi modificada 7 anos, 5 meses atrás por Mário Valney.
- Esta resposta foi modificada 7 anos, 5 meses atrás por Mário Valney.
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!
- O tópico ‘Categoria de Cada Cor’ está fechado para novas respostas.