[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # SIS Articles: módulo Joomla 4 que muestra artículos en formato Card [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 21 Junio 2023 [Extensiones](https://sergioiglesias.net/blog/extensiones) 2 - 3 minutos Visitas: 1378 - - [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla) - [ Extensiones Joomla ](https://sergioiglesias.net/etiquetas/extensiones-joomla) - [ Joomla4 ](https://sergioiglesias.net/etiquetas/joomla4) ![](https://sergioiglesias.net/images/blog/extensiones/sis-articles-joomla4.webp#joomlaImage://local-images/blog/extensiones/sis-articles-joomla4.webp?width=1320&height=600) Hoy traigo otro **módulo para Joomla 4** tal y como te prometí. Esta vez es muy similar a los ya conocidos Articles Thumbnails y Custom Thumbnails pero con una particularidad que te cuento a continuación. SIS Articles: módulo #Joomla 4 que muestra artículos en formato Card - #Joomla4 #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/extensiones/sis-articles-modulo-joomla-4-que-muestra-articulos-en-formato-card "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fsis-articles-modulo-joomla-4-que-muestra-articulos-en-formato-card&text=SIS%20Articles%3A%20m%C3%B3dulo%20%23Joomla%204%20que%20muestra%20art%C3%ADculos%20en%20formato%20Card%20-%20%23Joomla4%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=SIS%20Articles%3A%20m%C3%B3dulo%20%23Joomla%204%20que%20muestra%20art%C3%ADculos%20en%20formato%20Card%20-%20%23Joomla4%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fsis-articles-modulo-joomla-4-que-muestra-articulos-en-formato-card "Envíalo") ## Por qué desarrollar este módulo para Joomla 4 Durante este mes he estado haciendo una [**migración de Joomla 3 a Joomla 4**](https://sergioiglesias.net/servicios-web/migracion-joomla) para un proyecto web y estaba utilizando un módulo que ya no está disponible para esta última versión del CMS. En este módulo seleccionabas los artículos que querías destacar para mostrarlos en en varias columnas. A priori, cualquiera de los 2 módulos que te comentaba al inicio del artículo me valdría ya que la visualización era la misma. En un principio pensé en sustituirlo por Articles Thumbnails. Pero el problema es que aquí seleccionas una o varias categorías y no solo un artículo determinado. Luego pensé en sustituirlo por Custom Thumbnails. Pero aquí el problema es que el contenido es estático y el cliente lo que hace es modificar siempre un artículo que va destacando. Por tanto, cada vez que cambiaras el contenido del artículo, tendrías que hacerlo en el módulo. Así que, para cumplir con las necesidades del proyecto, desarrollé este nuevo módulo basándome en los anteriores. El resultado es este. ![](https://sergioiglesias.net/media/cached-resp-images//images/blog/extensiones/sis-articles-demo_1230.png?version=efeb6783c18bf458ca8e7f4b02936e50) Puedes ver que en cuanto a visualización es igual a los módulos ya comentados. ## Funcionamiento de SIS Articles Los pasos que tienes que seguir son los siguientes: 1. Descargar el módulo de [mi página web](https://sergioiglesias.net/extensiones-joomla/modulos-joomla/sis-articles) o de [mi sitio de GitHub](https://sergiois.github.io/sis-articles.html). 2. Instalarlo de la forma habitual en Joomla. En este artículo tienes más información: [Cómo instalar una extensión en Joomla](https://sergioiglesias.net/blog/extensiones/468-como-instalar-una-extension-en-joomla-varias-formas). 3. Ir al módulo y configurarlo. 4. Habilitar el módulo en la posición que hayas elegido de la plantilla y listo. ## Cómo configurar SIS Articles ![sis articles configuración](https://sergioiglesias.net/media/cached-resp-images//images/blog/extensiones/sis_articles_01_1230.png?version=701e7a4bc45cda87d86ca93f289cb052) Tal y como puedes ver en la captura anterior tienes un campo para seleccionar el tipo en cuántas columnas vas a mostrar los artículos y luego la opción de añadir tantos artículos como necesites. Por cada artículo solo tienes que seleccionar el que quieras mostrar (entre paréntesis te aparece la categoría a la que pertenece). En la pestaña de configuración puedes indicar los elementos a mostrar (título, imagen, enlace, texto introducción...). --- Así de sencilla es la configuración y así de sencillo es utilizar este **módulo para Joomla 4** que muestra vídeos de YouTube en formato Grid de Bootstrap 5. Tienes una demo con la visualización en mi página de extensiones: [Demo SIS Articles](https://extensiones.sergioiglesias.net/modulos-joomla/sis-articles) Puedes descargarlo desde mi página web: [Descargar SIS Articles](https://sergioiglesias.net/extensiones-joomla/modulos-joomla/sis-articles) Espero que te haya gustado y te ayude en tus proyectos. Si necesitas algún módulo a medida no dudes en [contactar conmigo](https://sergioiglesias.net/contacto), estaré encantado en escuchar tus necesidades y ayudarte en tu web. SIS Articles: módulo #Joomla 4 que muestra artículos en formato Card - #Joomla4 #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/extensiones/sis-articles-modulo-joomla-4-que-muestra-articulos-en-formato-card "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fsis-articles-modulo-joomla-4-que-muestra-articulos-en-formato-card&text=SIS%20Articles%3A%20m%C3%B3dulo%20%23Joomla%204%20que%20muestra%20art%C3%ADculos%20en%20formato%20Card%20-%20%23Joomla4%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=SIS%20Articles%3A%20m%C3%B3dulo%20%23Joomla%204%20que%20muestra%20art%C3%ADculos%20en%20formato%20Card%20-%20%23Joomla4%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fextensiones%2Fsis-articles-modulo-joomla-4-que-muestra-articulos-en-formato-card "Envíalo") Puedes poner en los comentarios mejoras que harías. [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*