Tutorial Wiki

Cómo se escribe en el Wiki

Por sirfreakthemighty (http://sirfreakthemighty.wikidot.com/).
Añadidos de Variable1979

En ésta página se tratará de hacer una breve reseña de algunas de las partes que se pueden manipular en un wiki.

Formato

Puedes formatear texto, de modo que este aparezca en negrita, cursiva, subrayado o tachado, lo puedes hacer usando las teclas B, /, U y S del editor del wiki, o tecleando el siguiente código delante y detrás del texto que quieras formatear:

**negrita**

//cursiva//

__subrayado__ 

--tachado--

Tabla de Contenidos

Para poner una tabla de contenidos en el Wiki se usa:

[[toc]]

Y para decidir si se quiere hacia el lado izquierdo o derecho se escribe.

[[f>toc]] -- Para que se muestre a la derecha (El que se muestra en el presente wiki)
[[f<toc]] -- Para que se muestre a la izquierda

Bloques

Este es el primer bloque.

Este es el segundo bloque dentro del bloque.

Este es el tercer bloque dentro del bloque.

El código utilizado para lo anterior es el siguiente:

> Este es el primer bloque.
>> Este es el segundo bloque dentro del bloque.
>>> Este es el tercer bloque dentro del bloque.

Para poner bloques de código, en lenguaje CSS, Python, HTML, y otros lenguajes se utiliza el comando siguiente:

[[code]]
code here
[[/code]]

Items

Una lista de genios.

  1. Einstein
  2. Asimov
  3. Papini
  4. Caruso
  5. Agassi
  6. Sagan
  7. Jordan
  8. Gandhi

El código utilizado para escribir los Items es el siguiente:

Una lista de genios.

# Einstein
# Asimov
# Papini
# Caruso
# Agassi
# Sagan
# Jordan
# Gandhi

Líneas Horizontales

Usa cuatro guiones o más (——) para crear una línea horizontal.


URL´s

Mi Blog

Y el código que se utilizó es el siguiente:

[*http://sirfreakman.blogspot.com Mi Blog]

Inter Wiki

A veces se quiere hacer referencia a algún artículo de la wikipedia y una manera fácil de hacerlo es usando lo siguiente:

Isaac_Asimov

[wikipedia:Isaac_Asimov]

Imágenes

Portada del libro de Sueños de Robot

La imágen anterior como se puede observar tiene los siguientes atributos:

  • Se encuentra centrada.
  • Hay un texto que sobresale cuando se pone el cursor encima de la imagen "Portada del libro de Sueños de Robot".
  • Si se le da click en la imagen se manda a una página y se abre en una página nueva lo cuál se logró colocando el símbolo * antes del link.

El código es el siguiente:

[[=image https://upload.wikimedia.org/wikipedia/en/8/87/RobotDreams.jpg size="medium" alt="Portada del libro de Sueños de Robot" link="*http://sirfreakman.blogspot.com"]]

Alineación de Imágenes

* [[=image - imagen centrada
* [[<image… - image on left
* [[>image… - image on right
* [[f<image… - image on left floating (surrounded by text)
* [[f>image… - image on right floating (surrounded by text)

Galería de Imágenes

Para poner una galería de imágenes y que aparezcan en el formato correcto es necesario qu estas imágenes no sean unas URL´s de lo contrario no tomaran formato se puede probar esto con el siguiente código:

[[gallery size="square"]]
: http://www.cardcow.com/images/andre-agassi-advertising-50926.jpg size="medium"
: http://moiselle.files.wordpress.com/2007/02/papinibalanced.jpg size="medium"
: http://content.answers.com/main/content/wp/en/d/d8/Isaac_asimov.jpg size="medium"
: http://www.andrewsavory.com/blog/einstein.010.png size="medium"
[[/gallery]]

Tablas

Las tablas se hacen utilizando las barras verticales || para crear las columnas a continuación se muestra un ejemplo:

Elemento Simbolo
Resistencia R
Capacitor C
Inductor L
Hay mas elementos

Y a continuación se muestra el código utilizado para crear la tabla anterior, para mayor información se puede ver la guía de wikidot Wiki Syntax

||~ Elemento ||~ Simbolo ||
||Resistencia || R||
||Capacitor || C ||
|| Inductor || L ||
||||Hay mas elementos||

Poner bloques en columnas

||~ Elemento ||~ Simbolo ||
||Resistencia || R||
||Capacitor || C ||
|| Inductor || L ||
||||Hay mas elementos||
Elemento Simbolo
Resistencia R
Capacitor C
Inductor L
Hay mas elementos

Para hacer lo anterior se utilizó el siguiente código.

[[div style="float:left; width: 45%; padding: 0 2%"]]
[[=]]
[[code type="CSS"]]
||~ Elemento ||~ Simbolo ||
||Resistencia || R||
||Capacitor || C ||
|| Inductor || L ||
||||Hay mas elementos||
[[/code]]
[[/=]]
[[/div]]

[[div style="float:left; width: 35%; padding: 0 2%"]]
||~ Elemento ||~ Simbolo ||
||Resistencia || R||
||Capacitor || C ||
|| Inductor || L ||
||||Hay mas elementos||
[[/div]]

~~~~

Ecuaciones Matemáticas

Para poner ecuaciones matemáticas en Wikipedia se sigue la misma syntaxys que la que se sigue en LaTeX.

[[math label]]
E = m c^{2}
[[/math]]
(1)
\begin{equation} E = m c^{2} \end{equation}

La ecuación anterior [[eref label]] es la ecuación más famosa del mundo.

Produce:

La ecuación anterior 1 es la ecuación más famosa del mundo.

Notas al Pie

Para usar un pie de nota se usa el entorno [[footnote]]....[[/footnote]]

Por ejemplo todo mundo conoce las siglas BJT[[footnote]] Bipolar Junction Transistor[[/footnote]].
Qué produce:

Por ejemplo todo mundo conoce las siglas BJT1.

La Bibliografía

La bibliografía se tiene que poner en el entorno [[bibliography]] .... [[/bibliography]].

Y cuando se quiera citar la bibliografía dentro del Wiki lo que se hace es escribir (bibcite label)

Uno de mis libros favoritos es el del Sr. Isaac Asimov (bibcite Asimov) porque parece la historia de Roma pero puesta en un escenario de galaxias e imperios galácticos.

Para hacer la bibliografía se utilizó el codigo:

[[bibliography]]
: Asimov : Asimov, Isaac. //La Fundación.// Editorial Planeta 
[[/bibliography]]
Bibliography
1. Asimov, Isaac. La Fundación. Editorial Planeta

Videos

El código para poner el video es el siguiente, notar que es la linea de Embeded que aparece en la barra derecha de cada video de Youtube.

[[embedvideo]]
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/sGbxmsDFVnE"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/sGbxmsDFVnE" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
[[/embedvideo]]

Social Bookmarking

Ésta es la función que más me gusta ya que se puede hacer Social_bookmarking con el comando [[social]].

Para poner los iconos de los diferentes servicios simplemente agregamos los nombres de los servicios como ejemplo mostramos:

[[social del.icio.us,digg,furl]]

Que produce:

del.icio.usdiggFurl

Modificar elementos de la página.

Cuando comencé a escribir este wiki, en verdad no sabía nada de como se ediataba, y lo que hice fue ponerme a leer el Wiki Syntax que ofrece Wikidot.com. Una vez que terminé de leer el tutorial sobre como escribir en el Wiki, pensé ahora en modificar las barras de navegación que se encuentra en cualquier posición lateral dependiendo del templete y la barra superior la que dice cuando no se ha modificado example menu y contact.

¿Cómo se modifican éstas barras?

Por default tenemos la barra de navegación lateral y la superior nav:side y nav:top respectivamente.

Para poder entrar a modificar éstas barras tenemos que escribir en nuestro navegador estando "logeados"

http://ElNombreDeTuWiki.wikidot.com/nav:side — Para modificar la barra lateral.
http://ElNombreDeTuWiki.wikidot.com/nav:top — Para modificar la barra superior.

nav:top

Al dar click en edit en la página de nav:top nos aparecerá un código parecido al siguiente:

* [# example menu] [!--Notar que éste nos genera un menu **desplegable**]
 * [[[example 1]]]
 * [[[example 2]]]
* [[[contact]]] [!-- Esta línea de comando nos genera un link en la barra de navegación superior]
[!--
Please do not include anything else than links within the bullet list.
Do not go deeper than 1 level with nesting.
--]

Ahora lo único que se tiene que hacer es tomando como base el ejemplo anterior generar nuesta barra superior.

Pensemos que queremos hacer un menu desplegable que nos mande a las páginas de google y yahoo y de youtube, y que el menu se llame buscadores. Entonces vamos el siguiente código probar el código:

* [# Buscadores]
 * [*http://www.google.com Google]
 * [*http://www.yahoo.com Yahoo]
 * [*http://www.youtube.com Youtube]

Ahora lo que se tiene que hacer es probar éste código en la página de nav:top pegarlo y ver si como se dijo genera un menu desplegable que nos manda a esas páginas.

nav:side

Para modificar la barra lateral se sigue un procedimiento parecido, tenemos que introducir el nombre de la página en nuestro navegador, o dar click en edit this panel que se muestra en la barra para modificar esta parte.

¿Cómo crear las categorias?

¿En primer ligar qué es una categoría?. En ésta ocasión no definiremos lo que és una categoría pero daremos un ejemplo de cómo es una categoría.

Recordemos como modificar las barras de navegación superior y lateral (nav:top, nav:side), éstas 2 barras se encuentran dentro de la categoría nav. Ésta categoría venia por default en nuestro wiki.

  • nav
    • top
    • side

Ahora ya que tenemos el concepto de una categoría veamos cómo se hacen.

En nuestra barra lateral tenemos una sección que se llama Add a new page, por lo regular ahí se escribe el nombre de la página nueva que queremos crear. Si queremos crear una categoría que se llame colores y dentro de esa categoría hacer una página con la descripción de cada color ( si pueden me dicen ) hacemos lo siguiente:

En Add a new page escribimos:

categoria:elemento
colores:gris

Con esto hemos creado la categoría colores. Y ahora le agregaremos elementos a la categoría.

En Add a new page escribimos:

colores:rojo
colores:verde
colores:azul

Nota : siempre que se quiera crear una categoría se escribe nombrecategoria:elementodecategoria (no olvidar los dos puntos :) y cuando se quieran agregar los elementos a la categoría se escribe nombredecategoria:nuevoelemento y así sucesivamente.

Modulos

Los módulos son herramientas que nos ayudan a hacer nuestra página mas dinámica y con mayor retroalimentación por parte de quien la ve. Por ejemplo existe un módulo que sirve para que se puedan hacer comentarios al contenido de nuestra página, o para montar un foro de discusión en nuestro wiki.

Módulo de Páginas

El módulo de páginas pages en inglés sirve para desplegar las páginas que existen en nuestro wiki, de una manera específica en alguna de las páginas de nuestro wiki.

Por ejemplo hice una categoría que se llama mri (Magnetic Resonance Imaging) y le agregué los elementos T1 y T2, entonces quiero ver que elementos tiene la categoria mri, y para esto usaremos el modulo pages.

A continuación se muestran las páginas que se encuentran dentro de la categoria MRI.

El código que se utilizó fué el siguiente:

[[module Pages category="mri" preview="true"]]

En donde utilicé los parametros preview, en donde preview tiene la función de ofrecer las primeras lineas del documento y category, la función de listar las páginas de la categoria mri.

Para obtener mayor información de los parámetros que se pueden utilizar con el módulo Page, se puede consultar la siguiente página Page module

nuevapagina

Éste comando lista las páginas que se te mandan a la página actual.

[[module Backlinks]]
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.