Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result

Início » Desenvolvimento WordPress » O poder da Post Class

O poder da Post Class

Leandro Vieira by Leandro Vieira
7 anos ago
Reading Time: 2 min
1
O poder da Post Class
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

Continuando a saga das funcionalidades poderosas do WordPress, seguimos agora com a Post Class. Uma Template Tag do WP destinada para o controle do estilo CSS de posts.

Conteúdo relacionado

Como criar Web Stories no WordPress

Como criar blocos reutilizáveis no Gutenberg

Como habilitar recursos ocultos do Gutenberg no tema WordPress

O poder da Post Class

O que é Post Class?

Post Class é uma Template Tag do WordPress que quando utilizada pelo desenvolvedor do tema, gera nomes de classes para no atributo class da tag que engloba um post dentro do loop ou na tag que engloba a exibição de um post único.

Por que e quando usar Post Class?

Pelo mesmo motivo do uso da Body Class, uma outra poderosa função do WordPress: “Por que você quer ser um Ninja em WordPress e flexibilizar o trabalho o Front-End”.

Como usar Post Class?

Você, desenvolvedor Ninja em WordPress, deve inserir a função post_class na tag que engloba o post dentro dos loops.

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

A Post Class também pode, ou melhor, deve ser inserida também na tag em engloba a exibição do conteúdo de um post único, como por exemplo na single.php.

Quando utilizada, a Post Class pode incluir uma ou mais classes. Tudo depende da página que está sendo exibida e a sua implementação.

Classes comuns

  • post-{id}
  • post
  • attachment
  • sticky
  • .hentry
  • category-{id}
  • category-{name}
  • tag-{name}

Classes padrão

Como eu disse, as classes são exibidas de acordo a página que está sendo visualizada. Na documentação da post_class no Codex, você pode conferir as classes padrão utilizadas em cada modelo de página.

Usando fora do loop

<?php post_class( '', $post_id ); ?>

Você ainda pode adicionar novas classes através de filtros disponibilizados pelo WordPress, porém, mostrarei com mais detalhes em breve. Se você ainda não leu sobre a Body Class, recomendo! Continue ligado aqui no Blog da Apiki. Tem muita novidade vindo por aí.

Grande abraço!

Cursos de WordPress para Desenvolvedores

Tags: csspost_class
Share8Share1SendShare
Previous Post

Organize melhor seu JavaScript na administração do WordPress

Next Post

As Páginas Singulares dentro da Hierarquia de templates do WordPress

Leandro Vieira

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.

Related Posts

Anatomia do Gutenberg, o editor do WordPress
Desenvolvimento WordPress

Anatomia do Gutenberg, o editor do WordPress

13 de janeiro de 2021
As vantagens do editor Gutenberg para WordPress
Desenvolvimento WordPress

As vantagens do editor Gutenberg para WordPress

19 de agosto de 2020
Metodologia BPM para melhoria de processos dentro da empresa
Desenvolvimento WordPress

Metodologia BPM para melhoria de processos dentro da empresa

15 de janeiro de 2021
Scrum e PMBOK - aliados na gestão de projetos
Desenvolvimento WordPress

PMBOK e Scrum: grandes aliados na gestão de projetos

15 de janeiro de 2021
Next Post
As Páginas Singulares dentro da Hierarquia de templates do WordPress

As Páginas Singulares dentro da Hierarquia de templates do WordPress

A atuação da index.php x Configurações de leitura do WordPress

A atuação da index.php x Configurações de leitura do WordPress

Comments 1

  1. Peargentino Neto says:
    7 anos ago

    Muito legal, consegui configurar em meu site! Obrigado!

    Responder

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.

  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.