Guía de Shortcodes

Aprende a crear artículos interactivos y profesionales usando nuestros componentes predefinidos.

Contenido de esta guía

📝 Markdown básico

Todo el contenido se escribe en Markdown estándar.

Código:
# Título principal
## Sección
### Subsección

**Texto en negrita**
*Texto en cursiva*

- Item 1
- Item 2
  - Subitem

1. Primero
2. Segundo

[Enlace](https://url.com)

> Cita o referencia importante

`código inline`

```
bloque de código
```
Resultado:

Título principal

Texto en negrita y cursiva

  • Item 1
  • Item 2
Cita importante

código inline

💬 Tooltips

Añade definiciones que aparecen al pasar el mouse sobre términos técnicos.

Código:
[tooltip text="Orgánulo responsable de la respiración celular y producción de ATP"]mitocondria[/tooltip]
Resultado:

La mitocondria es esencial para la vida celular.

⚠️ Alertas

Muestra mensajes importantes con diferentes niveles de urgencia.

Código:
[alert type="info"]Información importante[/alert]
[alert type="warning"]Precaución con este procedimiento[/alert]
[alert type="danger"]Peligroso para la salud[/alert]
[alert type="success"]Resultado exitoso[/alert]
Resultado:
Información importante
Precaución con este procedimiento
Peligroso para la salud
Resultado exitoso

🔬 Diagrama interactivo

El componente más poderoso. Crea diagramas donde cada elemento es clickeable y muestra información detallada con opción de enlazar a artículos relacionados.

Código:
[interactive-diagram title="Estructura de la célula animal"]
[cell label="Núcleo" article="nucleo-celular" x="50" y="45" color="#6366f1"]
  El núcleo contiene el ADN y controla todas las funciones celulares.
[/cell]
[cell label="Mitocondria" article="mitocondria" x="75" y="30" color="#f59e0b"]
  Central energética de la célula. Produce ATP mediante respiración celular.
[/cell]
[cell label="Membrana" article="membrana-celular" x="20" y="50" color="#10b981"]
  Regula el paso de sustancias dentro y fuera de la célula.
[/cell]
[/interactive-diagram]
Parámetros de [cell]:
  • label: Nombre del elemento que aparece en el diagrama
  • article: Slug del artículo relacionado (opcional)
  • x: Posición horizontal en % (0-95)
  • y: Posición vertical en % (0-95)
  • color: Color hexadecimal del elemento
  • Contenido interno: Descripción que aparece en el popup

📂 Acordeón

[accordion title="¿Por qué ocurre la fotosíntesis?"]
La fotosíntesis ocurre porque las plantas necesitan convertir energía lumínica en energía química para sobrevivir...
[/accordion]

📑 Pestañas

[tabs]
[tab title="Definición"]
Contenido de la primera pestaña...
[/tab]
[tab title="Historia"]
Contenido histórico aquí...
[/tab]
[tab title="Aplicaciones"]
Aplicaciones prácticas...
[/tab]
[/tabs]

🖼️ Imágenes

[image src="URL_DE_LA_IMAGEN" alt="Descripción" caption="Pie de foto opcional"]
Sube tus imágenes desde el editor de artículos y el shortcode se generará automáticamente. También puedes referenciar imágenes de otros artículos usando su URL pública.

🔗 Referencias a artículos

[ref article="fotosintesis"]Ver artículo completo sobre fotosíntesis[/ref]
[ref article="atp-energia-celular"]ATP y energía celular[/ref]
El article es el "slug" del artículo destino (el identificador en la URL).

📌 Callouts

[callout icon="💡"]Dato curioso o nota científica importante aquí[/callout]
[callout icon="⚠️"]Advertencia importante[/callout]
[callout icon="🔬"]Nota experimental[/callout]

¿Listo para publicar?

Crea tu primer artículo y comparte tu conocimiento con la comunidad universitaria.

Crear artículo