Ir al contenido

Plantilla:Triptico

De Wikiviajes, la guía libre de viajes

Triptico

Framework para construir trípticos visuales en columnas responsivas. Combina libremente los elementos disponibles dentro de cada columna para crear guías, fichas, artículos visuales y más.

Las tres columnas se muestran en fila en escritorio, pasan a dos en tablet y a una en móvil.

Uso básico

{{Triptico|
  {{Triptico/Columna|header=Título columna|header-acento=#e63946|
    ... elementos ...
  }}
  {{Triptico/Columna|
    ... elementos ...
  }}
  {{Triptico/Columna|
    ... elementos ...
  }}
}}

Elementos

Contenedor raíz. Recibe las tres columnas como contenido posicional.

ParámetroDescripción
1Las tres instancias de Plantilla:Triptico/Columna

Una columna del tríptico. Contiene cualquier combinación de elementos.

ParámetroDescripciónPor defecto
1Elementos hijos
headerTexto del encabezado flotanteSin header
header-colorColor de fondo del header#111
header-acentoColor de la línea decorativa inferior#e63946
{{Triptico/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c|
  ... elementos ...
}}

Encabezado flotante en la parte superior de la columna. Se invoca automáticamente desde Columna mediante el parámetro header. También puede usarse de forma independiente.

ParámetroDescripciónPor defecto
1Texto del header
colorColor de fondo#111
acentoColor de la línea inferior#e63946
{{Triptico/Header|Cusco|color=#2d0000|acento=#e63946}}

Tarjeta cuadrada con imagen de fondo y textos en las esquinas. Enlace interno opcional que cubre todo el cuadro.

ParámetroDescripciónPor defecto
imagenNombre del archivo subido a la wiki
enlaceArtículo wiki destino — opcionalSin enlace
topTexto esquina superior izquierda — opcional
botTexto esquina inferior derecha — opcional
ratioProporción: 100% cuadrado · 75% 4:3 · 56.25% 16:9100%
acentoColor de línea decorativa en tags al hacer hoverTransparente
hoverColor de fondo de tags al hacer hoverrgba(0,0,0,0.82)
{{Triptico/Card
 |imagen=Lima_plaza.jpg
 |enlace=Plaza Mayor de Lima
 |top=[[Plaza Mayor]]
 |bot=s. XVI
 |acento=#c9a84c
 |hover=rgba(10,8,0,0.88)
}}

Tarjeta con imagen de fondo, overlay oscuro y texto vertical grande. Enlace interno opcional.

ParámetroDescripciónPor defecto
imagenNombre del archivo
enlaceArtículo wiki destino — opcionalSin enlace
textoTexto vertical sobre el overlay
ratioProporción del cuadro100%
tamañoTamaño de fuente del texto vertical42px
{{Triptico/CardVert
 |imagen=Machu_picchu.jpg
 |enlace=Machu Picchu
 |texto=Machu Picchu
 |ratio=75%
 |tamaño=32px
}}

Banda horizontal con ítems de icono, etiqueta y valor. Usa Plantilla:Triptico/Tira/Item como subelementos.

ParámetroDescripciónPor defecto
1Instancias de Plantilla:Triptico/Tira/Item
bgColor de fondo#111111
acentoColor de la línea superior#e63946
txtColor del valor principal#ffffff
ParámetroDescripción
iconoNombre del archivo de icono — opcional
labelEtiqueta pequeña, ej: Altitud
valorValor principal, ej: 3,399 m
{{Triptico/Tira|bg=#1a1a2e|acento=#c9a84c|
  {{Triptico/Tira/Item|icono=Icono_altitud.png|label=Altitud|valor=3,399 m}}
  {{Triptico/Tira/Item|icono=Icono_clima.png|label=Clima|valor=3–20 °C}}
  {{Triptico/Tira/Item|icono=Icono_epoca.png|label=Mejor época|valor=May–Oct}}
}}

Bloque de texto libre dentro de una columna. Acepta wikitext completo.

ParámetroDescripciónPor defecto
1Contenido en wikitext
bgColor de fondoTransparente
colorColor del textoHeredado
{{Triptico/Texto|bg=#1a1a1a|color=#fff|
Esta región fue escenario de múltiples conflictos durante el siglo XV.
'''Más de 40 batallas''' tuvieron lugar aquí. [[Historia|Leer más]].
}}

Lista de paradas en formato de línea de tiempo vertical. Usa Plantilla:Triptico/Itinerario/Parada como subelementos.

ParámetroDescripciónPor defecto
1Instancias de Plantilla:Triptico/Itinerario/Parada
tituloEncabezado del itinerarioItinerario
totalResumen en la esquina derecha, ej: 3 días
bgColor de fondo#0d0d0d
acentoColor del acento (nodo, tiempo, línea)#e63946
ParámetroDescripción
lugarNombre del lugar
enlaceArtículo wiki — opcional
tiempoDuración, ej: 2 h — opcional
actividadDescripción de la actividad — opcional
tipoBadge con acento: categoría, ej: Museo — opcional
difBadge: dificultad, ej: Fácil — opcional
costoBadge: costo, ej: Gratis — opcional
horarioBadge: horario, ej: 09:00 — opcional
{{Triptico/Itinerario|titulo=Lima esencial|total=3 días|bg=#0d1a0d|acento=#2e7d32|
  {{Triptico/Itinerario/Parada
   |lugar=Plaza Mayor|enlace=Plaza Mayor de Lima|tiempo=2 h
   |actividad=Catedral, Palacio de Gobierno y arquitectura colonial
   |tipo=Historia|dif=Fácil|costo=Gratis|horario=09:00
  }}
  {{Triptico/Itinerario/Parada
   |lugar=Larco Museo|enlace=Museo Larco|tiempo=2 h
   |actividad=Colección precolombina más grande del mundo
   |tipo=Museo|dif=Fácil|costo=S/ 30|horario=12:00
  }}
  {{Triptico/Itinerario/Parada
   |lugar=Miraflores|enlace=Miraflores|tiempo=3 h
   |actividad=Malecón, Parque del Amor y acantilados
   |tipo=Naturaleza|dif=Fácil|costo=Gratis|horario=16:00
  }}
}}

Lista de platos y bebidas con foto, descripción y badges. Usa Plantilla:Triptico/Gastronomia/Plato como subelementos.

ParámetroDescripciónPor defecto
1Instancias de Plantilla:Triptico/Gastronomia/Plato
tituloEncabezadoGastronomía
subtituloTexto secundario del header — opcional
bgColor de fondo#0d0d0d
acentoColor de acento#e63946
txtColor de texto principal#fff
txt2Color de texto secundariorgba(255,255,255,0.45)
bordeColor de bordes de badgesrgba(255,255,255,0.1)
ParámetroDescripción
nombreNombre del plato o bebida
enlaceArtículo wiki — opcional
fotoArchivo de imagen — opcional
lugarLugar de origen o restaurante — opcional
descDescripción breve — opcional
tipoBadge acento: Plato, Bebida, Postre — opcional
precioBadge: rango de precio — opcional
horarioBadge: horario recomendado — opcional
{{Triptico/Gastronomia|titulo=Platos imperdibles|subtitulo=Costa peruana
 |bg=#1a0d00|acento=#e65100|txt=#fff|txt2=rgba(255,255,255,0.6)
 |borde=rgba(255,255,255,0.12)|
  {{Triptico/Gastronomia/Plato
   |nombre=Ceviche|enlace=Ceviche|foto=Ceviche.jpg
   |lugar=Lima · Costa|desc=Pescado en limón, ají limo y cebolla morada
   |tipo=Plato bandera|precio=S/ 25–45|horario=Almuerzo
  }}
  {{Triptico/Gastronomia/Plato
   |nombre=Pisco Sour|enlace=Pisco sour|foto=Pisco_sour.jpg
   |lugar=Lima|desc=Cóctel de pisco quebranta con limón
   |tipo=Bebida bandera|precio=S/ 18–30|horario=Noche
  }}
}}

Sección de medios de transporte y lugares de interés. Usa Plantilla:Triptico/Transporte/Medio y Plantilla:Triptico/Transporte/Lugar como subelementos pasados a los parámetros medios y lugares.

ParámetroDescripciónPor defecto
mediosInstancias de Plantilla:Triptico/Transporte/Medio — opcional
lugaresInstancias de Plantilla:Triptico/Transporte/Lugar — opcional
tituloEncabezadoCómo llegar
subtituloTexto secundario — opcional
bgColor de fondo#0d0d0d
acentoColor de acento#1d6fa4
txtColor de texto principal#fff
txt2Color de texto secundariorgba(255,255,255,0.4)
ParámetroDescripción
nombreNombre del medio de transporte
enlaceArtículo wiki — opcional
iconoArchivo de icono — opcional
descDescripción breve — opcional
metaTiempo o frecuencia, ej: 35 min — opcional
ParámetroDescripción
nombreNombre del lugar
enlaceArtículo wiki — opcional
iconoArchivo de icono — opcional
descDescripción breve — opcional
metaDistancia o tiempo, ej: 3.5 km — opcional
{{Triptico/Transporte|titulo=Cómo llegar|subtitulo=Desde el aeropuerto
 |bg=#0d1a0d|acento=#2e7d32|txt=#fff|txt2=rgba(255,255,255,0.6)
 |medios=
  {{Triptico/Transporte/Medio|nombre=Vuelo desde Lima
   |enlace=Aeropuerto Alejandro Velasco Astete
   |icono=Icono_avion.png|desc=Vuelos diarios|meta=1 h 15 min
  }}
  {{Triptico/Transporte/Medio|nombre=Tren a Machu Picchu
   |enlace=PeruRail|icono=Icono_tren.png
   |desc=Desde Ollantaytambo|meta=1 h 40 min
  }}
 |lugares=
  {{Triptico/Transporte/Lugar|nombre=Sacsayhuamán
   |enlace=Sacsayhuamán|icono=Icono_ruinas.png
   |desc=Fortaleza inca sobre Cusco|meta=2 km
  }}
  {{Triptico/Transporte/Lugar|nombre=Valle Sagrado
   |enlace=Valle Sagrado de los Incas|icono=Icono_valle.png
   |desc=Pisac, Moray y Salineras|meta=26 km
  }}
}}

Bloque de aviso, nota, precisión o dato destacado. Tres variantes de diseño.

ParámetroDescripciónPor defecto
tipoEtiqueta superior, ej: Nota, Precaución, Dato
tituloTítulo en negrita — opcional
textoCuerpo, acepta wikitext y [[enlaces]]
footerLínea final, ej: Ver también: Artículo — opcional
iconoArchivo de icono junto al tipo — opcional
acentoColor principal#1d6fa4
bgFondo del cuerpo, usar rgba() para transparenciargba(29,111,164,0.08)
txtColor de texto principal#fff
txt2Color de texto secundariorgba(255,255,255,0.6)
variantefilled barra arriba · solid fondo plenoSin variante
<!-- Nota informativa -->
{{Triptico/Callout
 |tipo=Dato clave
 |titulo=Patrimonio UNESCO
 |texto=El [[Centro Histórico de Lima]] fue declarado
 '''Patrimonio de la Humanidad''' en 1988.
 |acento=#c9a84c|bg=rgba(201,168,76,0.08)|txt=#fff
 |txt2=rgba(255,255,255,0.6)
}}

<!-- Aviso de precaución -->
{{Triptico/Callout
 |tipo=Precaución
 |titulo=Mal de altura
 |texto=Cusco está a más de 3,300 m. Se recomienda
 '''descansar el primer día''' y beber infusiones de [[coca]].
 |acento=#e63946|bg=rgba(230,57,70,0.08)
 |variante=filled
}}

<!-- Dato muy destacado -->
{{Triptico/Callout
 |tipo=Recomendación
 |texto=La temporada '''seca (mayo–octubre)''' es ideal
 para avistamiento de fauna amazónica.
 |acento=#4caf7d
 |variante=solid
}}

Cuadrícula de 2×2 con cifras destacadas y etiquetas.

ParámetroDescripciónPor defecto
tituloEncabezado — opcional
bgColor de fondo#0d0d0d
acentoColor de las cifras#e63946
txt2Color de etiquetas y subtextosrgba(255,255,255,0.4)
cifra1cifra4Número o valor destacado, ej: 3.2M, 92%
label1label4Etiqueta debajo de la cifra
sub1sub4Aclaración pequeña — opcional
{{Triptico/Stat
 |titulo=Lima en cifras
 |bg=#0d0d0d|acento=#c9a84c
 |cifra1=10M    |label1=Habitantes
 |cifra2=1535   |label2=Fundación
 |cifra3=43     |label3=Distritos
 |cifra4=2,672  |label4=km² de área
}}

Cita o frase destacada con comillas decorativas, autor y fuente.

ParámetroDescripciónPor defecto
textoLa cita
autorNombre del autor — opcional
fuenteReferencia secundaria — opcional
bgColor de fondo#0d0d0d
acentoColor de barra, comillas y autor#e63946
txtColor del texto de la cita#fff
txt2Color de la fuente secundariargba(255,255,255,0.35)
{{Triptico/Cita
 |texto=Quien llega a Cusco no visita una ciudad, visita una era.
 Cada calle es una página de historia viva.
 |autor=Cronista anónimo
 |fuente=Diarios de viaje, s. XX
 |bg=#1a0000|acento=#e63946|txt=#fff
}}

Lista de ítems con bullet, texto y metadato opcional. Usa Plantilla:Triptico/Lista/Item como subelementos.

ParámetroDescripciónPor defecto
1Instancias de Plantilla:Triptico/Lista/Item
tituloEncabezadoLista
bgColor de fondo#0d0d0d
acentoColor de bullets y metadatos#e63946
txtColor del texto de los ítems#fff
ParámetroDescripción
textoTexto del ítem
enlaceArtículo wiki — opcional
metaDato corto a la derecha, ej: 4 días — opcional
{{Triptico/Lista|titulo=Actividades recomendadas|bg=#0d1a0d|acento=#2e7d32|txt=#fff|
  {{Triptico/Lista/Item|texto=Camino Inca de 4 días
   |enlace=Camino Inca|meta=4 días
  }}
  {{Triptico/Lista/Item|texto=Clase de cocina andina|meta=3 h}}
  {{Triptico/Lista/Item|texto=Rafting en el río Urubamba
   |enlace=Río Urubamba|meta=2 h
  }}
  {{Triptico/Lista/Item|texto=Planetario de Cusco|meta=Noche}}
}}

Ejemplo completo

{{Triptico|
  {{Triptico/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946|

    {{Triptico/Card
     |imagen=Cusco_plaza.jpg|enlace=Cusco
     |top=[[Cusco]]|bot=Capital del Tahuantinsuyo
     |acento=#e63946|hover=rgba(30,0,0,0.88)
    }}

    {{Triptico/Tira|bg=#2d0000|acento=#e63946|
      {{Triptico/Tira/Item|icono=Icono_altitud.png|label=Altitud|valor=3,399 m}}
      {{Triptico/Tira/Item|icono=Icono_clima.png|label=Clima|valor=3–20 °C}}
      {{Triptico/Tira/Item|icono=Icono_epoca.png|label=Mejor época|valor=May–Oct}}
    }}

    {{Triptico/Callout
     |tipo=Precaución|titulo=Mal de altura
     |texto=Se recomienda '''descansar el primer día''' y beber infusiones de [[coca]].
     |acento=#e63946|bg=rgba(230,57,70,0.08)|variante=filled
    }}

    {{Triptico/Stat|titulo=Cusco en cifras|bg=#1a0000|acento=#e63946
     |cifra1=3,399 |label1=msnm
     |cifra2=1983  |label2=Patrimonio UNESCO
     |cifra3=450K  |label3=Habitantes
     |cifra4=1200  |label4=Sitios arqueológicos
    }}

  }}

  {{Triptico/Columna|header=Itinerario|header-color=#1a1400|header-acento=#c9a84c|

    {{Triptico/CardVert
     |imagen=Machu_picchu.jpg|enlace=Machu Picchu
     |texto=Machu Picchu|tamaño=30px|ratio=70%
    }}

    {{Triptico/Itinerario|titulo=Ruta inca · 4 días|total=4 días
     |bg=#1a1400|acento=#c9a84c|
      {{Triptico/Itinerario/Parada
       |lugar=Cusco ciudad|enlace=Cusco|tiempo=1 día
       |actividad=Aclimatación, Plaza de Armas y Qorikancha
       |tipo=Adaptación|dif=Fácil|costo=S/ 30–60|horario=Día 1
      }}
      {{Triptico/Itinerario/Parada
       |lugar=Valle Sagrado|enlace=Valle Sagrado de los Incas|tiempo=1 día
       |actividad=Pisac, Ollantaytambo y mercados artesanales
       |tipo=Arqueológico|dif=Moderado|costo=Boleto turístico|horario=Día 2
      }}
      {{Triptico/Itinerario/Parada
       |lugar=Machu Picchu|enlace=Machu Picchu|tiempo=6 h
       |actividad=Ciudadela inca, Puerta del Sol y Huayna Picchu
       |tipo=Patrimonio UNESCO|dif=Moderado|costo=S/ 152|horario=06:00
      }}
      {{Triptico/Itinerario/Parada
       |lugar=Montaña Arcoíris|enlace=Montaña de Siete Colores|tiempo=5 h
       |actividad=Trekking a 5,200 m con vistas únicas
       |tipo=Aventura|dif=Exigente|costo=S/ 70|horario=Día 4
      }}
    }}

  }}

  {{Triptico/Columna|header=Gastronomía y accesos|header-color=#0d1a0d|header-acento=#2e7d32|

    {{Triptico/Gastronomia|titulo=Cocina andina|subtitulo=Sabores de la sierra
     |bg=#0d1a0d|acento=#2e7d32|txt=#fff|txt2=rgba(255,255,255,0.6)
     |borde=rgba(255,255,255,0.12)|
      {{Triptico/Gastronomia/Plato
       |nombre=Cuy al horno|enlace=Cuy|foto=Cuy_asado.jpg
       |lugar=Cusco · Puno|desc=Plato ceremonial andino con hierbas
       |tipo=Tradicional|precio=S/ 30–55|horario=Almuerzo
      }}
      {{Triptico/Gastronomia/Plato
       |nombre=Chicha de jora|enlace=Chicha de jora|foto=Chicha_jora.jpg
       |lugar=Andes|desc=Bebida fermentada de maíz ancestral
       |tipo=Bebida ancestral|precio=S/ 3–8|horario=Todo el día
      }}
    }}

    {{Triptico/Transporte|titulo=Cómo llegar|subtitulo=Accesos principales
     |bg=#0d1a0d|acento=#2e7d32|txt=#fff|txt2=rgba(255,255,255,0.6)
     |medios=
      {{Triptico/Transporte/Medio|nombre=Vuelo desde Lima
       |enlace=Aeropuerto Alejandro Velasco Astete
       |icono=Icono_avion.png|desc=Vuelos diarios|meta=1 h 15 min
      }}
      {{Triptico/Transporte/Medio|nombre=Tren a Machu Picchu
       |enlace=PeruRail|icono=Icono_tren.png
       |desc=Desde Ollantaytambo|meta=1 h 40 min
      }}
     |lugares=
      {{Triptico/Transporte/Lugar|nombre=Sacsayhuamán
       |enlace=Sacsayhuamán|icono=Icono_ruinas.png
       |desc=Fortaleza inca sobre Cusco|meta=2 km
      }}
      {{Triptico/Transporte/Lugar|nombre=Montaña Arcoíris
       |enlace=Montaña de Siete Colores|icono=Icono_montana.png
       |desc=Vinicunca a 5,200 msnm|meta=100 km
      }}
    }}

    {{Triptico/Lista|titulo=Actividades recomendadas
     |bg=#0d1a0d|acento=#2e7d32|txt=#fff|
      {{Triptico/Lista/Item|texto=Camino Inca|enlace=Camino Inca|meta=4 días}}
      {{Triptico/Lista/Item|texto=Clase de cocina andina|meta=3 h}}
      {{Triptico/Lista/Item|texto=Visita a comunidades quechuas|meta=Medio día}}
      {{Triptico/Lista/Item|texto=Rafting en el Urubamba|enlace=Río Urubamba|meta=2 h}}
    }}

  }}
}}