z-index definido por uma categoria?

[Giovanne Batista]

Eu observei que em alguns sites de filmes online eles colocam uma informação em cima da imagem do post por exemplo a qualidade do filme (conforme na imagem de exemplo) que é definida por uma categoria (Por exemplo: HDrip, DVDrip e outras conforme a imagem exemplo), eu quis aproveitar isso no meu blog Wordpress, porém pesquisei e não encontrei nada que me ajuda-se a fazer isso funcionar no meu blog também. Queria saber como é feito, há um plugin para isso?

Exemplo: http://i.imgur.com/ciwUZ63.png

Agradeço a ajuda desde já!

Edited August 29, 2015 by Giovanne Batista

[Otavio]

No blog vc pode usar como categorias 

[Thiago Sabaia]

Aquilo é um recurso do template, onde é adicionado um campo a edição/criação de post do WordPress onde o texto que você escrever ali irá aparecer naquele espaço.

[Giovanne Batista]

@Thiago Sabaia É possível aplicar esse recurso em outro template?

Edited August 30, 2015 by Giovanne Batista

[Thiago Sabaia]

Sim, basta você entender de programação e estudar o codex 

https://codex.wordpress.org/

[Riad Vargas]

@Giovanne Batista

Dentro do seu loop de listar os posts, é só utilizar a função "get_the_category()" e depois estilizar conforme achar necessário, creio que nem será preciso alterar o z-index, apenas editar com o "position: relative;" e a posições via "top, right, left, bottom".

 

Exemplo PHP (Wordpress):

// Início do Loop
    <div> Imagem </div>
    <div class="categoria">
        <?php 
            $categoria = get_the_category(); 
            echo $categoria[0]->name; 
            // Exibe o nome da primeira categoria relacionada ao post encontrada.
        ?>
    </div>
// Fim do Loop

 

[Giovanne Batista]

Obrigado @Riad Vargas vou tentar implementar isso no meu loop de posts. 

[Riad Vargas]

@Giovanne Batista

Opa, que isso! Qualquer dúvida posta aí que tentamos solucionar.