Posts lado a lado/Estilo para cada post

  • heymarcelous

    (@heymarcelous)


    8 anos atrás

    Olá!

    Duas coisas.

    1. Estou criando um tema e, na página inicial, os posts ficarão lado a lado. Usei float: left para isso, mas como os tamanhos são diferentes, ao invés de ficar um abaixo do outro, ficou um espaço vazio, como na imagem:

    E eu queria que ficasse assim:

    O que preciso adicionar ao CSS para que fique como quero?

    2. Nesse tema, os posts terão estilos diferentes para cada categoria. Se for da categoria Notícias, seria um título azul, e Colunas, um título rosa, por exemplo. O que preciso fazer no tema para que isso seja feito automaticamente, sem precisar instalar um plugin de layouts para páginas?

Visualizando 1 resposta (de um total de 1)
  • Moderador Felipe Elia

    (@felipeelia)

    7 anos, 11 meses atrás

    Oi @heymarcelous,

    1. Tenho quase certeza de que não é possível apenas com CSS. Dê uma olhada no plugin jQuery “masonry”, ele faz exatamente o que você quer.

    2. Você vai precisar alterar o loop que gera o html dos posts e incluir uma chamada para a função post_class. Assim cada item terá uma classe conforme sua categoria e você poderá exibi-las alterando seus estilos CSS.

    Se não houver mais nenhuma dúvida sobre esse assunto, não esqueça de marcar seu tópico como resolvido, ok?

Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Posts lado a lado/Estilo para cada post’ está fechado para novas respostas.