Plantilla:XCols - Wikiwand

Documentación de la plantilla[ver] [editar] [historial] [purgar]

Esta plantilla crea una tabla y corta el contenido en columnas automáticamente.

Entre sus funciones:

es utilizable con el editor visual,
evita cortar sublistas,
permite precisar el lugar de corte con tres guiones ---,
encabezado y pie de grupo de columnas,
Alineación, con texto fluyendo a cada lado,
color de fondo y separación entre columnas.

Su principal inconveniente es que no adapta el contenido a pantallas estrechas, por lo que debe comprobarse que no se vea incorrectamente en teléfonos móviles o al estrechar el navegador. En ese caso utilícense las alternativas detalladas en Ayuda:Columnas.

Características

Plantilla para colocar texto en columnas:

Reparto automático o manual de las líneas. En el reparto se prioriza que la cumplimentación sea según el orden de la columna (así, por ejemplo, se descarta un reparto en dos columnas, más ajustadas por contenido, en que la segunda columna estuviera más llena que la primera).
Para mejorar la lectura el reparto automático en columnas tiene en cuenta no romper:

Las líneas que contienen «sublíneas». Así, las «sublíneas» siempre estarán debajo de la línea principal y, por tanto, en la misma columna. Un ejemplo de línea con «sublíneas» sería:

línea 1

sublínea 1.1
sublínea 1.2

Las agrupaciones de líneas (véase #Agrupando).

Para el grupo de columnas: se puede definir anchura, encabezado, pie, color de fondo, alineación. La alineación a derecha o izquierda permite que el texto del artículo fluya por el otro lado.
Para las columnas, se puede definir:
- Que la anchura de cada una sea igual o ajustada al contenido.
- La separación entre columnas.

Sintaxis

El modo más sencillo es:

{{XCols|n_cols=|líneas=
línea 1
línea 2
...
}}

Donde:

n_cols es el número de columnas (por defecto 1)

Más información nombre del parámetro, que hace ...

nombre del parámetro		que hace
en inglés	en español	que hace
lines	líneas	Las líneas, único campo obligatorio. Una línea que sea «---» indica salto de columna manual. Si va seguida de un tamaño (en px, em o %), este indica el tamaño del ancho de la columna.
col_n	n_cols	Número de columnas. Se comprobará que no haya una línea «separadora» (que tenga de comienzo «---»), si está, se considerará que es un salto de columna manual, entonces el número de columnas se calculará según el número de líneas «separadoras».
width	ancho	Número. Máximo espacio ocupado por las columnas. El número puede ser en px, em o %. Por defecto ocupa el ancho según el ancho ocupado por las líneas.
same_width	id_ancho	Booleano, Si es que si, el ancho de las columnas será igual para todas ellas, independientemente del ancho ocupado por las líneas. Por defecto el ancho depende del ancho ocupado por las líneas.
header	encabezado	Arriba de las columnas, aparecerá en negrita y centrado.
footer	pie	Abajo de las columnas.
h_align	alineación_h	Se puede determinar que se alinee al centro/center, a la derecha/right o al izquierda/left. Sólo tiene efecto si el ancho no es del 100%. Si se alinea a derecha o izquierda, el texto del artículo podrá fluir por el lado (como en una imagen insertada).
v_align	alineación_v	Por defecto se alinea arriba, pero se puede determinar que se alinea al centro/center o abajo/bottom.
col_sep	sep_cols	Establece los márgenes de separación del texto entre las columnas. El número puede ser en px o em. Por defecto es 0.6em por lado de columna.
bg_color	color_fondo	Color de fondo. Por defecto es transparente.
free_header	encabezado_libre	Arriba de las columnas. Es una alternativa a encabezamiento. No tiene estilo definido.
header_bg_color	color_fondo_encabezado	Color de fondo del encabezado. Por defecto es transparente o del color de fondo.
footer_bg_color	color_fondo_pie	Color de fondo del encabezado. Por defecto es transparente o del color de fondo.

Cerrar

Ejemplos

Listas punteadas

{{XCols
|n_cols = 2
|líneas =
*[[Uno|Primero]]
*Segundo
*Tercero
*Cuarto
*'''Quinto'''
*{{color|red|Sexto}}
*Séptimo
}}

Primero
Segundo
Tercero
Cuarto

Quinto
Sexto
Séptimo

Con diferentes niveles

{{XCols
|n_cols = 2
|líneas =
*Primero
**A
***A1
***A2
**B
*Segundo
*Tercero
*Cuarto
*Quinto
*Sexto
*Séptimo
}}

Primero

Segundo

Tercero
Cuarto
Quinto
Sexto
Séptimo

En este ejemplo (debido al uso de este módulo) no se separan las «sublíneas» de «Tercero», para mejorar la lectura.

{{XCols
|n_cols = 2
|líneas =
*Primero

*Segundo

*Tercero
**A
**B
**C

*Cuarto

*Quinto

*Sexto

*Séptimo
}}

Primero
Segundo
Tercero

Cuarto
Quinto
Sexto
Séptimo

Esto es lo mismo que el anterior, pero realmente, no hace falta poner las separaciones:

{{XCols
|n_cols = 2
|líneas =
*Primero
*Segundo
*Tercero
**A
**B
**C
*Cuarto
*Quinto
*Sexto
*Séptimo
}}

Primero
Segundo
Tercero

Cuarto
Quinto
Sexto
Séptimo

Obsérvese que si no se tuviera en cuenta de no separar las «sublíneas» (como hace este módulo) se vería así:

Primero
Segundo
Tercero

Cuarto
Quinto
Sexto
Séptimo

Con peor lectura, aunque las columnas serían más igualadas.

Lista no punteada

{{XCols
|n_cols = 3
|líneas =
Primero
Segundo
Tercero
Cuarto
Quinto
Sexto
Séptimo
}}

Primero

Segundo

Tercero

Cuarto

Quinto

Sexto

Séptimo

Con agrupación de líneas

Haciendo tres grupos de líneas (primero en una sola columna):

{{XCols
|líneas =
Primero
Segundo

Tercero
Cuarto
Quinto

Sexto
Séptimo
}}

Primero
Segundo

Tercero
Cuarto
Quinto

Sexto
Séptimo

Con dos columnas:

{{XCols
|n_cols = 2
|líneas =
Primero
Segundo

Tercero
Cuarto
Quinto

Sexto
Séptimo
}}

Primero
Segundo

Tercero
Cuarto
Quinto

Sexto
Séptimo

Lista con salto de columna manual

Sencillo

{{XCols
|líneas =
Primero
Segundo
---
Tercero
Cuarto
Quinto
---
Sexto
Séptimo
}}

Primero

Segundo

Tercero

Cuarto

Quinto

Sexto

Séptimo

Agrupando

{{XCols
|líneas =
Primero
Segundo

---
Tercero

Cuarto
Quinto

---
Sexto
Séptimo
}}

Primero
Segundo

Tercero

Cuarto
Quinto

Sexto
Séptimo

Véase también: #Con encabezados.

Alíneación horizontal

{{XCols
|n_cols = 3
|alineación_h = centro
|líneas =
Primero
Segundo
Tercero
Cuarto
Quinto
Sexto
Séptimo
}}

Primero

Segundo

Tercero

Cuarto

Quinto

Sexto

Séptimo

Alíneación vertical

{{XCols
|n_cols = 3
|alineación_v = centro
|líneas =
Primero
Segundo
Tercero
Cuarto
Quinto
Sexto
Séptimo
}}

Primero

Segundo

Tercero

Cuarto

Quinto

Sexto

Séptimo

Texto al lado

No utilice el texto al lado para más de una o dos columnas.

{{XCols
|alineación_h = derecha
|líneas =
---30px
[[File:Baseball bat (1904).jpg|30px]]
---140px
El '''bate''' (del inglés ''bat'') es un objeto utilizado en algunos deportes. Según el deporte, el bate tiene un peso y tamaño diferentes. Es duro y liso, y comúnmente hecho de madera.
}}
{{lorem|3}}

El bate (del inglés bat) es un objeto utilizado en algunos deportes. Según el deporte, el bate tiene un peso y tamaño diferentes. Es duro y liso, y comúnmente hecho de madera.

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

{{XCols
|alineación_h = izquierda
|n_cols = 2
|encabezado = Explicación
|líneas =
'''Primero'''
Nota

'''Segundo'''
Nota 1
Nota 2
}}
{{lorem|2}}

Explicación
Primero Nota	Segundo Nota 1 Nota 2

Color de fondo

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Una
Dues
Tres
Quatre
}}

Una

Dues

Tres

Quatre

Lista no punteada con encabezado y pie

Estilo predefinido del encabezado

{{XCols
|n_cols = 3
|encabezado = Encabezado 
|líneas =
Primero
Segundo
Tercero<ref>Referencia al pie de estas columnas</ref>
Cuarto
Quinto
Sexto
Séptimo
|pie=<references/>
}}

Encabezado

Primero

Segundo

Tercero^[1]

Cuarto

Quinto

Sexto

Séptimo

[1]
Referencia al pie de estas columnas

Estilo de encabezado definido por el usuario

{{XCols
|n_cols = 3
|color_fondo = Snow
|encabezado_libre = '''{{color|green|Encabezado}}'''
<small>(con una nota debajo, con texto pequeño)</small>
|color_fondo_encabezado = Lavender
|líneas =
Primero
Segundo
Tercero
Cuarto
Quinto
Sexto
Séptimo
|pie = Esta es una nota al pie de las columnas
|color_fondo_pie = Lavender
|}}

Encabezado
(con una nota debajo, con texto pequeño)

Primero

Segundo

Tercero

Cuarto

Quinto

Sexto

Séptimo

Esta es una nota al pie de las columnas

Modificando el ancho

Ancho de las columnas proporcional al contenido

{{XCols
|n_cols = 2
|ancho = 50%
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Otra
}}

Una línea, más o menos larga

Otra

Ancho de las columnas proporcional al ancho total

{{XCols
|n_cols = 2
|ancho = 50%
|id_ancho = si
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Otra
}}

Una línea, más o menos larga

Otra

Modificando el margen de las columnas

Sin modificar

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Otra
}}

Una línea, más o menos larga

Otra

Modificándolo

{{XCols
|n_cols = 2
|sep_cols = 1.2em
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Otra
}}

Una línea, más o menos larga

Otra

Líneas heterogéneas

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Con la 1ª
También con la 1ª

Otra

Final
}}

Una línea, más o menos larga
Con la 1ª
También con la 1ª

Otra

Final

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
:Con la 1ª
:También con la 1ª

Otra
*Otra 1
*Otra 2

;Final: Y ya está
}}

Una línea, más o menos larga

Con la 1ª

También con la 1ª

Otra

Otra 1
Otra 2

Final: Y ya está

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Otra

Tercera

Quarta
}}

Una línea, más o menos larga
Otra

Tercera

Quarta

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Una línea, más o menos larga
Otra
}}

Una línea, más o menos larga

Otra

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
*Una línea, más o menos larga
*Otra
}}

Una línea, más o menos larga

Otra

Una línea demasiado larga

El problema

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Primero
Segundo, con un comentario que puede resultar demasiado largo
Tercero
Cuarto
}}

Primero

Segundo, con un comentario que puede resultar demasiado largo

Tercero

Cuarto

Solución 1

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Primero
Segundo, con un comentario<br>que puede resultar demasiado largo
Tercero
Cuarto
}}

Primero

Segundo, con un comentario
que puede resultar demasiado largo

Tercero

Cuarto

Solución 2

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
Primero

Segundo, con un comentario
que puede resultar demasiado largo

Tercero

Cuarto
}}

Primero

Segundo, con un comentario
que puede resultar demasiado largo

Tercero

Cuarto

Solución 3

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|ancho = 20%
|líneas =
---80%
Primero
Segundo, con un comentario que puede resultar demasiado largo
---20%
Tercero
Cuarto
}}

Primero

Segundo, con un comentario que puede resultar demasiado largo

Tercero

Cuarto

Solución 4

{{XCols
|n_cols = 2
|color_fondo = LightYellow
|líneas =
---200px
Primero
Segundo, con un comentario que puede resultar demasiado largo
---50px
Tercero
Cuarto
}}

Primero

Segundo, con un comentario que puede resultar demasiado largo

Tercero

Cuarto

Con encabezados

Raramente útil. Más que nada para listas ordenadas alfabéticamente, y así permitiendo que aparezcan en la tabla de contenidos; como en el ejemplo:

A

Anenii Noi

B

C

D

E

Edineț

F

G

H

Hîncești

I

O

R

S

Ş

T

U

Ungheni

V

Vadul lui Vodă
Vatra
Vulcănești

Comparación XCols vs Lista de columnas

Cambie el ancho de la ventana del navegador haciéndola pequeña, entonces podrá observar cómo se comportan. Con XCols nunca se parte un elemento en dos columnas. Con {{Lista de columnas}} prevalece el reparto de la cantidad de texto a pesar de que se dificulte la lectura.

Deficiencia mental.
Hiperactividad.

Problemas de atención.
Contacto visual escaso.
Habla reiterativa.

Articulaciones hiperextensibles.
Testículos grandes.

Orejas prominentes.
Bajo tono muscular.

Deficiencia mental.
Hiperactividad.

Problemas de atención.
Contacto visual escaso.
Habla reiterativa.

Articulaciones hiperextensibles.
Testículos grandes.

Orejas prominentes.
Bajo tono muscular.

Deficiencia mental.
Hiperactividad.
Problemas de atención.
Contacto visual escaso.
Habla reiterativa.
Articulaciones hiperextensibles.
Testículos grandes.
Orejas prominentes.
Bajo tono muscular.

TemplateData

Plantilla para repartir y mostrar texto en columnas

Más información Parámetro, Descripción ...

Parámetros de la plantilla
Se prefiere introducir los parámetros de esta plantilla en el formato de bloque.
Parámetro		Descripción	Tipo	Estado
líneas	`líneas` `lines`	Las líneas, único campo obligatorio. Una línea que sea «---» indica salto de columna manual. Si va seguida de un tamaño (en px, em o %), este indica el tamaño del ancho de la columna.	Cadena	obligatorio
Número de columnas	`n_cols` `col_n`	Se comprobará que no haya una línea «separadora» (que tenga de comienzo «---»), si está, se considerará que es un salto de columna manual, entonces el número de columnas se calculará según el número de líneas «separadoras».	Número	opcional
ancho	`ancho` `width`	Máximo espacio ocupado por las columnas. El número puede ser en px, em o %. Por defecto ocupa el ancho según el ancho ocupado por las líneas.	Línea	opcional
Alineación horizontal	`alineación_h` `h_align`	Se puede determinar que se alinee al centro/center, a la derecha/right o al izquierda/left. Sólo tiene efecto si el ancho no es del 100%. Si se alinea a derecha o izquierda, el texto del artículo podrá fluir por el lado (como en una imagen insertada).	Línea	opcional
Color de fondo	`color_fondo` `bg_color`	Por defecto es transparente.	Línea	opcional
Columnas de igual ancho	`id_ancho` `same_width`	Si es que si, el ancho de las columnas será igual para todas ellas, independientemente del ancho ocupado por las líneas. Por defecto el ancho depende del ancho ocupado por las líneas.	Lógico	opcional
Texto del encabezado	`encabezado` `header`	Encima de las columnas, aparecerá en negrita y centrado.	Línea	opcional
Texto del pie	`pie` `footer`	Debajo de las columnas.	Línea	opcional
Separación de columnas	`sep_cols` `col_sep`	Establece los márgenes de separación del texto entre las columnas. El número puede ser en px o em. Por defecto es 0.6em por lado de columna.	Línea	opcional
Alineación vertical	`alineación_v` `v_align`	Por defecto se alinee arriba, pero se puede determinar que se alinee al centro/center o abajo/bottom.	Línea	opcional
Text de encabezado alternativo	`encabezado_libre` `free_header`	Encima de las columnas. Es una alternativa a encabezado. No tiene estilo definido.	Línea	opcional
Color de fondo del encabezado	`color_fondo_encabezado` `header_bg_color`	Por defecto es transparente o del color de fondo.	Línea	opcional
Color de fondo del pie	`color_fondo_pie` `footer_bg_color`	Por defecto es transparente o del color de fondo.	Línea	opcional

Cerrar

Plantillas relacionadas

Más información Tipo, Resp. ...


Tipo	Plantilla	Resp.	Partición	Anchura
Div con column-width	`{{Lista de columnas dinámica}}`	Sí	Automática	Personalizable e igual para todas las columnas
Div con column-count	`{{Lista de columnas}}`	No	Automática	Igual para todas las columnas
Divs con float:left	`{{Col-float}}` `{{Col-float-break}}` `{{Col-float-end}}`	Sí	Manual	Igual o diferente para cada columna
Tabla	`{{Columnas}}` `{{Nueva columna}}` `{{Final columnas}}`	No	Manual	Igual o diferente para cada columna
Tabla	`{{XCols}}`	No	Automática o manual	Igual o personalizable o ajustado al contenido
Para más información véase Ayuda:Columnas.

Cerrar

Esta documentación está transcluida desde Plantilla:XCols/doc.
Los editores pueden experimentar en la zona de pruebas (crear) y en los casos de prueba (crear) de la plantilla.
Por favor, añade las categorías en la subpágina de documentación. Subpáginas de esta plantilla.

Características

Sintaxis

Ejemplos

Listas punteadas

Con diferentes niveles

Lista no punteada

Con agrupación de líneas

Lista con salto de columna manual

Sencillo

Agrupando

Alíneación horizontal

Alíneación vertical

Texto al lado

Color de fondo

Lista no punteada con encabezado y pie

Estilo predefinido del encabezado

Estilo de encabezado definido por el usuario

Modificando el ancho

Ancho de las columnas proporcional al contenido

Ancho de las columnas proporcional al ancho total

Modificando el margen de las columnas

Sin modificar

Modificándolo

Líneas heterogéneas

Una línea demasiado larga

El problema

Solución 1

Solución 2

Solución 3

Solución 4

Con encabezados

A

B

C

D

E

F

G

H

I

L

M

N

O

R

S

Ş

T

U

V

Comparación XCols vs Lista de columnas

TemplateData

Plantillas relacionadas

Related Articles