Mostrar entradas populares con imágenes

K

kahlo

• 24 May 2012

• #1

Hola, estoy buscando algún plugin o código para mostrar las entradas más populares pero que muestre alguna imagen de las entradas, lo he visto en muchos blog pero no encuentro la manera de hacerlo.

Un saludo.

 

S

sefsinalas

• 24 May 2012

• #2

Con el plugin WordPress › WordPress Popular Posts « WordPress Plugins puedes hacerlo.

En el mismo widget te da la posibilidad de mostrar imagenes y elegir el tamaño

 

T

trabajosweb

• 24 May 2012

• #3

Gracias [MENTION=409]sefsinalas[/MENTION] por publicarlo soy nuevo en wp y no tenía esa opción veré como queda, si me gusta la dejo. Thanks :encouragement:

 

S

sefsinalas

• 24 May 2012

• #4

Puedes editarla mediante CSS. Fijate en mi blog paraisolinux.com como queda

 

K

kahlo

• 25 May 2012

• #5

Muchas gracias, ya lo he instalado y me funciona, pero no está tan bonito como el tuyo sefsinalas jejej

 

S

sefsinalas

• 25 May 2012

• #6

Pon este codigo en tu style.css

Insertar CODE, HTML o PHP:

/*  -------------------------
    Popular Post
    ------------------------- */
    .popular-posts ul{margin-left: 0px!important;list-style:none!important;}
    .popular-posts ul li{    margin: 5px;    overflow:auto;    border-bottom:1px dotted [B]Enlace eliminado[/B]border-right:1px dotted [B]Enlace eliminado[/B]}
    .popular-posts ul li img{float:left;margin-right:10px;}
    .popular-posts ul li a{text-decoration:none;font-size:17px;}

Yo tengo seteado el tamaño de las imagenes a 60x60 px

 

K

kahlo

• 25 May 2012

• #7

Muchas gracias compañero por el código, pero lo acabo de poner y no me ha funcionado, se ha quedado como estaba 🙁 Lo puedes ver en BdeBelleza.es - Moda y Maquillaje

 

S

sefsinalas

• 25 May 2012

• #8

Fijate en

http://bdebelleza.es/wp-content/themes/twentyeleven/style.css

El codigo esta mal puesto. Falta un punto en la primera linea de popular-post
Fijate ademas de resetear la cache si es que usas algun plugin de cache.

Ademas seguro que no te queda 100% igual porque usamos themes distintos. La tercera linea la deberas modificar por

Insertar CODE, HTML o PHP:

.popular-posts ul li img{float:left;margin-right:10px;list-style:none;}

 

K

kahlo

• 25 May 2012

• #9

Muchas gracias de nuevo, pero pese a los cambios y a resetear la caché sigue igual... hoy estoy bien torpe :S

 

S

sefsinalas

• 25 May 2012

• #10

No te lo toma porque tienes codigo sin cerrar, fijate en esta parte cerca del final del css.

Insertar CODE, HTML o PHP:

#marcadores li a.youtube:hover { background-position: -100px 0px; /*la posición del icono de rss del efecto hover*/

Le falta una llave de cierre, debe quedar asi:

Insertar CODE, HTML o PHP:

#marcadores li a.youtube:hover { background-position: -100px 0px; /*la posición del icono de rss del efecto hover*/
}

Y la tercera linea estaba bien como la puse al principio 😛

 

K

kahlo

• 25 May 2012

• #11

Ahora si! Muy bien, muchisimas gracias por la ayuda! :welcoming: Ahora voy a intentar hacer la fuente algo más pequeña y a ver como queda.

 

M

mabloo

• 29 May 2012

• #12

Es lo que buscaba jaja muchas gracias!!

 

G

grupowebmaster

• 1 Jun 2012

• #13

en algunos themes no funciona este plugin lamentablemente, sobre todo en los mas viejitos.

- - - Actualizado - - -

en algunos themes no funciona este plugin lamentablemente, sobre todo en los mas viejitos.

 

M

mabloo

• 4 Jun 2012

• #14

sefsinalas dijo:

No te lo toma porque tienes codigo sin cerrar, fijate en esta parte cerca del final del css.

Insertar CODE, HTML o PHP:

#marcadores li a.youtube:hover { background-position: -100px 0px; /*la posición del icono de rss del efecto hover*/

Le falta una llave de cierre, debe quedar asi:

Insertar CODE, HTML o PHP:

#marcadores li a.youtube:hover { background-position: -100px 0px; /*la posición del icono de rss del efecto hover*/
}

Y la tercera linea estaba bien como la puse al principio 😛

Hacer clic para expandir...

Hola amigo mi pagina we es Enlace eliminado y tengo instalado el plugin me podrias ayudar a dejarlo como el tuyo? me dejas el codigo porfavor, me interesaria que se vean mejor las caratulas y que salgan como el tuyo. No se si puedes ayudarme con esto mil gracias de antemano.

 

S

sefsinalas

• 4 Jun 2012

• #15

Fijate en los comentarios anteriores de este mismo hilo. Tienes que pegar un css en tu archivo style.css