Comunidad Central
Comunidad Central

Estoy seguro que en algún punto te has encontrado con cuadros de información y contenido enlazado dispersos en los artículos de tus wikis favoritos. Quizá te has preguntado cómo puedes añadir estos cuadros (que llamamos infoboxes) en tu propio wiki, pensando que seguramente sea algo muy complicado. Pues bien, ¡no es tan difícil como parece! Aunque crear tu propia plantilla o infobox puede ser desafiante, Fandom te ofrece varios recursos para ayudarte en este proceso.

Crear una infobox usando el Editor Visual[]

Puedes crear fácilmente una infobox básica usando el Editor Visual siguiendo estos pasos:

Hacer una infobox personalizada[]

Si la apariencia de la infobox que has creado usando el Editor Visual no se acomoda a tus necesidades, puedes crear una infobox que cumpla mejor con los requisitos de tu wiki. Ten en cuenta que para realizar esto, tendrás que cambiar del Editor Visual al editor de código. Puedes hacer esto dando clic al botón amarillo en la parte superior derecha de la página del editor, o cambiándolo desde tus preferencias.

¿Cómo añado la foto de un personaje en la infobox?[]

Es común que las infoboxes, especialmente las que van en páginas de personajes, tengan una imagen mostrando el tema principal de la página. Para añadir una única imagen a la nueva infobox, ve a la página de la infobox (identificadas por llamarse "Plantilla:Nombre de la infobox" y encuentra la siguiente línea de código:

  <image source="image1">
    <caption source="caption1"/>
  </image>

Si la infobox incluye esta línea, significa que puedes usar el parámetro image1 (u otro parámetro personalizado que hayas creado al hacer la plantilla) e insertar el nombre de la imagen de la siguiente manera:

{{Infobox de personaje
|image1 = Imagen.png
}}

Encabezados de sección y etiquetas[]

Para añadir encabezados de sección en tu plantilla, usa la etiqueta <header> junto con el título que deseas, de esta manera:

<header> Título de la sección </header>


En este punto, puedes usar etiquetas <data> y <label> para agregar filas de información en tu infobox. Por ejemplo:

<data source="nombre">
  <label> Nombre </label>
</data>


En el ejemplo anterior, el parámetro nombre añadirá una fila a la infobox. "Nombre" (con mayúscula inicial) servirá como título para esa línea.

En la izquierda, así se ve la línea en la página del editor; en la derecha, la misma línea está siendo usada en un artículo


¿Cómo añado una galería a la infobox?[]

A veces, los personajes pueden tener varias formas o apariencias, y a los wikis les gusta mostrar estas variaciones en la infobox. Puedes conseguirlo al añadir varias imágenes con una galería. Esto creará un grupo de pestañas arriba de la imagen, permitiendo a los lectores navegar a través de ellas.

Personalizar la apariencia[]

Finalmente, puedes personalizar cómo luce tu infobox usando el diseñador de temas. Esta herramienta te permite hacer cambios básicos a todas tus infoboxes, además de darte una vista previa de cómo lucirán en tu wiki.

Infobox customization TD

Para personalizar tu infobox, desplázate en los apartados del diseñador de temas hasta encontrar la sección de "Estilo de los artículos". Aquí podrás realizar todos tus cambios.


También es posible modificar el estilo de las infoboxes usando CSS. Sin embargo, te recomendamos usarlo para mejoras pequeñas o correcciones de los cambios que hagas usando el diseñador de temas. Para más información sobre cómo usar CSS para personalizar tu wiki, revisa la página de ayuda de personalización usando CSS y JS.

Conclusión[]

Añadir una infobox a tus páginas es una excelente manera para resumir su contenido. ¡Hay muchísimas maneras de hacer que las infoboxes de tu wiki luzcan increíbles!