Table of Contents
|
¡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.
Colores.
Clase | Color |
---|---|
Verde | #39873b |
Zenux | #de8014 |
Severus | #d41e48 |
Neutral | #5e84ad |
Falias | #f0c5e6 |
Toria | #50aba0 |
Prix | #852bd9 |
No Estándar | #e3d65d |
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 |
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
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]]
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.
Colapsable múltiple
Este módulo te permite colocar un collapsible dentro de un collapsible, pudiendo tener cantidades grandes de texto en varios collapsibles que están en un mismo collapsible.
[[include :snippets:colalt |oddtop=[|show=+ abrir|hide=- cerrar]]
Mucho texto..
[[include :snippets:colalt |eventop=[|hide=- cerrar]]
Joder cuánto texto..
[[include :snippets:colalt |oddtop=[|show=+ abrir|hide=- cerrar]]
Más texto..
[[include :snippets:colalt |oddend=[|nohide=true]]
[[include :snippets:colalt |evenend=[|show=+ show|nohide=true]]
[[include :snippets:colalt |oddend=[|nohide=true]]
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:
Contenido[[footnote]]Contenido de nota al pie[[/footnote]].
Más contenido1.
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.
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.
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]]