Cómo añadir al título de un post un bocadillo con el número de comentarios
Si usan WordPress, seguro que les gustará ese bocadillo, que aparece en el panel de administración, con el número de comentarios. Inspirado por el theme Word Press’d, he añadido en blogpocket ese pequeño widget. A continuación, les explico cómo, por si desean “wordpressear” un poquito su theme.
La imagen.
Trabajamos con las imágenes siguientes:
comment-cloud.png
comment-cloud-hover.png
Estas imagenes deberán alojarse en el subdirectorio “images” de su theme.
Nótese que estas imágenes llevan un sombreado, con el color azul típico de WP, en la parte inferior. Y eso es porque en el theme Word Press’d, el bocadillo se superpone un poco sobre un bloque de ese color. Con Paintbrush, o cualquier otro programa, dicho sobreado se puede eliminar, si es que vamos a colocar el bocadillo sobre un fondo blanco, como es nuestro caso.
La hoja de estilo.
Si queremos provocar el cambio de color, cuando se pone el ratón encima del bocadillo, usaremos las dos imágenes anteriores y el siguiente código en la hoja de estilo (style.css):
.older-cloud {
width:35px;
height:30px;
float:right;
margin:-13px 8px 0 0;
background: url(images/comment-cloud.png) no-repeat;
color:#fff;
line-height:24px;
text-align:center;
}a.older-cloud {
background: url(images/comment-cloud-hover.png);
color:#fff;
text-decoration:none;
}.older-cloud:hover {
color:#fff;
background: url(images/comment-cloud-hover.png);
text-decoration:none;
cursor:pointer;
}
El código.
Finalmente, añadimos el siguiente fragmento de código en los archivos index.php y single.php, en el sitio donde se quiera mostrar el bocadillo:
<a href=”<?php comments_link(); ?>” style=”text-decoration:none;” title=”Comentarios”>
<span class=”older-cloud”>
<?php comments_number(’0′,’1′,’%'); ?>
</span>
</a>
Posts relacionados
Tags: trucos
agosto 10th, 2008 a las 11:14 pm
Cómo añadir al título de un post un bocadillo con el número de comentarios » blogpocket 7.0…
Si usan WordPress, seguro que les gustará ese bocadillo, que aparece en el panel de administración, con el número de comentarios. Inspirado por el theme Word Press’d, he añadido en blogpocket ese pequeño widget. A continuación, les explico cóm…
octubre 22nd, 2008 a las 9:38 am
Pues por alguna razón da error.
A que puede deberse?