Diferencia entre revisiones de «Plantilla:Infobox»

Revisión del 15:14 5 julio 2025

Parámetros

Plantilla Infobox para organizar información estructurada con 5 campos por sección

Parámetros de la plantilla[Editar los datos de la plantilla]
Parámetro		Descripción	Tipo	Estado
Título	`Title`	Título principal de la infobox	Cadena	obligatorio
Imagen	`Image`	Nombre del archivo de imagen	Archivo	opcional
Tamaño imagen	`image_size`	Ancho en píxeles (ej: 300px) Predeterminado 250px	Cadena	opcional
Encabezado 1	`Header1`	Título primera sección	Cadena	opcional
Etiqueta 1	`Label1`	sin descripción	Cadena	opcional
Dato 1	`Data1`	sin descripción	Cadena	opcional
Etiqueta 2	`Label2`	sin descripción	Cadena	opcional
Dato 2	`Data2`	sin descripción	Cadena	opcional
Etiqueta 3	`Label3`	sin descripción	Cadena	opcional
Dato 3	`Data3`	sin descripción	Cadena	opcional
Etiqueta 4	`Label4`	sin descripción	Cadena	opcional
Dato 4	`Data4`	sin descripción	Cadena	opcional
Etiqueta 5	`Label5`	sin descripción	Cadena	opcional
Dato 5	`Data5`	sin descripción	Cadena	opcional
Encabezado 2	`Header2`	Título segunda sección	Cadena	opcional
Etiqueta 1	`Label6`	sin descripción	Cadena	opcional
Dato 1	`Data6`	sin descripción	Cadena	opcional
Etiqueta 2	`Label7`	sin descripción	Cadena	opcional
Dato 2	`Data7`	sin descripción	Cadena	opcional
Etiqueta 3	`Label8`	sin descripción	Cadena	opcional
Dato 3	`Data8`	sin descripción	Cadena	opcional
Etiqueta 4	`Label9`	sin descripción	Cadena	opcional
Dato 4	`Data9`	sin descripción	Cadena	opcional
Etiqueta 5	`Label10`	sin descripción	Cadena	opcional
Dato 5	`Data10`	sin descripción	Cadena	opcional
Encabezado 3	`Header3`	Título tercera sección	Cadena	opcional
Etiqueta 1	`Label11`	sin descripción	Cadena	opcional
Dato 1	`Data11`	sin descripción	Cadena	opcional
Etiqueta 2	`Label12`	sin descripción	Cadena	opcional
Dato 2	`Data12`	sin descripción	Cadena	opcional
Etiqueta 3	`Label13`	sin descripción	Cadena	opcional
Dato 3	`Data13`	sin descripción	Cadena	opcional
Etiqueta 4	`Label14`	sin descripción	Cadena	opcional
Dato 4	`Data14`	sin descripción	Cadena	opcional
Etiqueta 5	`Label15`	sin descripción	Cadena	opcional
Dato 5	`Data15`	sin descripción	Cadena	opcional
Encabezado 4	`Header4`	Título cuarta sección	Cadena	opcional
Etiqueta 1	`Label16`	sin descripción	Cadena	opcional
Dato 1	`Data16`	sin descripción	Cadena	opcional
Etiqueta 2	`Label17`	sin descripción	Cadena	opcional
Dato 2	`Data17`	sin descripción	Cadena	opcional
Etiqueta 3	`Label18`	sin descripción	Cadena	opcional
Dato 3	`Data18`	sin descripción	Cadena	opcional
Etiqueta 4	`Label19`	sin descripción	Cadena	opcional
Dato 4	`Data19`	sin descripción	Cadena	opcional
Etiqueta 5	`Label20`	sin descripción	Cadena	opcional
Dato 5	`Data20`	sin descripción	Cadena	opcional
Encabezado 5	`Header5`	Título quinta sección	Cadena	opcional
Etiqueta 1	`Label21`	sin descripción	Cadena	opcional
Dato 1	`Data21`	sin descripción	Cadena	opcional
Etiqueta 2	`Label22`	sin descripción	Cadena	opcional
Dato 2	`Data22`	sin descripción	Cadena	opcional
Etiqueta 3	`Label23`	sin descripción	Cadena	opcional
Dato 3	`Data23`	sin descripción	Cadena	opcional
Etiqueta 4	`Label24`	sin descripción	Cadena	opcional
Dato 4	`Data24`	sin descripción	Cadena	opcional
Etiqueta 5	`Label25`	sin descripción	Cadena	opcional
Dato 5	`Data25`	sin descripción	Cadena	opcional
Pie	`Footer`	Texto al final de la infobox	Cadena	opcional

Notas

Todos los campos son opcionales excepto el título
Para imágenes: subir primero el archivo a la wiki
Usar enlaces cuando sea relevante
Los campos vacíos no se mostrarán en el resultado final

@@ Línea 1: / Línea 1: @@
 <includeonly>
 <div class="infobox">
-   <!-- Título -->
+   <!-- Título dinámico -->
-   <div class="infobox-title" style="display:{{{Title|none}}};">{{{Title}}}</div>
+   <div class="infobox-title" style="display:{{{title|none}}};">{{{title}}}</div>
-   <!-- Imagen -->
+   <!-- Imágenes dinámicas -->
-   <div class="infobox-image" style="display:{{{Image|none}}};">
+   <div class="infobox-images">
-    [[File:{{{Image}}}|{{{image_size|250px}}}|class=infobox-image]]
+    {{#dpl:
-    <div class="infobox-caption" style="display:{{{Caption|none}}};">{{{Caption}}}</div>
+     |namespace=Template
+     |include={{{image_list|}}}
+     |format=,<div class="infobox-image">[[File:%PAGE%|{{{image_size|250px}}}]]<div class="infobox-caption">{{{%PAGE%_caption|}}}</div></div>,
+     |allowcachedresults=true
+    }}
    </div>
-   <!-- Tabla de datos -->
+   <!-- Tabla de datos dinámica -->
-   <table class="infobox-data" style="display:{{{Data1|Data2|Data3|Data4|Data5|Data6|Status|Version|Update|License|Author|Maintainer|none}}};">
+   <table class="infobox-data">
-     <!-- Sección 1 -->
+     <!-- Secciones dinámicas -->
-     <tr style="display:{{{Header1|none}}};"><th colspan="2">{{{Header1}}}</th></tr>
+     {{#dpl:
-    <tr style="display:{{{Data1|none}}};"><th>{{{Label1|}}}</th><td>{{{Data1}}}</td></tr>
+     |namespace=Template
-     <tr style="display:{{{Data2|none}}};"><th>{{{Label2|}}}</th><td>{{{Data2}}}</td></tr>
+     |include={{{section_list|}}}
-     <tr style="display:{{{Data3|none}}};"><th>{{{Label3|}}}</th><td>{{{Data3}}}</td></tr>
+     |format=,<tr><th colspan="2">%PAGE%</th></tr>{{#dpl:,,,
+       |namespace=Template
+       |include={{%PAGE%_items|}}
+       |format=,<tr><th>{{%PAGE%_label|}}</th><td>{{{%PAGE%_value|}}}</td></tr>,
+       |allowcachedresults=true
+     }},
+     |allowcachedresults=true
+    }}
+    <!-- Sección fija de Estado -->
+     <tr style="display:{{{status|none}}};"><th colspan="2">Estado</th></tr>
+     <tr style="display:{{{status|none}}};"><th>Estado</th><td>{{{status}}}</td></tr>
+  </table>
+</div>
-    <!-- Sección 2 -->
+<!-- Script para agregar campos dinámicamente -->
-    <tr style="display:{{{Header2|none}}};"><th colspan="2">{{{Header2}}}</th></tr>
+<script>
-     <tr style="display:{{{Data4|none}}};"><th>{{{Label4|}}}</th><td>{{{Data4}}}</td></tr>
+document.addEventListener('DOMContentLoaded', function() {
-     <tr style="display:{{{Data5|none}}};"><th>{{{Label5|}}}</th><td>{{{Data5}}}</td></tr>
+  if (document.getElementById('wpTextbox1')) {
-     <tr style="display:{{{Data6|none}}};"><th>{{{Label6|}}}</th><td>{{{Data6}}}</td></tr>
+    // Código para agregar campos en modo edición
+     const addFieldBtn = document.createElement('button');
+     addFieldBtn.textContent = '+ Agregar campo';
+     addFieldBtn.onclick = addNewField;
+    document.querySelector('.editOptions').prepend(addFieldBtn);
+  }
+});
-    <!-- Sección Estado -->
+function addNewField() {
-    <tr style="display:{{{Status|none}}};"><th colspan="2">Estado</th></tr>
+  // Lógica para agregar nuevos campos al infobox
-    <tr style="display:{{{Status|none}}};"><th>Estado</th><td>{{{Status}}}</td></tr>
+}
+</script>
-    <!-- Otras secciones -->
-    <tr style="display:{{{Version|none}}};"><th>Versión</th><td>{{{Version}}}</td></tr>
-    <tr style="display:{{{Update|none}}};"><th>Actualización</th><td>{{{Update}}}</td></tr>
-    <tr style="display:{{{License|none}}};"><th>Licencia</th><td>{{{License}}}</td></tr>
-    <tr style="display:{{{Author|none}}};"><th>Autor</th><td>{{{Author}}}</td></tr>
-    <tr style="display:{{{Maintainer|none}}};"><th>Mantenedor</th><td>{{{Maintainer}}}</td></tr>
-    <tr style="display:{{{Footer|none}}};"><td colspan="2">{{{Footer}}}</td></tr>
-  </table>
-</div>
 </includeonly>
 <noinclude>
 {{Infobox/doc}}
 </noinclude>