Si estas aquí, es porque buscas saber cómo utilizar algunas funciones básicas de Wikidot para agregarle un poco de aspecto más organizado o pintoresco a tus artículos, o buscas comenzar un estudio en hacer códigos pero no conoces ni lo básico. Aquí te presentamos algunas ayudas de referencia.
Textos
Aquí te mostraremos algunos alternadores de textos. Te servirán para alterar el formato de tu texto, y utilizarlo para determinadas cosas que quieras representar, como un título o un diálogo. Aquí se muestra una sencilla tabla de los más básicos:
Sintaxis | Resultado |
---|---|
**Negrita** | Negrita |
//Italico// | Italico |
--Texto Cortado-- | Texto Cortado |
__Texto Subrayado__ | Texto Subrayado |
{{Texto de Teletipo}} | Texto de Teletipo |
Texto^^superíndice^^ | Textosuperíndice |
Texto,,subíndice,, | Textosubíndice |
Puedes hacer combinaciones de estos, por ejemplo:
1: Lorem Ipsum Dolor Sit Amet
Sintaxis: {{**Lorem Ipsum Dolor Sit Amet**}}
2: Lorem Ipsum Dolor Sit Amet
Sintaxis: __**Lorem Ipsum Dolor Sit Amet**__
3: Lorem Ipsum Dolor Sit Amet
Sintaxis: --//Lorem Ipsum Dolor Sit Amet//--
Obviamente, estos son algunos. Hay más combinaciones que puedes hacer.
Títulos
Los titulares también son una parte importante. Aquí encontrarás los 6 niveles que puedes utilizar:
+ Nivel 1
++ Nivel 2
+++ Nivel 3
++++ Nivel 4
+++++ Nivel 5
++++++ Nivel 6
Tamaños
Si los titulares no te convencen, aquí encuentras un método para agrandar tu texto del tamaño que requieras.
Sintaxis | Resultado |
---|---|
[[size smaller]]Texto Chico[[/size]] | Texto Chico |
[[size larger]]Texto Agrandado[[/size]] | Texto Grande |
[[size 80%]]80% del Tamaño Actual[[/size]] | 80% del Tamaño Actual |
[[size 100%]]100% del Tamaño Actual[[/size]] | 100% del Tamaño Actual |
[[size 150%]]150% del Tamaño Actual[[/size]] | 150% del Tamaño Actual |
[[size 0.8em]]80% del Tamaño Actual[[/size]] | 80% del Tamaño Actual |
[[size 1em]]100% del Tamaño Actual[[/size]] | 100% del Tamaño Actual |
[[size 1.5em]]150% del Tamaño Actual[[/size]] | 150% del Tamaño Actual |
Colores
También puedes modificar tu texto con colores. Aquí hay algunos ejemplos de cómo hacerlo.
Sintaxis | Resultado |
---|---|
[[span style="color:red"]]Elemento //span// En-Línea[[/span]] | Elemento span En-Línea |
Color ##blue|Azul## O ##44FF88|Azul Hexadecimal## | Color Azul O Verde Hexadecimal |
Enlaces
Los enlaces son el método para enlazar páginas a otras, y es lo que le da la gracia a las wikis. Aquí están algunos ejemplos.
Sintaxis | Resultado |
---|---|
[http://union-icio-wiki.wikidot.com/ Enlace Común] | Enlace Común |
[*http://union-icio-wiki.wikidot.com/ Enlace que abre otra ventana] | Enlace que abre otra ventana |
[[[Enlace Simple]]] | Bienvenida |
[[[Bienvenida |Texto de Anclaje]]] | Texto de Anclaje |
También están los enlaces con colores, los cuales son los siguientes:
Enlace Existente
Enlace Inexistente
Enlace que Posiblemente Visitaste
Pestañas
Las pestañas son una buena forma de organizar y dividir contenido para no hacer tan largas la página. Aquí se muestra su simple sintaxis:
Código:
[[tabview]]
[[tab Título 1]]
Plaseholder
[[/tab]]
[[tab Título 2]]
Plaseholder
[[/tab]]
[[tab Título 3]]
Plaseholder
[[/tab]]
[[/tabview]]
Citas
Los bloques de citas son una buena forma de simular un registro de grabación o dar un estilo gráfico más adecuado a alguna parte que quieras colocar, y su uso es sencillo.
Sintaxis:
> Bloque de Cita. Recuerda agregar un espacio entre el texto y el "> para que funcione.
Resultado:
Bloque de Cita. Recuerda agregar un espacio entre el texto y el "> para que funcione.
Otra función no muy utilizada son las múltiples citas, las cuales funcionan a continuación.
Sintaxis:
> Cita
>> Doble Cita
>>> Triple Cita
>> Doble Cita
> Cita
Resultado:
Cita
Doble Cita
Triple Cita
Doble Cita
Cita
Notas al Pie
Las notas al Pie permiten crear un bloque que almacena el texto que le colocamos y lo coloca en forma de un número alado donde lo utilizamos. Es muy útil para colocar explicaciones detalladas sobre algo en particular o para no hacer tan densos los párrafos.
Sintaxis:
Texto[[footnote]] Texto de la nota [[/footnote]].
Resultado:
Texto1.
Puedes colocar también [[footnoteblock]], el cual determina la posición de la lista de las Notas al Pie según donde lo coloques. Si no o colocas, las Notas al Pie aparecerán al final de la página por defecto.
Ejemplo del footnoteblock:
Imágenes
¿A quién no le gusta colocar imágenes en sus artículos? Te enseñaremos a como utilizar el módulo que poseemos para colocar imágenes.
Ejemplo:
[[include component:image-block name=URL-image|caption=Texto debajo de la imagen.|align=center|width=XXXpx]]
En "name" debes colocar la URL de la imagen que subiste en la sección de "archivos", copiar la URL y pegarla en su espacio o colocando el nombre de reemplazo del archivo que le colocaste. También puedes utilizar una URL externa.
Ejemplo de imagen con URL Externa:
En la parte "caption" puedes colocar un texto para que aparezca debajo de la imagen. Si no lo quieres llenar puedes colocar simplemente un espacio y ya. En "align" escoges el alineamiento de derecha right, izquierda left y centro center. Y por último, en "width" coloca el tamaño de la imagen según los PX. Reemplaza "XXX" por el número de tamaño que deseas que tenga la imagen.
Tablas
Las tablas pueden ser útiles para colocar registros o explicar numerosos componentes.
Sintaxis:
||~ CELDA DE TÍTULO FORMATEADO ||~ CELDA DE TÍTULO FORMATEADO ||~ CELDA DE TÍTULO FORMATEADO ||
|| Celda sin formatear || Celda sin formatear || Celda sin formatear ||
||< Celda alineada a la izquierda ||< Celda alineada a la izquierda ||< Celda alineada a la izquierda ||
||> Celda alineada a la derecha ||> Celda alineada a la derecha ||> Celda alineada a la derecha ||
||= Celda centrada ||= Celda centrada ||= Celda centrada||
Resultado:
CELDA DE TÍTULO FORMATEADO | CELDA DE TÍTULO FORMATEADO | CELDA DE TÍTULO FORMATEADO |
---|---|---|
Celda sin formatear | Celda sin formatear | Celda sin formatear |
Celda alineada a la izquierda | Celda alineada a la izquierda | Celda alineada a la izquierda |
Celda alineada a la derecha | Celda alineada a la derecha | Celda alineada a la derecha |
Celda centrada | Celda centrada | Celda centrada |
También colocar más celdas (||) antes del texto hará que la celda ocupe más espacio.
Sintaxis:
||~ Título de celda ||~ Título de celda ||~ Título de celda ||
||Celda que abarca una columna |||| Celda que abarca dos columnas ||
|||||| Celda que abarca tres columna||
Resultado:
Título de celda | Título de celda | Título de celda |
---|---|---|
Celda que abarca una columna | Celda que abarca dos columnas | |
Celda que abarca tres columna |
Collapsible
El collapsible es una buena forma de almacenar texto y que se vea limpio en la página. Con un click despliega todo el texto que está dentro del collapsible, dándole una mejor organización y estética al artículo.
Sintaxis:
[[collapsible show="+ Abrir" hide="- Cerrar"]]
Plaseholder collapsible
[[/collapsible]]
Resultado:
Y así finaliza nuestra pequeña guía sobre los recursos de Sintaxis básicos. Hay mucho más que aprender, pero ahora ya conoces lo básico.