Clicky

Jump to content
  • Sign Up
Sign in to follow this  
Giovanne Batista

z-index definido por uma categoria?

Recommended Posts

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 by Giovanne Batista

Analista de Sistemas & WebDesigner

Share this post


Link to post
Share on other sites

No blog vc pode usar como categorias 


Fox Soluções  | Streaming Áudio - Revendas de Streaming | Data Center Brasil  EUA  | www.FoxSolucoes.com
 

Share this post


Link to post
Share on other sites

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.


 Super T Host | Revenda de Hospedagem Ilimitada a partir de R$ 25,95 por mês
 Utilize o cupom PDH e ganhe 60% de desconto nos 3 primeiros meses nos planos de Revenda.
 www.superthost.com.br - Telefone e WhatsApp 21 4125 4334

Share this post


Link to post
Share on other sites

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

https://codex.wordpress.org/


 Super T Host | Revenda de Hospedagem Ilimitada a partir de R$ 25,95 por mês
 Utilize o cupom PDH e ganhe 60% de desconto nos 3 primeiros meses nos planos de Revenda.
 www.superthost.com.br - Telefone e WhatsApp 21 4125 4334

Share this post


Link to post
Share on other sites

@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

 


Leaf Host | Hospedagem, Revendas, Servidores VPS | https://www.leafhost.com.br | http://status.leafhost.com.br/ | http://www.facebook.com/leafhost

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.




×
×
  • Create New...