Cómo crear listado de artículos populares con CSS

Sam40 · 23 Feb 2021

Busco crear un listado con los artículos más leídos, algo similar a lo que ofrecen muchos themes para colocar en el sidebar derecho, un widget tipo "los más leídos".

Pero quiero hacerlo manual con css , si es posible poniendo una pequeña foto pero sin enlazar, que solo enlace el título de los artículos ¿Cómo se hace? ¿alguien sabe?

EspErpENto · 23 Feb 2021

Creas un div y le asignas una clase. Hay que cerrar todas las etiquetas. No las cierro para que puedas ver el código.

<div id="agregar_fondo"
<ul
<li>Artículo 1</li
<li>Artículo 1</li
<li>Artículo 1</li
li>Artículo 1</li
/ul>
/div>
style type="text/css">#agregar_fondo{font-size: 16px;background: #fee7e7;border: 1px solid #cacaca;padding: 12px 10px;margin-bottom: 20px; color: #000000;}</style>

El tema de la imagen serían tan sencillo como copiar la url y pegarla.

Recuerda usar un widget de html.

EspErpENto · 23 Feb 2021

Nop, el tema de la imagen es muchísimo más complicado.

MajesticCat · 23 Feb 2021

Para la imagen necesitas PHP si quieres que salga la imagen de cada post de forma dinámica.

get_the_post_thumbnail() – Function | Developer.WordPress.org

Retrieves the post thumbnail.

developer.wordpress.org

Del resto con la image tag en HTML la puedes agregar

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Alternativamente, puedes usar el post wp show posts para hacer de forma fácil lo que quieres hacer, sin ralentizar tu web.

Saludos

EspErpENto · 23 Feb 2021

MajesticCat dijo:
Para la imagen necesitas PHP si quieres que salga la imagen de cada post de forma dinámica.

get_the_post_thumbnail() – Function | Developer.WordPress.org

Retrieves the post thumbnail.

developer.wordpress.org

Del resto con la image tag en HTML la puedes agregar

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Alternativamente, puedes usar el post wp show posts para hacer de forma fácil lo que quieres hacer, sin ralentizar tu web.

Saludos

Se trata de mostrar los post más leídos.

La forma más simple es un listado en html y meter css para darle estilo.

El tema de la imagen obligatoriamente pasa por php y al ser un widget, no lo va a soportar, al menos es lo que yo creo.

así las cosas, tendría que entrar al código y crear un un Widget con todo lo que implica.

No es algo muy fácil de hacer.

MajesticCat · 23 Feb 2021

EspErpENto dijo:
Se trata de mostrar los post más leídos.

La forma más simple es un listado en html y meter css para darle estilo.

El tema de la imagen obligatoriamente pasa por php y al ser un widget, no lo va a soportar, al menos es lo que yo creo.

así las cosas, tendría que entrar al código y crear un un Widget con todo lo que implica.

No es algo muy fácil de hacer.

Puedes usar el plugin PHP Widget que te permite correr PHP en los widget.

Code Widget

Code widget help to add Short Code, PHP Code, HTML, and Simple Text in widget.

wordpress.org

Sam40 · 23 Feb 2021

Gracias @EspErpENto y @MajesticCat , la idea es hacerlo fácil y aunque me gustaría con imagen (sin link en la imagen) no importa si no tiene, con los títulos con link me sirve. Además necesito poder ponerlos manualmente para seleccionar los post que me interesen.

Gracias

MajesticCat · 23 Feb 2021

Sam40 dijo:
Gracias @EspErpENto y @MajesticCat , la idea es hacerlo fácil y aunque me gustaría con imagen (sin link en la imagen) no importa si no tiene, con los títulos con link me sirve. Además necesito poder ponerlos manualmente para seleccionar los post que me interesen.

Gracias

Con el plugin de wp show posts puedes seleccionar por tag o categoria de manera muy facil.

Saludos