{"id":36566,"date":"2014-01-12T21:47:09","date_gmt":"2014-01-12T21:47:09","guid":{"rendered":"https:\/\/br.wordpress.org\/support\/topic\/mudar-cor-do-texto-de-acordo-com-a-categoria-wordpress\/"},"modified":"2016-08-06T01:25:53","modified_gmt":"2016-08-06T01:25:53","slug":"mudar-cor-do-texto-de-acordo-com-a-categoria-wordpress","status":"closed","type":"topic","link":"https:\/\/br.wordpress.org\/support\/topic\/mudar-cor-do-texto-de-acordo-com-a-categoria-wordpress\/","title":{"rendered":"Mudar cor do texto de acordo com a categoria wordpress"},"content":{"rendered":"

H\u00e1 anos tento encontrar um tutorial explicativo mais,nada conseguiu me ajudar. <\/p>\n

Eu preciso do seguinte, eu estou criando um blog de noticias relacionadas a games, e por exemplo, na PAGINA INICIAL,mostra 10 posts, e cada post eu uso categorias, e o que eu quero \u00e9 que cada post, tenha um estilo diferente, dependendo da sua categoria. Exemplo:<\/p>\n

– Post relacionado a playstation 4, com uma borda azul
\n– Post relacionado a xbox one, com uma borda verde
\n– Posts sem categoria com uma cor predominante na tag do post normal.<\/p>\n

na tag <div class=”box-post-index”> eu precisaria colocar uma tag que chamasse a categoria do post, e no css, ficasse algo assim:<\/p>\n

\n

.box-post-index .ps4 {
\nborder-bottom: 5px solid #0056C4 !important;
\n}<\/p>\n<\/blockquote>\n

o que eu posso usar para chamar a categoria?<\/p>\n

Meu loop relativo aos posts \u00e9 esse:<\/p>\n

\n

<!– POST 3 —————————–>
\n<?php query_posts( ‘posts_per_page=1&offset=2’ );?><?php if (have_posts()) : while (have_posts()) : the_post(); ?><\/p>\n

<div class=”box-post-index”><\/p>\n

<div id=”box-img”>
\n“>\t\t<?php if(has_post_thumbnail()) {\/\/the_post_thumbnail();?><img src=”<?php bloginfo(‘template_directory’); ?>\/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=500&w=1000&zc=1”><?php } else {echo ‘<img src=”‘.get_bloginfo(“template_url”).’\/imagens\/nothumb.jpg” alt=”No Thumbnail”\/>’;}?><\/a>
\n<\/div><\/p>\n

<div class=”box-post”>
\n\t\t\t<div class=”title”>“><h4><?php the_title(); ?><\/a><\/h4><\/div><\/p>\n

<div class=”resumo”><?php the_excerpt(); ?> <\/div><\/p>\n

<!– box-post –><\/div>
\n<!– box-post-index –><\/div><\/p>\n

<?php endwhile; ?>
\n <?php endif; ?><\/p>\n

<!– POST —————————–><\/p>\n<\/blockquote>\n

\u00e9 “manual” e coloco o mesmo c\u00f3digo um seguido do outro trocando o
\n<?php query_posts( ‘posts_per_page=1&offset=2’ );?><\/p>\n

Espero que me entendam e me ajudem, n\u00e3o sou profissional, entao vao devagar rs<\/p>\n","protected":false},"template":"","class_list":["post-36566","topic","type-topic","status-closed","hentry","topic-tag-categorias","topic-tag-posts"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/36566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/36566\/revisions"}],"wp:attachment":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=36566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}