Añade elementos de diseño y contenido a los artículos de Joomla y a otros contenidos del sitio mediante etiquetas entre corchetes. El paquete incluye dos plugins: uno procesa los «shortcodes» (códigos cortos) y el otro te ayuda a insertarlos desde el editor.
Los dos plugins
Instala y activa ambos plugins para disfrutar de la experiencia completa. Cada uno tiene una función distinta:
- System - MX Shortcodes: procesa el marcado de los «shortcodes» y genera el contenido resultante en las páginas públicas. Su configuración, que incluye opciones como la carga de Bootstrap y los colores de los «shortcodes», se detalla más abajo.
- Button Shortcode Generator (el botón MX Shortcodes en el editor): añade un generador de «shortcodes» a los editores de contenido de Joomla compatibles. Este inserta el código en tu contenido, pero no procesa ni visualiza el «shortcode» en sí.
Uso del botón de «shortcodes»
- Abre un artículo o cualquier otro elemento de contenido y coloca el cursor en el editor, en el lugar donde desees insertar el «shortcode».
- Haz clic en el botón MX Shortcodes, que suele aparecer debajo del editor. Busca o selecciona un «shortcode» de la lista.
- Rellena los campos que se muestran. En el caso de «shortcodes» que admiten elementos repetibles, utiliza el control Añadir (Add) para incluir más elementos.
- Haz clic en Añadir shortcode (Add Shortcode). El generador insertará el código en la posición del cursor; revísalo y añade o edita el contenido interno según sea necesario.
Si el botón no está disponible, comprueba que Button Shortcode Generator esté habilitado y que el editor sea compatible con los botones de editor de Joomla. También puedes escribir el código abreviado (shortcode) directamente. El plugin System - MX Shortcodes debe estar habilitado para que dicho marcado sea procesado en las páginas públicas.
Índice de shortcodes
Configuración del plugin
- Cargar Bootstrap 5 — Carga el CSS y JavaScript de Bootstrap 5 para los elementos (shortcodes) que los requieren. Habilítalo solo si la plantilla del sitio no carga ya Bootstrap 5.
- Color de fondo de los shortcodes — Define la variable CSS
--mx-bgrcolor, utilizada para el estilo de los shortcodes. - Color de texto de los shortcodes — Define la variable CSS
--mx-textcolor, utilizada para el estilo de los shortcodes.
La descarga incluye: plugin de shortcodes.
