Aquí encontrarás una guía sobre cómo editar una página con formato utilizando la sintaxis Wiki. También se puede hacer uso de la sintaxis HTML en algunos casos, pero se recomienda usar la sintaxis Wiki siempre que sea posible, puesto que hace el código más legible.
Para no aburriros con largas explicaciones, pondremos varios ejemplos para que lo entendáis rápidamente. Debajo de cada ejemplo encontraréis el código que se ha utilizado para conseguirlo.
No hagas las pruebas en esta página. Si quieres probar, hazlo en la zona de pruebas.
Para separar los párrafos debes dejar una línea en blanco de separación entre un párrafo y el siguiente (dos saltos de línea). De esta forma, el segundo párrafo aparecerá separado del primero. Si solamente insertas un salto de línea (vamos, al pulsar la tecla "intro" o "enter") el texto aparecerá todo junto, como si ese salto de línea no existiera. Tenlo en cuenta. Si dejas más de una línea en blanco, el espacio entre párrafos aumentará, pero eso no es deseable pues se busca que el formato de los artículos sea homogéneo. A continuación unos ejemplos:
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.
Este es el segundo párrafo que, como veis, está separado del anterior por dos saltos de línea, es decir, con una línea en blanco entre medio. Este texto es un ejemplo para ilustrar cómo se edita en una Wiki.
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.
Este es el segundo párrafo que, como veis, está separado del anterior por dos saltos de línea, es decir, con una línea en blanco entre medio. Este texto es un ejemplo para ilustrar cómo se edita en una Wiki.
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.
Esta es una nueva línea pero en realidad aparece pegada a la anterior porque no se ha dejado una línea en blanco entre ésta y la anterior.
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.
Esta es una nueva línea pero en realidad aparece pegada a la anterior porque no se ha dejado una línea en blanco entre ésta y la anterior.
Enlaces[]
Enlaces internos[]
Son la mejor forma de tener todos los artículos interrelacionados. Si en el texto crees que puede ser relevante poner un enlace a otro artículo de WikiDex, ¡Adelante!. Esto facilitará a un lector poder llegar hasta ese artículo y saber más cosas sobre él, en caso de que exista. Si no existe también lo sabrá porque aparecerá el enlace en rojo y podrá crearlo al hacer clic sobre él.
Para insertar un enlace escribe el título de la página que quieras enlazar (no la dirección) entre dobles corchetes, o pulsando sobre el botón Enlace interno de la barra de herramientas de edición. Utiliza el símbolo '|' (tecla AltGr + 1) para que muestre un texto diferente.
Enlace a una página pero mostrando otro nombre en el enlace
El siguiente enlace nos llevará a la portada.
El siguiente [[Rakudai Kishi no Eiyuutan Wiki|enlace]] nos llevará a la portada.
Enlace a una sección de una página mostrando otro nombre en el enlace
Curiosidades de Ikki nos llevará a la sección "Curiosidades" dentro de la página "Ikki Kurogane".
[[Ikki Kurogane#Curiosidades|Curiosidades de Ikki]] nos llevará a la sección "Curiosidades" dentro de la página "Ikki Kurogane".
Enlaces a páginas de imágenes
Para que se muestre un enlace a la página de la imagen y no aparezca la imagen en si debes añadir dos puntos (:) delante del nombre de la página. Ver más adelante en imágenes.
Con el fin de que resulte más cómodo el enlazar a un episodio, se utiliza la plantilla:Ep. Lo mismos sucede con las novelas, que se enlazan mediante plantilla:LN. Puedes ver como se utiliza cada una siguiendo sus enlaces.
Enlaces a proyectos hermanos[]
En algunos casos puede que consideres necesario un enlace a un proyecto hermano, como otro sitio de Wikia (donde está alojada esta Wiki) o un enlace a Wikipedia, Wikilibros, etc. Es lo que se conoce también como Interwikis.
Se realizan igual que los enlaces internos, pero añadiendo un prefijo o más al nombre de la página a enlazar.
Para otros casos se puede utilizar la dirección web directamente, sin corchetes. También puedes ponerla entre corchetes simples. Si quieres que aparezca un nombre distinto no debes utilizar la barra vertical, sino un espacio. El primer espacio que encuentre separará la dirección del texto a mostrar. También puedes hacerlo pulsando el botón Enlace externo (recuerda añadir el prefijo http://) de la barra de herramientas de edición.
[http://www.ejemplo.com/ Ejemplo],
[https://sourceforge.net/ Sitio web seguro],
[mailto:correo@electronico.com dirección de correo]
Modificar el texto[]
Negritas y cursivas[]
Para destacar palabras y expresiones utiliza negritas y cursivas. Se consigue poniendo apostrofes (') triples y dobles respectivamente alrededor de la expresión.
Texto en negrita y cursiva
Texto en negrita y cursiva
Texto en '''negrita''' y ''cursiva''
Negrita y cursiva combinadas
A este texto en negrita le añadimos la cursiva
A este texto en '''negrita le añadimos la ''cursiva'''''
Modificar el color[]
No hay botón para hacerlo
Cambiar el color a una palabra sirve para resaltar su significado. Para ello hay que escribir antes de la palabra <span style="color: ;"> en el espacio blanco escribiremos el color que deseemos. Al final de la palabra se escribe </span>. No es necesario escribir esto por cada palabra. Desde donde se inserte <span style="color: ;"> hasta donde se inserte </span> el color cambiara, del negro por defecto, al elegido.
Procura usar colores en formato hexadecimal o RGB en vez de nombres de color en inglés, pues los nombres no están soportados en todos los navegadores.
Un ejemplo común de su uso también es para indicar los colores de una tabla, a modo de leyenda. Fíjate:
Verde: son correctos.
Rojo: son incorrectos.
Este es el código:
* <span style="color:green;">Verde</span>: son correctos.
* <span style="color:red;">Rojo</span>: son incorrectos.
Si lo que quieres el cambiar el color de un texto enlazado, entonces el código sería el siguiente:
Por defecto el texto siempre lleva una fuente, pero es posible cambiarla, esto puede servir, por ejemplo, para decorar un título. Para ello se escribe <span style="font-family:' ';"> en el espacio blanco escribiremos la fuente que deseemos. Al final del texto se escribe </span>. Su uso es el mismo que para cambiar el color.
Fíjate en un ejemplo:
Comic Sans es informal.
Times New Roman sin embargo es más formal.
Calibri vale para ambos casos.
Observa su código:
<span style="font-family:'Comic Sans MS';">Comic Sans es informal</span>.
<span style="font-family:'Times New Roman';">Times New Roman sin embargo es más formal</span>.
<span style="font-family:'Calibri';">Calibri vale para ambos casos</span>.
Modificar el tamaño[]
No hay botón para hacerlo
Cambiar el tamaño de una palabra o texto sirve para resaltarlo, normalmente no es necesario ya que se cuenta con los encabezados. Pero para casos especiales esto es lo que hay que hacer: desde donde se inserte <span style="font-size: ;"> hasta donde se inserte </span> el tamaño cambiara.
Los tamaños se pueden indicar de varias formas, en tantos porcientos (%) o con palabras. Con los tantos porciento no hay limite, las palabras que puedes utilizar son: xx-small|x-small|small|medium|large|x-large|xx-large o larger|smaller
Fijate en un ejemplo:
La palabra texto está al tamaño 150%
Ahora he cambiado el tamaño de la palabra texto poniendo large.
Este es el código:
* La palabra <span style="font-size:150%;">texto</span> está al tamaño 150%
* Ahora he cambiado el tamaño de la palabra <span style="font-size:large;">texto</span> poniendo large.
Para cambiar el tamaño también se pude encerrar el texto entre <small> que reduce el tamaño y <big> que lo agranda.
Encabezados[]
Los encabezados o subtítulos sirven para separar las diferentes partes de un artículo y ayudan a organizar la información. Además, generarán automáticamente una tabla de contenidos, siempre y cuando haya por lo menos tres encabezados en el artículo o según lo tengas configurado en tus preferencias.
Los encabezados se crean añadiendo signos igual (=) al principio y al final de una línea. Cuantos más signos añadas, el encabezado será de menor nivel, es decir, será de menor importancia. El encabezado de mayor nivel debería estar formado por dos signos de igual en cada lado.
Este sería su código:
== Titular ==
=== Subtítulo ===
Texto
=== Otra sección ===
Más texto.
== Más información ==
Información
Imágenes[]
Para insertar imágenes en Rakudai Kishi no Eiyuutan Wiki primero debes subirlas, o elegir una que ya esté subida. Solo tienes que insertar un enlace a la página de la imagen. La lista con todas las extensiones que se pueden usar en la imagen se encuentra en el formulario de subida.
La imagen puede tener varios parámetros que controlen su posición y visualización. Pueden ir en cualquier orden pero se recomienda dejar para el final el texto descriptivo de la imagen. Solo el nombre de la imagen es obligatorio.
También, puedes usar el botón de Añadir imágenes, (añadido recientemente por Wikia, situado al lado derecho del botón de agregar línea horizontal) para añadir una imagen sin tener que ir al formulario y perder la edición.
[[Archivo:NOMBRE DE LA IMAGEN.EXTENSIÓN|FORMATO|POSICIÓN|TAMAÑO|TEXTO DESCRIPTIVO.]]
Formato thumb
A 320px
Extensión
jpg / jpeg: Extensión más usada para imágenes fotográficas. Soportan compresión con pérdida de calidad. No soporta transparencia. Solo recomendada para imágenes grandes.
png: Extensión con más calidad que la anterior para gráficos, diagramas, sprites e imágenes oficiales. Soporta semitransparencia y colores reales y compresión sin pérdida de calidad. Recomendado para imágenes con grandes áreas de colores similares.
gif: Extensión para imágenes animadas que solo admite 256 colores. Soporta transparencia simple y animaciones. Solo recomendado para imágenes pequeñas de pocos colores y animaciones.
svg: Extensión usada para gráficos y diagramas. Soporta semitransparencia y colores reales. Son imágenes vectoriales que permiten ser redimensionadas sin perder calidad. Internamente es un archivo XML por lo que son muy fáciles de modificar. Al usarlas se convierten en formato PNG al vuelo, porque no todos los navegadores soportan este formato.
ogg: Extensión usada para escuchar sonidos y cortas canciones sin imagen de fondo. Soporta contenido audiovisual. Se usa para almacenar datos en archivos para ordenadores y transmitir flujos audiovisuales, pero sirve en muchas otras formas.
Formato
thumb / thumbnail: Aparece una versión reducida (180px como máximo si no se especifica otro tamaño) de la imagen y se alinea a la derecha (a menos que se especifique lo contrario). Añade un símbolo de Ampliar.
frame: Solo aparece enmarcada, sin el símbolo de Ampliar. La imagen aparecerá a tamaño original.
Alineación
right: Alineación a la derecha, con el texto flotando a la izquierda.
left: Alineación a la izquierda, con el texto flotando a la derecha.
center: Alineación al centro. El texto siguiente aparece debajo de la imagen.
none: Sin alineación. La imagen aparece en la misma línea que el texto.
Tamaño
númeropx. Especifica el ancho de la imagen en píxeles. Si se especifica númeroxnúmeropx especificará el alto y el ancho máximos de la imagen, manteniendo siempre la proporción de la imagen. Si se usa con frame será ignorado.
Texto descriptivo
Cualquier otro texto no reconocido como parámetro. Aparecerá al situar el ratón sobre la imagen y, si el formato es thumb o frame, aparecerá debajo de ella.
Las listas sirven para hacer enumeraciones o expresar un orden a seguir. Hay de diferentes tipos y no hay un atajo en la botonera de edición para crearlas.
Lista de boliches
Se crean empezando la línea con un asterisco. Si ponemos más asteriscos seguidos la línea quedará más indentada.
Este es un ítem
Este es otro ítem más indentado que el primero
Igual que el anterior
Volvemos al nivel superior
* Este es un ítem
** Este es otro ítem más indentado que el primero
** Igual que el anterior
* Volvemos al nivel superior
Lista ordenada
Se crean empezando cada línea con uno o más signos almohadilla o sostenido (#), como la lista de boliches.
Primera acción
Segunda acción
Esta acción tiene subapartados
Otro
Seguimos
# Primera acción
# Segunda acción
## Esta acción tiene subapartados
## Otro
# Seguimos
Lista de definición
Constan de un título y de uno o varios elementos que dependen de él. Aunque es posible usar solo uno de los dos elementos. Sirve para indentar comentarios en discusiones o párrafos. El título se forma empezando la línea con un punto y coma (;) y los elementos con dos puntos (:)
Titular
Un ítem
Otro ítem.
; Titular
: Un ítem
: Otro ítem.
Un comentario
Otro comentario indentado
Aún más indentado
Volvemos
Un comentario
: Otro comentario indentado
:: Aún más indentado
: Volvemos
Tablas[]
Tampoco hay botón para generarlas y pueden ser complicadas de entender. La sintaxis de la tabla va por líneas.
La primera línea de una tabla debe ser {| seguido de atributos HTML opcionales que modificarán el aspecto de toda la tabla. la última línea será |}.
La tabla se forma por filas. Cada fila es una línea que empieza con |- seguido de atributos HTML opcionales que modificarán el aspecto de la fila y las celdas de la misma.
Las celdas se pueden escribir en una misma línea o en líneas diferentes. Y hay de dos tipos: las normales y las de título. Las celdas normales empiezan la línea con una barra vertical (|) seguido del contenido, o bien de atributos HTML y el contenido separados por otra barra vertical. Para separar dos celdas o bien escribes la celda al lado de la primera separándola por dos barras verticales seguidas, o bien empiezas una nueva línea, como si fuera la primera celda. Las celdas de título aparecerán en negrita y centradas y se forman igual que las celdas normales pero empezando la línea por un signo de exclamación (!) y separando las celdas de una misma línea por dos signos de exclamación, en vez de dos barras verticales.
Como veis, se han añadido algunos atributos HTML de ejemplo. Si no sabéis cómo mejorar una tabla en un artículo, no importa. Alguien que sepa ya le dará un retoque.
Estilos predefinidos de tablas[]
Hay algunos estilos predefinidos en esta wiki que se pueden aplicar a tablas de forma fácil y sin tener que escribir apenas código. Para ello hay que agregar como propiedad a nivel de tabla un class="estilos a aplicar". Se pueden poner varios estilos separados por espacios dentro de la propiedad class.
Estilo predeterminado de la wiki
Agregará borde a las celdas y colores de fondo. class="wiki"
Para que la primera fila haga de encabezado de la tabla y se vea de un color diferente, hay que usar a nivel de la primera fila un class="encabezado"
Encabezado 1
Encabezado 2
datos 1
datos 2
datos 3
datos 4
{| class="wiki"
|- class="encabezado"
! Encabezado 1 !! Encabezado 2
|-
| datos 1 || datos 2
|-
| datos 3 || datos 4
|}
Estilo de lista
Agregará borde a las celdas y colores de fondo, y además resaltará la fila sobre la que se posicione el puntero del ratón. La altura de las celdas será un poco más reducida. class="lista"
Para que la primera fila (o más de una) no se resalten al pasar el ratón hay que usar el class="encabezado"
Encabezado 1
Encabezado 2
datos 1
datos 2
datos 3
datos 4
datos 5
datos 6
datos 7
datos 8
{| class="lista"
|- class="encabezado"
! Encabezado 1 !! Encabezado 2
|-
| datos 1 || datos 2
|-
| datos 3 || datos 4
|-
| datos 5 || datos 6
|-
| datos 7 || datos 8
|}
Alineación de columnas
Para alinear columnas se puede utilizar a nivel de tabla estilos del tipo class="col1cen col2izq col3der". Estos estilos son fáciles de utilizar y la nomenclatura es la siguiente: col + número de columna + alineación (izq = izquierda; cen = centro; der = derecha)
Esta alineación se realiza con CSS, especificación que soporta la mayoría de los navegadores ámpliamente usados, excepto Internet Explorer anterior a la versión 7. Si usas Internet Explorer 6 o inferior piensa en usar navegadores más seguros y funcionales como Mozilla Firefox u Opera.
De forma predeterminada las celdas están alineadas a la izquierda, pero si deseas que todas las celdas estén centradas excepto una, utiliza: (por ejemplo, la columna 2 alineada a la izquierda)
{| class="col2izq" style="text-align:center;"
Para un ejemplo véase el siguiente apartado.
Escapar el código[]
En algunas ocasiones puede ser necesario utilizar alguna de las notaciones aquí expuestas para otros fines como, por ejemplo, empezar una línea con un asterisco pero no querer que aparezca como una lista de boliches. En esos casos, el código que pueda confundir al software (porque no sabe si deseas en realidad usar el formato o que aparezca tal cual) debes encerrarlo entre las etiquetas <nowiki> y </nowiki> respectivamente. También puedes usar el botón Pasar por alto el formato wiki. Recuerda que todo lo que esté incluido entre esas etiquetas será mostrado tal cual y tampoco reconocerá enlaces. Tampoco hace falta que pongas todo el texto entre las etiquetas. Si quieres mostrar, por ejemplo, dobles corchetes sin que se cree un enlace puedes utilizarlos en una parte del texto:
Este [[enlace]] no se verá como tal
Este <nowiki>[[</nowiki>enlace]] no se verá como tal
* Esto que en principio aparecería como una lista en realidad no se visualizará así
<nowiki>*</nowiki> Esto que en principio aparecería como una lista en realidad no se visualizará así
http://es.pokemon.wikia.com/ con enlace y <nowiki>http://es.pokemon.wikia.com/</nowiki> sin enlace
Texto oculto[]
En determinadas situaciones, interesa poner en el artículo texto que solo se ve al editar el artículo, pero no si solo lo estas viendo. Puede resultar útil para dar indicaciones a los editores sobre cosas que se deben arreglar, o cómo hay que editar cierta parte del artículo, etc. Se conoce como comentario o comentario HTML.
Todo lo que vaya entre <!-- y --> no se mostrará en el artículo, pero sí en la caja de edición cuando alguien lo edite.
Por ejemplo (compruébalo pulsando en el enlace editar de esta sección):
Esto es una frase. Entre la frase anterior y ésta hay un texto oculto.
Esto es una frase. <!--
*** texto oculto que no se mostrará ***
--> Entre la frase anterior y ésta hay un texto oculto.
