Ayuda:Referencia rápida de edición

{| style="width:100%" cellspacing="0" {| style="border: 2px solid #82AAFF; padding:0.5em; padding-left:1em;"
 * style="width:97%;" |

Aquí encontrarás una referencia rápida 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.

Párrafos
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 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 Jules Verne, ¡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 de la barra de herramientas de edición. Utiliza el símbolo '|' (tecla AltGr + 1) para que muestre un texto diferente.


 * Enlace a página existente
 * Jules_Verne_Wiki

Jules_Verne_Wiki

Página inexistente Página inexistente
 * Enlace a página inexistente

El siguiente enlace nos llevará a la portada. El siguiente enlace nos llevará a la portada.
 * Enlace a una página pero mostrando otro nombre en el enlace


 * 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.

Ilustración de Pikachu por Ken Sugimori  Ilustración de Pikachu por Ken Sugimori


 * Enlaces a episodios y películas
 * 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 películas, que se enlazan mediante plantilla:P. 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.

Más información: Wikia:Help:Interwiki link (en inglés).


 * Enlace la sitio de Wikia
 * Se hace escribiendo el prefijo wikia: seguido del nombre de la página.

Wikia <pre style="max-width:700px;">Wikia


 * Enlace a Wikipedia, wikilibros, etc.
 * El prefijo será Wikipedia:, Wikibooks:, etc. seguido del código de idioma (es</tt> para español), ya que sin prefijo irá a la Wiki en inglés.

Wikipedia, Wikilibros, Commons, Meta. <pre style="max-width:700px;"> Wikipedia, Wikilibros, Commons, Meta.

Enlace externo
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 de la barra de herramientas de edición. Para saber cuándo utilizar enlaces externos, consulta Jules_Verne_Wiki:Enlaces externos.

Jules Verne Wiki, Sitio web seguro, [mailto:correo@electronico.com dirección de correo] <pre style="max-width:700px;"> Jules Verne Wiki, Sitio web seguro, [mailto:correo@electronico.com dirección de correo]
 * Con texto a mostrar

Negritas y cursivas
Para destacar palabras y expresiones utiliza negritas y cursivas. Se consigue poniendo apóstrofes (') triples y dobles respectivamente alrededor de la expresión. También con los botones para negrita y  para cursiva de la barra de herramientas de edición.

Texto en negrita y cursiva <pre style="max-width:700px;">Texto en negrita y cursiva
 * Texto en negrita y cursiva

A este texto en negrita le añadimos la cursiva <pre style="max-width:700px;">A este texto en negrita le añadimos la cursiva
 * Negrita y cursiva combinadas

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  </tt> en el espacio blanco escribiremos el color que deseemos. Al final de la palabra se escribe   </tt>. No es necesario escribir esto por cada palabra. Desde donde se inserte  </tt> hasta donde se inserte    </tt> 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. Fijate:


 * Verde : son correctos.
 * Rojo : son incorrectos.

Este es el código:

<pre style="max-width:700px;">
 * Verde : son correctos.
 * Rojo : son incorrectos.

Puedes encontrar una amplia gama de colores aquí.

Modificar la fuente
No hay botón para hacerlo

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  </tt> en el espacio blanco escribiremos la fuente que deseemos. Al final del texto se escribe   </tt>. 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:

<pre style="max-width:700px;"> Comic Sans es informal. Times New Roman sin embargo es más formal. Calibri vale para ambos casos.

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  </tt> hasta donde se inserte    </tt> 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 esta al tamaño 140%
 * Ahora he cambiado el tamaño de la palabra texto poniendo large.

Este es el código:

<pre style="max-width:700px;">
 * La palabra texto esta al tamaño 150%
 * Ahora he cambiado el tamaño de la palabra texto poniendo large.

Para cambiar el tamaño también se pude encerrar el texto entre  </tt> que reduce el tamaño y  </tt> 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, tal como lo hace el botón de la barra de herramientas.

Aquí hay un ejemplo, una escala de encabezados. En este ejemplo puedes comparar la diferencia entre cada encabezado. Este otro, es un ejemplo más comun, es la estructura que veras en casi todos los artículos.

Este sería su código:

<pre style="max-width:700px;"> == Titular == === Subtítulo === Texto === Otra sección === Más texto. == Más información == Información

Imágenes
Para insertar imágenes primero debes subirlas, o elegir una que [ ya esté subida]. Sólo tienes que insertar un enlace a la página de la imagen o bien utilizar el botón de la barra de herramientas de edición.

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. Sólo 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. <pre style="max-width:700px;">
 * Formato
 * thumb</tt> / thumbnail</tt>: 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</tt>: Sólo aparece enmarcada, sin el símbolo de Ampliar. La imagen aparecerá a tamaño original


 * Alineación
 * right</tt>: Alineación a la derecha, con el texto flotando a la izquierda
 * left</tt>: Alineación a la izquierda, con el texto flotando a la derecha
 * <tt>center</tt>: Alineación al centro. El texto siguiente aparece debajo de la imagen
 * <tt>none</tt>: Sin alineación. La imagen aparece en la misma línea que el texto.


 * Tamaño
 * número<tt>px</tt>. Especifica el ancho de la imagen en píxeles. Si se especifica número<tt>x</tt>número<tt>px</tt> especificará el alto y el ancho máximos de la imagen, manteniendo siempre la proporción de la imagen. Si se usa con <tt>frame</tt> 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 <tt>thumb</tt> o <tt>frame</tt>, aparecerá debajo de ella.

<pre style="max-width:700px;">
 * Ejemplos

Para más información, lee Ayuda:Imágenes.

Listas
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.

Se crean empezando la línea con un asterisco. Si ponemos más asteriscos seguidos la línea quedará más indentada.
 * Lista de boliches


 * 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

Se crean empezando cada línea con uno o más signos almohadilla o sostenido (<tt>#</tt>), como la lista de boliches. <pre style="max-width:700px;">
 * Lista ordenada
 * 1) Primera acción
 * 2) Segunda acción
 * 3) Esta acción tiene subapartados
 * 4) Otro
 * 5) Seguimos
 * 1) Primera acción
 * 2) Segunda acción
 * 3) Esta acción tiene subapartados
 * 4) Otro
 * 5) Seguimos

Constan de un título y de uno o varios elementos que dependen de él. Aunque es posible usar sólo 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 (<tt>;</tt>) y los elementos con dos puntos (<tt>:</tt>)
 * Lista de definición
 * Titular
 * Un ítem
 * Otro ítem.

<pre style="max-width:700px;">
 * Titular
 * Un ítem
 * Otro ítem.

Un comentario
 * Otro comentario indentado
 * Aún más indentado
 * Volvemos

<pre style="max-width:700px;"> 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 <tt>{|</tt> seguido de atributos HTML opcionales que modificarán el aspecto de toda la tabla. la última línea será <tt>|}</tt>.

La tabla se forma por filas. Cada fila es una línea que empieza con <tt>|-</tt> 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 (<tt>|</tt>) 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 (<tt>!</tt>) y separando las celdas de una misma línea por dos signos de exclamación, en vez de dos barras verticales.

<pre style="max-width:700px;">

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 <tt>class="estilos a aplicar"</tt>. 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. <tt>class="wiki"</tt>

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 <tt>class="encabezado"</tt>

<pre style="max-width:700px;">


 * 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. <tt>class="lista"</tt>

Para que la primera fila (o más de una) no se resalten al pasar el ratón hay que usar el <tt>class="encabezado"</tt>

<pre style="max-width:700px;">


 * Alineación de columnas

Para alinear columnas se puede utilizar a nivel de tabla estilos del tipo <tt>class="col1cen col2izq col3der"</tt>. 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) <pre style="max-width:700px;"> {| 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 <tt>&lt;nowiki></tt> y <tt>&lt;/nowiki></tt> respectivamente. También puedes usar el botón. 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

<pre style="max-width:700px;"> Este &lt;nowiki>&lt;/nowiki>enlace no se verá como tal

* Esto que en principio aparecería como una lista en realidad no se visualizará así

<pre style="max-width:700px;"> &lt;nowiki>*&lt;/nowiki> Esto que en principio aparecería como una lista en realidad no se visualizará así

http://julesverne.wikia.com/ con enlace y http://julesverne.wikia.com/ sin enlace <pre style="max-width:700px;"> http://julesverne.wikia.com/ con enlace y &lt;nowiki>http://julesverne.wikia.com/&lt;/nowiki> sin enlace

Texto oculto
En determinadas situaciones, interesa poner en el artículo texto que sólo se ve al editar el artículo, pero no si sólo 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 <tt>&lt;!--</tt> y <tt>--&gt;</tt> 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.

<pre style="max-width:700px;"> Esto es una frase. Entre la frase anterior y ésta hay un texto oculto.

Redirecciones
A veces, el sujeto del artículo puede conocerse por varios nombres. Entonces se crean "redirecciones" que son páginas especiales que van directamente al nombre correcto.

Las redirecciones son muy fáciles de crear. Y se utilizan para diferentes propósitos:


 * Como en el anterior ejemplo, cuando hay varios nombres de un sujeto.
 * Cuando un nombre es propenso a escribirse mal o puede escribirse con una falta común (Garra dragon -> Garra dragón).
 * Cuando un artículo puede buscarse por el plural (Caramelos furia -> Caramelo furia).

En definitiva, crea cualquier redirección que juzgues necesaria para el lector a la hora de buscar un artículo.

Las redirecciones se crean de la siguiente manera, edita el nombre que quieres redigir e introduce <tt> #REDIRECCIÓN  nombre de la página</tt>. Por ejemplo, para que Jupiter redirija a Jupiter, su código es <tt> #REDIRECCIÓN  Pikachu</tt>.


 * Nota: Aunque no es necesario ni común, a veces se categorizan las redirecciones, esto se explica en Ayuda:Categorías.

Desambiguaciones
A veces, el nombre de un artículo se puede referir a varias cosas. En estos casos se crean páginas de desambiguación. Se pone una frase introductoria, como XXX puede referirse a: y a continuación se listan las posibilidades. Finalmente, lo más importante es introducir al final <tt> </tt>.

Categorías
Las categorías son una parte importante del wiki. Por ello, se explican en una página a parte, Ayuda:Categorías.

Formato avanzado
Hay más cosas que es posible hacer en un wiki, pero por lo general se utilizan en casos contados. Puedes visitar la referencia de edición de Wikipedia, Ayuda:Cómo se edita una página, donde se mencionan algunos aspectos que aquí no están. De la misma forma, si alguna vez necesitas hacer uso de ellos pero no sabes utilizarlos o necesitas ayuda, puedes consultar a un usuario veterano o a tu profesor.
 * }
 * class="degradado2" style="width:3%; background-color:#82AAFF; border-top:1px solid white; border-bottom:1px solid white;" |
 * }