Lo que tenemos a continuación es una forma atractiva de mostrar la fecha de publicación de una entrada y el número de comentarios de forma sencilla y por medio de CSS.

El resultado queda tal cual lo muestra la imagen de arriba (demo) y el CSS y el código Html para añadir en Wordpress es:

[COPIAR]
Código CSS (Copiar):
  1. p.date {
  2.     width: 42px;
  3.     height: 10px;
  4.     padding: 18px 0 14px 0;
  5.     text-align: center;
  6. }
  7. p.date span { display: none; }
  8. /************************************************
  9. *   iconos para cada mes                           *
  10. ************************************************/
  11. .month1 { background: url(images/cal_01.gif) no-repeat 0 0; }
  12. .month2 { background: url(images/cal_02.gif) no-repeat 0 0; }
  13. .month3 { background: url(images/cal_03.gif) no-repeat 0 0; }
  14. .month4 { background: url(images/cal_04.gif) no-repeat 0 0; }
  15. .month5 { background: url(images/cal_05.gif) no-repeat 0 0; }
  16. .month6 { background: url(images/cal_06.gif) no-repeat 0 0; }
  17. .month7 { background: url(images/cal_07.gif) no-repeat 0 0; }
  18. .month8 { background: url(images/cal_08.gif) no-repeat 0 0; }
  19. .month9 { background: url(images/cal_09.gif) no-repeat 0 0; }
  20. .month10 { background: url(images/cal_10.gif) no-repeat 0 0; }
  21. .month11 { background: url(images/cal_11.gif) no-repeat 0 0; }
  22. .month12 { background: url(images/cal_12.gif) no-repeat 0 0; }
  23. /************************************************
  24. *   Burbuja con numero de comentarios*
  25. ************************************************/
  26. .shield {
  27.     position: relative;
  28. }
  29. .commentscloud {
  30.     position: absolute;
  31.     text-align: center;
  32.     top: -4px;
  33.     left: 22px;
  34.     width: 30px;
  35.     height: 24px;
  36.     padding: 3px 0;
  37.     background: url(images/bubble.png) no-repeat 0 0;
  38. }

[COPIAR]
Código HTML (Copiar):
  1. <div class="shield">
  2.     <p class="date month<?php the_time('n'); ?>">
  3.         <span><?php the_time('F'); ?></span>
  4.         <?php the_time('j'); ?>
  5.         <span><?php the_time('S'); ?></span>
  6.     </p>
  7.     <div class="commentscloud">
  8.         <?php comments_number('0', '1', '%'); ?>
  9.     </div>
  10. </div>

En CSS-Tricks han explicado más profundamente el código aún que no hay demasiado que explicar, simplemente añadimos el código CSS en la hoja de estilo de nuestro Theme y el código Html en el archivo index.php y single.php si queremos que se muestre también en la vista de artículos.