Sintaxis De Wikidot

¡Hola!

Seguramente te estarás preguntando, que ago aquí? Que se supone que use? Bueno, hay dos formas de tener las respuestas si es que quieres saber cómo editar y usar bien los códigos de wikidot.

1: la primera es seguir leyendo.

2: es ir a este link Colección de fragmentos de código de wikidot, y allí podrás encontrar la enorme variedad de códigos de wikidot.

Nota: si querés tener a disposición todos los fragmentos de código básico, simplemente cuando estés editando un artículo, en la parte de abajo que dice "ayuda" en el bloque de edición precióna "referencia rápida de wiki texto" y tendrás un panel a la mano para editar.

Se mostrarán las sintaxis correspondientes a cada código.

Texto

Aquí están las partes que alteran a las letras de los textos, para saber usarlas.

Sintaxis Ejemplo
**Negrita** Negrita
//Cursiva// Cursiva
__Subrayado__ Subrayado
--Tachado-- Tachado
{{Teletipo (Monoespaciado)}} Teletipo (Monoespaciado)
Texto^^Superíndice^^ TextoSuperíndice
Texto,,Subíndice,, TextoSubíndice
[[span style="color:red"]]Elemento //span// En-Línea[[/span]] Elemento span En-Línea
Color ##blue|Predefinido## O ##44FF88|En Código Hexadecimal## Color Predefinido O En Código Hexadecimal

Alineadores de Texto

Puede alinear el texto a la izquierda, el centro y la derecha de la página, así como justificarlo:

[[<]]
Texto alineado a la izquierda

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/<]]

[[=]]
Texto centrado

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/=]]

[[>]]
Texto alineado a la derecha

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/>]]

[[==]]
Texto justificado

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/==]]

Resultado:

Texto alineado a la izquierda

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.

Texto centrado

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.

Texto alineado a la derecha

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.

Texto justificado

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ejercicio ullamco laboris nisi ut aliquip ex ea commodo consequat.

Alterar el tamaño

Esto permite alterar el tamaño de las letras, utilizando el código "[[size]]".

Sintaxis Ejemplo
[[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

Alteraciones más Directas

Estos sirven para alterar aún más el texto de diferentes formas posibles.

Sintaxis Ejemplo
[[size xx-small]]Texto Extra-Extra-Chico[[/size]] Texto Extra-Extra-Chico
[[size x-small]]Texto Extra-Chico[[/size]] Texto Extra-Chico
[[size small]]Texto Grande[[/size]] Texto Grande
[[size large]]Texto Agrandado[[/size]] Texto Agrandado
[[size x-large]]Texto Extra-Agrandado[[/size]] Texto Extra-Agrandado
[[size xx-large]]Texto Extra-Extra-Agrandado[[/size]] Texto Extra-Extra-Agrandado
[[size 7px]]Tamaño de Texto a 7 Pixeles[[/size]] Tamaño de Texto a 7 Pixeles
[[size 18.75px]]Tamaño de Texto a 18.75 Pixeles[[/size]] Tamaño de Texto a 18.75 Pixeles

Titulares

Wikidot tiene una forma básica de alterar el tamaño del texto o de crear encabezados, utilizando los "+". Mientras más "+" se encuentran (máximo 6) más pequeño se ara el texto, y mientras menos "+" el texto será más grande.

+ nivel 1
++ nivel 2
+++ nivel 3
++++ nivel 4
+++++ nivel 5
++++++ nivel 6

Alineadores Horizontales

Esto sirve para crear una línea que divide el texto en dos, de está forma:

------

Con este resultado:


Espacios Vacíos

Esto permite dejar espacios vacíos al utilizarse. Se utiliza así:

Texto

@@ @@
@@ @@
@@ @@

Resultado:

Texto



Enlaces

Los enlaces son otra parte importante de una página wiki, pues con estos se conectan a otras páginas, se anclan a otras ya existentes o dejan un espacio para que se cree otra.

Las URLs se convertirán instantáneamente en enlaces cómo por ejemplo:

http://agiat.wikidot.com/ - http://agiat.wikidot.com/

Para enlazar palabras y/o frases específicas, o nombres de página específicos use este:

[http://agiat.wikidot.com AGIAT] - AGIAT
[[[http://agiat.wikidot.com | AGIAT]]] - AGIAT
[/entrada AGIAT] - AGIAT
[[[entrada | AGIAT]]] - AGIAT

[[[sintaxis de wikidot y códigos| Sintaxis de wikidot]]] de Doctor Mirray - Sintaxis de wikidot de Doctor Mirray

Añadiendo un asterisco (*) al principio de la URL se abre el enlace en una nueva ventana:

*http://agiat.wikidot.com - http://agiat.wikidot.com
[*http://agiat.wikidot.com AGIAT] - AGIAT
[[[*http://agiat.wikidot.com | AGIAT]]] - AGIAT

Pestañas

Las pestañas son ideales para una gran variedad de usos, sobre todo para mantener tus numerosos borradores en una página de borradores, pero también hay otros usos creativos para ello.

[[tabview]]
[[tab Pestaña 1]]
Contenido de la Pestaña 1
[[/tab]]
[[tab Pestaña 2]]
Contenido de la Pestaña 2
[[/tab]]
[[tab Pestaña 3]]
Contenido de la Pestaña 3
[[/tab]]
[[/tabview]]

Contenido de la Pestaña 1

Las pestañas pueden ser anidadas dentro de pestañas, pero se advierte que el posicionamiento puede comenzar a jugarle en contra si lo hace, así que revise que todo encaje correctamente.

Obviamente cambia por "pestaña" por el título que le quieras poner, y el contenido que tú quieres que esté hay.

Texto Colapsable

Los colapsables son para ocultar bloques de texto largos para evitar que la página se haga demasiado extensa. El texto oculto aparecerá una vez que haga clic en el enlace colapsable:

[[collapsible show="+ Texto para abrir" hide="- Texto para cerrar"]]
Texto que colapsa aquí
[[/collapsible]]

El texto a mostrar/ocultar colapsable es "+ show block" y "- hide block" por defecto, si no se especifica show/hide.

Acomoda y corrige cada parte a lo que quieras que esté hay.

Texto colapsable más largo

Para bloques de texto largos, utilice "hideLocation="both"" para mostrar también el enlace para ocultar en la parte inferior del bloque:

[[collapsible hideLocation="both" show="+ Texto para abrir" hide="- Texto para cerrar"]]
TEXTO
BASTANTE
MAS
TEXTO
XD
[[/collapsible]]

Obviamente reemplaza lo que tengas que reemplazar.

Notas al Pie de Página / Notas al Pie

Las notas al pie son buenas para insertar más información en el texto sin desordenar el texto:

Contenido[[footnote]]Contenido de nota al pie[[/footnote]]. Más contenido[[footnote]]Más contenido de nota al pie[[/footnote]].

Insertar [[footnoteblock]] determina la posición de las notas al pie. De otra manera, las notas al pie aparecerán en la parte inferior de la página:

Mas texto[[footnote]]Texto de la nota [[/footnote]].
Más texto1.

Tablas

Las tablas son un código para ordenas cosas en un bloque de varias casillas (o celdas), para ordenar mejor el contenido, a demás de una celda de título para colocar una división entre varias celdas que describen cosas distintas.

||~ 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||

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

Celdas con Separador

Agregar más separadores de celdas (||) antes del texto de la celda hará que la celda abarque múltiples columnas en función de cuántos separadores de celdas haya utilizado.

||~ 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||

Título de celda Título de celda Título de celda
Celda que abarca una columnas Celda que abarca dos columnas
Celda que abarca tres columnas

Imágenes

Para la colocación de imágenes, se tienen diferentes tipos de módulos que logran esto. Para colocar imágenes vaya a abajo del todo de su página, presione "archivos", luego podrá añadir un archivo de su galería. Luego, cambie el nombre de la imagen y agrégale una descripción.

Nota: NO modifiques la imagen si posee marca de agua, y asegúrate de que esté bajo licencia CC-BY-SA. Obtén más información aquí.

Imagen estándar

Este módulo colocará la imagen en la página. Sin embargo, la colocará (incluso si posee cantidades extremas de ancho y largo) sin más, por ende se recomienda antes saber la medida de la imagen para no generar defectos.

[[image source]]

Recuerda reemplazar "source" por el nombre de la imagen que quieres que se vea, o la URL si no la has agregado un nombre a la imagen.

Uso más Avanzado de Imágenes

Agregar imágenes es una excelente manera de mejorar su artículo.

[[include component:image-block name=URL|caption=Texto de debajo]]

Esto crea un bloque de imagen que se expandirá al pasar el mouse sobre él. Reemplace el texto en negrita con lo que sea aplicable.

También hay algunas otras cosas que puede agregar para cambiar el funcionamiento de la imagen.

[[include component:image-block name=URL|caption=Texto de debajo|width=###]]

Esto establecerá el tamaño de la imagen. El valor predeterminado es 300 píxeles. Asegúrese de poner una unidad para que funcione. "width= 450px" hará que tenga 450 píxeles de ancho. "width = 50%" hará que ocupe la mitad del ancho del contenido de la página.

[[include component:image-block name=URL|caption=Texto de debajo|align=alineamiento]]

Esto cambiará la forma en que se alinea la imagen. De forma predeterminada, la imagen se alineará al lado derecho de la pantalla. "align = left" hará que aparezca en el lado izquierdo. "align= center" hará que aparezca en el centro de la pantalla.

[[include component:image-block name=URL|caption=Texto debajo|enlarge=false]]

Esto hará que la imagen no se amplíe cuando pase el mouse sobre ella. De forma predeterminada, la opción para ampliar el mouse está habilitada.

Módulo de Imagen del Sitio

[[include :destinox:component:image-block
name= nombre de la imagen|
caption=Coloca aquí texto el cual aparecerá abajo|
align=right o left para que esté alineada a la izquierda o derecha
]]

Este módulo es el oficial para las imágenes en el sitio. Recuerda reemplazar cada parte con lo que corresponde que va.

Alineamiento de Imágenes

Si desea agregar imágenes normales (sin el formato del bloque de imágenes), simplemente use:

[[image LINK]] ⟶ Crea una imagen normal.
[[<image LINK]] ⟶ Crea una imagen alineada a la izquierda.
[[>image LINK]] ⟶ Crea una imagen alineada a la derecha.
[[=image LINK]] ⟶ Crea una imagen centrada.
[[f<image LINK]] ⟶ Crea una imagen flotando a la izquierda. (Permite el ajuste de texto.)
[[f>image LINK]] ⟶ Crea una imagen flotando a la derecha. (Permite el ajuste de texto).

Audio y Video

Utilice el reproductor multimedia HTML5 para añadir audio y vídeo. Cambie el type a "audio" o "vídeo" para que se ajuste a lo que está insertando:

[[include :snippets:html5player
|type=audio
|URL=AQUÍ-VA-LA-URL]]

Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License