Aqui temos um exemplo de metadados de postagem do WordPress que usa um número ordinal para a data. Neste caso, 2 de novembro (que é a parte ordinal) de 2012.
Você deve ter notado, porém, que é muito feio. O “nd” é muito mais alto do que o número e não é sobrescrito como esperaríamos que fosse. A coisa toda parece uma bagunça.
Normalmente, o sufixo do número ordinal é elevado acima da linha de base do resto do texto. É assim que estamos acostumados a ler esses números, mas, se você quiser esse efeito no WordPress, terá que adicioná-lo você mesmo, pois o CMS não faz isso por você.
Para fazer isso, você precisa envolver o sufixo <sup>e estilizá-lo de acordo com suas folhas de estilo. Encapsular o sufixo envolve algum escape para evitar que o WP interprete a tag como parte da string de formato. Na verdade, envolve uma grande quantidade de escape, conforme mostrado neste exemplo:
<div class="meta">
<h6><strong>Posted on</strong> <?php the_time('F j\<\s\u\p\>S\<\/\s\u\p\>, Y') ?> <strong>by</strong> <?php the_author() ?> <strong><?php comments_popup_link( 'No Comments', '1 Comment', '% Comments', 'comments-link', '' ); ?></strong></h6>
</div>Aqui, o ‘S’ maiúsculo é a parte ordinal do número. Isso dá a você o ‘nd’ atrás do seu 2 ou o ‘rd’ atrás do seu 3. Para obter este sobrescrito, você precisa precedê-lo \<\s\u\p\>e segui-lo com \<\/\s\u\p\>. Essas são, respectivamente, as <sup>tags de abertura e fechamento com escape que passarão pela string de formato e a farão na saída da página final.
Eu também reduzi o tamanho da fonte para 0,5em para tornar o texto ordinal um pouco menor que o resto. O resultado é muito melhor do que a versão padrão sem estilo:
